/*/*Template Name: Smartly - Responsive App Landing PageVersion      : 1.0*/
/*=============================================================    CSS INDEX    =============================    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)    02. BOOTSTRAP NAVIGATION OVERRIDES    03. START HOME DESIGN    04. START FEATURES DESIGN    05. START WHY US DESIGN    06. START APP DESCRIBE DESIGN    07. START APP DESCRIBE WITH VIDEO DESIGN    08. START TESTIMONIAL DESIGN    09. START APP SCREENSHOT DESIGN    10. START APP PRICING DESIGN    11. START APP DOWNLOAD DESIGN    12. START CONTACT FORM DESIGN    13. START MAP DESIGN    14. START NEWSLETTER & SOCIAL PROFILE DESIGN    15. START FOOTER DESIGN  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

body {
    background-color: #fff;
    color: #222;
    font-family: "Montserrat", "Source Sans Pro",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

}

html,

body { height: 100% }

h1,

h2,

h3,

h4,

h5,

h6 {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
}

a {
    font-family: "Montserrat",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;

}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

ul,

li {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;

}
.profile_head_nav ul li a {
    font-size: 17px !important;
}
.sahdow_texts h1, .sahdow_texts p {
    background: #ccc none repeat scroll 0 0;
    border-radius: 4px;
    opacity: 0.8;
    padding: 5px 0;
	color: #000 !important;
}
.userprofile_sm {
    margin-top: 100px;
}
.userprofile_sm-form {

    width: 100%;
}
.userprofile_sm-form p input {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}
.top_first_section {
    margin-top: 140px;
}


.db-pricing-seven {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    border: 1px solid #C5C2C2;
    background-color: #EDEDED;
}

    .db-pricing-seven:hover {
        margin-top: 5px;
        -moz-transition: margin-top 0.25s ease 0s;
        -ms-transition: margin-top 0.25s ease 0s;
        transition: margin-top 0.25s ease 0s;
    }

    .db-pricing-seven ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding-left: 0px;
    }

        .db-pricing-seven ul li {
            border-bottom: solid 1px #D8D8D8;
            padding-top: 20px;
            padding-bottom: 20px;
            cursor: pointer;
            text-transform: uppercase;
        }

            .db-pricing-seven ul li.price {
                background-color: #fff;
                padding: 40px 20px 20px 20px;
                font-size: 20px;
                font-weight: 900;
                color: #353c3e;
                font-weight: 900;
            }

                .db-pricing-seven ul li.price i {
                    padding: 30px;
                    font-size: 50px;
                    display: block;
                }


    .db-pricing-seven .pricing-footer {
        padding: 20px;
    }

        .db-pricing-seven .pricing-footer a i {
            margin: 5px;
            top: 3px;
        }
/*START PRELOADER DESIGN*/

.preloader {

    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.status,

.status-mes {

    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;

}

.status-mes h4 {
    color: #333;
    margin-top: 30px;
}

.no-padding { padding: 0 }

/*END PRELOADER DESIGN*/

/*START SCROLL TO TOP*/

.topcontrol {
    background: #ccad52 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;

}

.topcontrol:hover {

    background: #222;
    color: #fff;

}

/*END SCROLL TO TOP*/

.section-padding { padding: 40px 0 }

/*START SECTION TITLE DESIGN*/

.section-title { margin-bottom: 60px }

.section-title  h2 {
font-size: 26px;
margin: 0;
position: relative;
text-transform: uppercase;
}

.section-title h2 span { color: #ccad52 }

.section-title-white {
    color: #fff !important;
    position: relative;

}

.section-title div {

    background: #ccad52  none repeat scroll 0 0;
    display: block;
    height: 3px;
    position: relative;
    margin: 15px auto;
    width: 80px;

}

.section-title p {

margin: auto;
padding: 0 20px;
position: relative;
width: 70%;

}

/* Tutorial Page */
.text-white{
	color: #fff;
}

/* End Tutorial Page*/

@media only screen and (max-width:768px) {

.section-title p {

width: 100%;

}

}
@media only screen and (max-width:725px) {

.mobile-footer {
	margin-bottom: 20px;
	display: block;
}
.desktop-footer{
	display: none;
}

.crbottom{
	color: #000;
	background: #9FBEE5;
	font-weight: bold
}
.crbottom .text-center{
	padding: 10px 0;
}
}
@media only screen and (min-width:726px) {

.mobile-footer {
	display: none;
}
.desktop-footer{
	margin-bottom: 20px;
	display: block;
}
.crbottom{
	color: #000;
	background: #9FBEE5;
	font-weight: bold
}
.crbottom .text-center{
	padding: 10px 0;
}
}

@media only screen and (max-width:991px) {

#download-ios {
	margin-bottom:10px;
}
.card.profile_cards_sm {
    margin-bottom: 20px;
}

}
/*END SECTION TITLE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*

* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------

*/
.navbar-header a.brand {
    display: block;
    float: left;
    height: 70px;
    width: 205px;
    background-image: url("/styles/images/logo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}
.navbar-default {

    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.active>a:focus {

    color: #ccad52  !important;

    background-color: transparent;

}

.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:hover,

.navbar-default .navbar-nav>.open>a:focus {

    color: #ccad52  !important;

    background-color: transparent;

}

.navbar-brand { padding: 0px; height: auto; }

.navbar-brand img {}

@media only screen and (max-width:480px) {

.navbar-brand img {margin-left: 10px;}

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}
.navbar-collapse > nav {
    position: relative;
}


@media only screen and (max-width:768px) {

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {

        position: unset;

    }

    .navbar-collapse > nav {
        position: unset;
    }}
.navbar-default .navbar-nav.navbar-right {margin-top: 8px;}.menu-top {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}.menu-top li a {color: #fff !important;font-family: source sans pro,sans-serif;font-size: 15px;font-weight: 400;text-transform: capitalize;}.menu-top li a:hover { color: #ccad52 !important }@media only screen and (max-width:768px) {    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }}@media only screen and (max-width:480px) {    .menu-top {        background-color: #fff;    }    .navbar-default .navbar-nav > li > a { color: #313131  !important }}.navbar-default.menu-shrink {    background-color: #fff;    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);    padding: 20px 0;    width: 100%;}@media only screen and (max-width:480px) {    .menu-top {        color: #fff !important;        margin-left: 0px;    }}.navbar-default.menu-shrink li a { color: #313131!important}.navbar-default.menu-shrink li a:hover { color: #ccad52  !important }.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #fff }.navbar-default .navbar-toggle .icon-bar { background-color: #ccad52}.navbar-nav a.user {background-image: url("/styles/images/icon-user-gray.svg"); background-repeat: no-repeat; background-position: center right; background-size: 17px; padding-right: 20px;}/** ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------*//** ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------*/.home_parallax { position: relative;height:750px; }.home_parallax:before {    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-text h1 {color: #fff;
font-size: 50px;
line-height: 66px;padding-top: 150px;
margin: 0;
text-transform: capitalize;margin-bottom: 20px;}

.hero-text h2 {color: #fff;
font-size: 50px;
line-height: 66px;
margin: 0;
padding-top: 150px;
text-transform: capitalize;margin-bottom: 20px;}

@media only screen and (max-width:480px) {    .hero-text h1 {
        font-size: 40px;
        line-height: 56px;
    }}
@media only screen and (max-width:480px) {    .hero-text h2 {
        font-size: 40px;
        line-height: 56px;
    }}
@media only screen and (max-width:360px) {    .hero-text h1 {
        font-size: 30px;
        line-height: 40px;
    }}
@media only screen and (max-width:360px) {    .hero-text h2 {
        font-size: 30px;
        line-height: 40px;
    }}
	
	
.hero-text-resellers
{
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px 20px 20px 20px;	
    z-index: 2;
}
	

.hero-text p {color: #fff;margin: 0 auto;
padding: 12px;}@media only screen and (max-width:768px) {    .hero-text p {
		width: 100%
		padding: 6px;
		}}.google_play {margin-left:20px;}.btn-home-bg-one {    background: #ccad52;
    border: 2px solid #ccad52;
    border-radius: 0;
    color: #fff;
    margin-right: 10px;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
   text-transform: uppercase;}@media only screen and (max-width:768px) {.btn-home-bg-one{  margin: 20px 20px 0 0; }}.btn-home-bg-one:hover,.btn-home-bg-one:focus {    background: #fff;
    border: 2px solid #fff;
    color: #333;}.btn-home-bg-two {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;}@media only screen and (max-width:768px) {.btn-home-bg-two{  margin: 20px 20px 0 0; }}.btn-home-bg-two:hover,.btn-home-bg-two:focus {    background: #fff;    border: 2px solid #fff;    color: #333;}s/*START SLIDESHOW VIDEO*/.welcome-area,.welcome-slider-area,.welcome-slider-area div { height: 700px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}
.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}
.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
color: #fff;
font-size: 50px;
line-height: 66px;
margin: auto;
text-transform: capitalize;
width: 85%;
}
.single-slide-item p {
color: #fff;
margin: 0 auto;
padding-bottom: 35px;
padding-top: 15px;
width: 80%;
}
@media only screen and (max-width:768px) {
    .single-slide-item p { width: 100% }
}
.carousel-indicators-slider { bottom: 30px !important }
/*START SLIDESHOW VIDEO*/
/*START HTML5 VIDEO*/
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.video-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.video-caption h2 {
  margin: auto;
  width: 70%;
}
video { min-width: 100% }
@media only screen and (max-width:768px) {
video { min-width: 100%;height:100% }
}
/*END HTML5 VIDEO*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-feature{background:#f7f7f7;}
.feature-icon-box {
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
padding: 50px 40px;
transition: all 0.2s ease 0s;
}
.feature-icon-box:hover { background: #ccad52 }
.icon-box-icon {
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: #333;
    display: inline-block;
    font-size: 25px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 30px;
    text-align: center;
    width: 65px;
    -webkit-transition: .5s;
            transition: .5s;
    position: relative;
}
.feature-icon-box:hover .icon-box-icon {
    background: #fff;
    color: #ccad52;
    border-color: #fff;
}
.icon-box-info h4 {
    margin: 0 0 20px;
    color: #333;
    text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.feature-icon-box:hover .icon-box-info h4{color:#fff;}
.mobile-hand{margin-top: 150px;}
@media only screen and (max-width:768px) {
    .icon-box-info h4 { font-size: 14px }
}.menu-margin {
    padding-top: 250px;
}
@media only screen and (max-width:991px) {
    .mobile-hand{display: none;}
	.menu-margin img {
    height: 300px;
    margin: auto;
    padding-top: 171px;
}
	.menu-margin{margin-top: 0px;
		padding-top:0px;
	}}@media only screen and (max-width:480px) {
    .icon-box-info h4 { font-size: 18px }
    .google_play {margin-left:0px;}
    .google_play img{margin-top: 20px;}
}
@media only screen and (max-width:350px) {
.menu-margin img {
    height: 260px;
    margin: auto;
    padding-top: 130px;
}
}
@media only screen and (max-width:330px) {
.hero-text p {
    padding-bottom: 10px;
}
}
.icon-box-info p { color: #333;transition: all 0.2s ease 0s; }
.feature-icon-box:hover .icon-box-info p{color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START WHY US DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) {
    .mt60 { margin-top: 60px }
}
.why-choose-title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:360px) {
    .why-choose-title { font-size: 18px }
}
.single_why {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    overflow: hidden;
    /*padding: 20px;*/
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.why-box-icon {
	background: #ccad52 none repeat scroll 0 0;
	border: 2px solid #ccad52;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 12px;
	height: 20px;
	line-height: 17px;
	margin-right: 20px;
	position: relative;
	text-align: center;
	transition: all 0.2s ease 0s;
	width: 20px;
}
.single_why:hover .why-box-icon{
background: #fff none repeat scroll 0 0;
border: 2px solid #ccad52;
color:#ccad52;
}
.single_why h4 {
    color: #333;
    margin: 0 0 10px;
    text-transform: uppercase;
	overflow: hidden;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_why p {
color: #333;
overflow: hidden;
transition: all 0.4s ease 0s;
}
.why_us_img {
    margin: auto auto 0px;
    max-width: 420px;
}
.trial-btn{
	    margin-top: 100px;
    margin-bottom: 100px;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END WHY US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
.description_text {
margin-top: 20px;
}
@media only screen and (max-width:480px) {
.description_text{ margin-top:0px;}
}
.description_text h3 {
font-size: 40px;
line-height: 48px;
margin: 0 0 20px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) {
    .description_text h3 {
        font-size: 26px;
        line-height: 40px;
    }
}
.description_text p { text-align: justify }
.description_text_mbnone { margin-bottom: 0px!important; margin-top: 60px; }
.description_text_img {
    margin: auto auto 0px;
    max-width: 350px;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START APP DESCRIBE WITH VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-describe-with-video { background: #f7f7f7 }
.description_video iframe {
    border: medium none;
    height: 350px;
    width: 100%;
}
.description_video_text {margin-top:60px;}
.description_video_text h3 {
font-size: 40px;
line-height: 48px;
margin: 0 0 20px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) {
    .description_video_text h3 {
        font-size: 26px;
        line-height: 40px;
    }
}
@media only screen and (max-width:320px) {
    .description_video_text h3 {
        font-size: 24px;
        line-height: 40px;
    }
}
.description_video_text p { text-align: justify }
.description_video_text_mbnone { margin-bottom: 0px!important }
/*
* ----------------------------------------------------------------------------------------
* 07.END APP DESCRIBE WITH VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-testimonial {padding-top:60px}.single_testimonial {
background: #fff none repeat scroll 0 0;
box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 50px;
padding: 40px;
}
@media only screen and (max-width:360px) {
    .single_testimonial { padding: 20px }
}
.single_testimonial img {
border: 4px solid #ccad52;
border-radius: 50px;
height: 100px;
margin-bottom: 20px;
width: 100px;
}
.single_testimonial h3 {
    font-size: 18px;
    text-transform: uppercase;
}
.single_testimonial p {color: #333; }
.single_testimonial i { color: #ffc107 }
/*
* ----------------------------------------------------------------------------------------
* 08.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*//*
* ----------------------------------------------------------------------------------------
* 09.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.sin-screenshot { z-index: 9 }
.sin-screenshot a {
    display: block;
    position: relative;
}
.sin-screenshot a:before {
    background: #ccad52 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    right: 0;
    top: 0;
}
.sin-screenshot a:hover:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.screenshot-carousel { z-index: 9 }
.screenshot-carousel img { width: 100% }
/*
* ----------------------------------------------------------------------------------------
* 09.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START APP PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    background-color: #fff;
    border: 1px solid #e8e8e9;
    box-shadow: 1px 1px 1px 0 #f4f4f4;
    position: relative;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.pricing-table:hover { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1) }
@media only screen and (max-width:480px) {
    .pricing-table { margin-bottom: 40px }
}
.pricing-table h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 25px;
    padding: 25px 15px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
}
.price {
    background: #ccad52 none repeat scroll 0 0;
    border-radius: 500px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    height: 124px;
    line-height: 20px;
    margin-bottom: 30px;
    width: 124px;
}
.price span {
    display: block;
    font-size: 32px;
    margin-top: 39px;
}
.pricing-list {
    border-top: 1px dashed #eaeaea;
    list-style: outside none none;
    margin-bottom: 0;
    text-align: center;
}
.pricing-list li {
    border-bottom: 1px dashed #eaeaea;
    font-size: 18px;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.pricing-list li:hover { background: rgba(0,0,0,0.020) }
.pricing-btn { padding: 30px 0 }
/*START PRICING BTN STYLE*/
.btn-pricing-bg {
background: #ccad52 none repeat scroll 0 0;
border: 2px solid #ccad52;
border-radius: 2px;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-family: montserrat,sans-serif;
font-size: 12px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background: #040e18;
    color: #fff;
    border: 2px solid #040e18;
}
/*END PRICING BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 10.END APP PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-download { position: relative; overflow: hidden;}
.app-download:before {
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.download_overlay {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    padding: 40px;
    overflow: hidden;
}
.download_app h3 {
    color: #fff;
    margin: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.download_app a {
    background: #ccad52 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    margin: 5px;
    padding: 16px 25px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.download_app a:hover,
.download_app a:focus {
    background: #fff;
    color: #333;
}
.download_app a i { margin-right: 10px }
/*
* ----------------------------------------------------------------------------------------
* 11.END APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-us { background: #f7f7f7 }
/*START CONTACT ADDRESS*/
.contact-info {
    background: #fff none repeat scroll 0 0;
    padding: 25px 25px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
		height: 430px;
}
@media only screen and (max-width:1280px) {
.contact-info {padding: 15px 25px;:}
}
.contact-info:hover { box-shadow: none }
.contact-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-info ul li {
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.contact-info ul li.contact-info-mbnone { margin-bottom: 0px }
.contact-info ul li h4 {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contact-info ul li p { }
/*END CONTACT ADDRESS*/
/*START CONTACT FORM*/
.contact {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 35px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
			height: 430px;
}
.contact:hover { box-shadow: none }
.form-control {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font-family: "Montserrat",sans-serif;
    height: 45px;
    padding-left: 10px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #ccad52;
    border-radius: 0;
    box-shadow: none;
    outline: 0 none;
}
.actions { margin-top: 30px }
.btn-contact-bg {
    background: #ccad52 none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #ccad52;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
/*END CONTACT FORM*/
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#map { height: 400px }
/*
* ----------------------------------------------------------------------------------------
* 13.END MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START NEWSLETTER & SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
    background: #040e18;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.newsletter_title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-top: 0;
}
@media only screen and (max-width:480px) {
.newsletter_title {font-size: 18px;}
.social_title{display: none;}
}
/*START NEWSLETTER FORM*/
.subscribe_input i {
    font-size: 60px;
    margin-bottom: 30px;
}
.subscribe_input input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    float: left;
    width: 400px;
}
@media only screen and (max-width:768px) {
    .subscribe_input input {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }
}
@media only screen and (max-width:480px) {
    .subscribe_input input {
        float: none;
        margin-bottom: 20px;
    }
}
.subscribe_input button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    margin-left: 20px;
}
.subscribe_input button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #222;
}
/*END NEWSLETTER FORM*/
/*START SOCIAL PROFILE*/
.footer_social { padding-top: 60px }
.footer_social h4 {
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.footer-text{
	color: #004FA0;
}
.footer-ul li{
	list-style:none;
	font-size: 12px;
	font-weight: 600;
	font-family: "Source Sans Pro",sans-serif;
	line-height: 21px;
}
.footer-ul li a{
    color: #000000;}
.crcontainer{
	border-top: 1px dotted #000000;
}
.method_imgs{
    background: rgba(245, 245, 245, 0.58);
    border-radius: 26px;
	width: 100%;
	padding:15px;
}
.method_imgs img.img-responsive{
    margin: auto;
}
.footer_social span {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto 25px;
    width: 75px;
}
.social_icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social_icon ul li { display: inline }
.social_icon ul li a i {
    border-radius: 0px;
    color: #fff;
    font-size: 20px;
    height: 45px;
    margin: 2px;
    padding: 13px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 45px;
}
.social_icon ul li a i:hover {
    background: #fff;
    color: #333;
}
.facebook { background: #345289 }
.twitter { background: #006E99 }
.dribbble { background: #FF4C83 }
.instagram { background: #8B5C42 }
.google { background: #D14031 }
.youtube { background: #CF1711 }
/*END SOCIAL PROFILE*/
/*
* ----------------------------------------------------------------------------------------
* 14.END NEWSLETTER & SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    padding: 30px 0 0;
    background-color: #fff;
    overflow: hidden;
}
.footer_copyright {
    color: #000000;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
	padding-top: 10px;
}
.carousel-inner{
	height: 417px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*//* loginBox y registroBox: burbuja ---------- */.boton {
    border-radius: 5px;
    -moz-border-radius: 5px;
	font-weight: bold;
    -webkit-border-radius: 5px;
    background: #a8a8a8;
    background: -moz-linear-gradient(center top, #CACACA, #8C8C8C) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#8C8C8C));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#CACACA', EndColorStr='#8C8C8C');
    border: 1px solid #CACACA;
    font-size: 12px;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    vertical-align: middle;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
}
.boton:hover {
    background: #63c6e2;
    background: -moz-linear-gradient(center top, #F68B00, #F60) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F68B00), to(#F60));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#F68B00', EndColorStr='#F60');
    border-color: #F60;
    color: #FFF !important;
    /*    text-shadow: 0 1px 0 #fff;*/
}
a.boton {
    text-decoration: none !important;
}
.boton.botonTam2 {
    padding: 5px 12px;
}
a.boton.botonTam2 {
    padding: 6px 12px;
}
.bt_cancelar {
    background: url(../../images/ico/bt_cancelar.png) 0 0 no-repeat;
    width: 83px;
    height: 25px;
    border: none;
    text-indent: -99999px;
    cursor: pointer;
}
.bt_ingresar {
    background: url(../../images/ico/bt_ingresar.png) 0 0 no-repeat;
    width: 83px;
    height: 25px;
    border: none;
    text-indent: -99999px;
    cursor: pointer;
}
.bt_registrarme {
    background: url(../../images/ico/bt_registrarme.png) 0 0 no-repeat;
    width: 101px;
    height: 25px;
    border: none;
    text-indent: -99999px;
    cursor: pointer;
}
.bt_guardarycontinuar {
    background: url(../../images/ico/bt_guardarycontinuar.png) bottom left no-repeat;
    width: 202px;
    height: 31px;
    display: inline-block;
    text-indent: -99999px;
}
.bt_guardarycontinuar:hover {
    background-position: top left;
}
.bt_borrar {
    background: url(../../images/ico/bt_borrar.png) 0 0 no-repeat;
    width: 83px;
    height: 37px;
    border: none;
    text-indent: -99999px;
    cursor: pointer;
}
.btn-blue {
    display: inline-block;
    padding: 2px 10px;
    color: #fff !important;
    background: rgba(97,184,203,1); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, rgba(97,184,203,1) 0%,rgba(80,158,175,1) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(97,184,203,1) 0%,rgba(80,158,175,1) 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(97,184,203,1) 0%,rgba(80,158,175,1) 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, rgba(97,184,203,1) 0%,rgba(80,158,175,1) 100%); /* Standard syntax */
    border: 1px solid #497ea7;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.6);
    border-radius: 5px;
    margin: 0 15px 0 0;
    text-decoration: none;
    font-size: 15px;
}.popUp .texto {
    background: #ececec;
    border: none;
    padding: 4px 7px;
    color: rgba(12,12,12,0.8);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: Calibri, 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600
}
.popUp form label {
    color: #a6a6a6;
    position: absolute;
    top: 5px;
    left: 5px;
}
.popUp form p {
    position: relative;
}
.popUp .texto.tam1 {
    width: 100%;
}
.popUp .texto.disabled {
    color: #ccc;
}
.popUp .apaisado {
    width: 241px;
}
.popUp .texto.tam2 {
    width: 225px;
}
.popUp select.texto.tam2 {
    width: 237px;
}
.popUp .texto.tam3 {
    width: 469px;
}
.popUp textarea.texto {
    font-size: 1em;
}/* ********* LOGIN ********* */
.burbuja {
    z-index: 2000;
    position: absolute;
    display: none;
    font-size: x-small;
    background: url(../../../images/css/bg_burbuja.png) 205px 0 no-repeat;
    padding: 15px 0 0 0;
    right: 0!important;
    left: auto!important;
    top: 52px!important;
}
.burbuja .login-close {
    height: 30px;
    background-color: #00c9e5;
    border-radius: 5px 5px 0 0;
}
.burbuja .login-close > div {
    height: 25px;
    float: right;
    background-image: url('../../css/images/icon-close-white.svg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 15px;
    width: 65px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    margin: 5px 10px 0 0;
    cursor: pointer;
    padding: 0px 0 0 0;
}
.burbuja form {    padding: 5px 10px 1px 10px;
    font-size: 1.2em;
    margin: 0;
    background-color: #00c9e5;
}
.burbuja .cierraburbuja {
    background: url(../../../images/css/bg_burbuja_cierre.png) bottom left no-repeat;
    display: block;
    width: 252px;
    height: 10px;
}
.burbuja .texto {
    background: #fff;
    border: none;
    padding: 4px 7px;
    color: #a6a6a6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100%;
}
.burbuja select.texto {
    width: 235px;
}
.burbuja .error {
    border: 2px solid #b12;
    padding: 2px 5px;
}
.burbuja form p {
    margin-bottom: 10px;
    position: relative;
    text-align: right;
    color: #fff;
}
.burbuja form label {
    color: #a6a6a6;
    position: absolute;
    top: 5px;
    left: 5px;
}
.burbuja .checkboxes {
    color: #fff;
}
.burbuja .checkboxes label {
    color: #fff;
    position: static;
}
.burbuja a {
    color: #fff;
    text-decoration: underline;
}
.burbuja .login-social {
    width: 100%;
    padding: 10px 0;
    border-top:1px solid #fff;
    text-align: center;
    background-color: #00c9e5;
}
.burbuja .login-social > p {
    margin: 0 0 10px;
    color: #fff;
    font-size: 14px;
}
.burbuja .login-social > a {
    display: inline-block;
    height: 35px;
    width: 35px;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5px;
}
.burbuja .login-social > a.facebook {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #3a5795;
}
.burbuja .login-social > a.twitter {
    background-image: url('../../css/images/ico-twitter-blanco.svg');
    background-color: #55acee;
}
.burbuja .login-social > a.googleplus {
    background-image: url('../../css/images/ico-googleplus-blanco.svg');
    background-color: #DC4E41;
}
.burbuja .login-social > a.linkedin {
    background-image: url('../../css/images/ico-linkedin-blanco.svg');
    background-color: #0077B5;
}
.burbuja .register {
    text-align: center;
    border-top: 1px solid #fff;
    padding: 15px 15px 10px;
    background-color: #00c9e5;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
}
.burbuja .register a {
    display: inline-block;
    font-size: 20px;
    margin: 0 auto !important;
}
@media only screen and (max-width:768px) {
    .burbuja {
        left: 0 !important;
        right: 0 !important;
        background: url(../../../images/css/bg_burbuja.png) 10px 2px no-repeat;
        padding: 15px 0 0 0;
        top: 190px !important;
    }
    .burbuja form {
        background: none;
        background-color: #00c9e5;
    }
}
.section-title p {
width: 100%;
}
/* ********* PRIMERA CAPA REGISTRO SOCIAL ********* */.register-social {
    overflow: hidden;
	padding: 20px 0px;
	margin-bottom: -30px;
}
.register-social {
    text-align: left;
}
.register-social p{
    margin: 5px 0 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}
.register-social .register-social-icons a {
    display: inline-block;
    color: #FFF;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 6px 8px;
    padding: 5px 5px 5px 25px;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    margin: 0 2px 10px;
}
.register-social .register-social-icons a:first-child {
    margin: 0 2px 10px 0;
}
.register-social .register-social-icons a:last-child {
    margin: 0 0 10px 2px;
}
.register-social .register-social-icons a.email {
    background-image: url('../../css/images/ico-email-blanco.svg');
    background-color: #555;
}
.register-social .register-social-icons a.facebook {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #3a5795;
}
.register-social .register-social-icons a.twitter {
    background-image: url('../../css/images/ico-twitter-blanco.svg');
    background-color: #55acee;
}
.register-social .register-social-icons a.googleplus {
    background-image: url('../../css/images/ico-googleplus-blanco.svg');
    background-color: #DC4E41;
}
.register-social .register-social-icons a.linkedin {
    background-image: url('../../css/images/ico-linkedin-blanco.svg');
    background-color: #0077B5;
}.register-email a.register-button-email, .register-facebook a.register-button-facebook, .register-twitter a.register-button-twitter, .register-googleplus a.register-button-googleplus, .register-linkedin a.register-button-linkedin {
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 30px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px 5px;
    text-decoration: none;
    max-width: 300px;
    max-height: 28px;
}
.register-email a.register-button-email {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #555;
}
.register-facebook a.register-button-facebook {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #3a5795;
}
.register-twitter a.register-button-twitter {
    background-image: url('../../css/images/ico-twitter-blanco.svg');
    background-color: #55acee;
}
.register-googleplus a.register-button-googleplus {
    background-image: url('../../css/images/ico-googleplus-blanco.svg');
    background-color: #DC4E41;
}
.register-linkedin a.register-button-linkedin {
    background-image: url('../../css/images/ico-linkedin-blanco.svg');
    background-color: #0077B5;
}
.register-email h2 {
    color: #555;
}
.register-facebook h2 {
    color: #3a5795;
}
.register-twitter h2 {
    color: #55acee;
}
.register-googleplus h2 {
    color: #DC4E41;
}
.register-linkedin h2 {
    color: #0077B5;
}/* HELPER*/
.disnone {
    display: none !important;
}.disblock {
    display: block !important;
}
@media only screen and (max-width: 991px) {
    .disnone-rwd-991 {
        display: none !important;
    }
}/* popUp ----------------- */.popUp {
    font-size: 14px;
    font-family: Calibri, 'Open Sans', Arial, Helvetica, sans-serif;
    color: #595959;
    font-weight: 400;
    padding: 0 15px 0 15px;
}
.popUp h2 {
    color: #0C3D8D;
    font-family: Calibri, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
	margin-top: 10px;
    font-weight: 600;
}
.popUp h3 {
    margin-bottom: 3px;
	margin-top: 20px;
    color: #595959;
    font-size: 14px;
}
.popUp p {
    margin-bottom: 6px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
}
.popUp .cambiosSugeridos {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ececec;
    padding: 10px 20px 10px 10px;
    height: 280px;
    overflow-y: scroll;
    margin-bottom: 15px;
}
.popUp .cambiosSugeridosTop {
    height: 80px;
}
.popUp .cambiosSugeridos li {
    margin: 5px 0;
}
.popUp .cambiosSugeridos ul ul {
    margin-left: 40px;
    display: none;
}
.popUp .cambiosSugeridos li img {
    vertical-align: middle;
    margin-right: 3px;
}
.popUp.popdiasdeprueba .enlaces a {
    display: inline-block;
    margin: 0 15px 15px 0;
}
.popUp.popdiasdeprueba .enlaces a:last-child {
    margin: 0;
}/* Generales */
#content {
    padding: 110px 0 0 0;
    overflow: hidden;
}
#content.logged {
    padding: 190px 0 0 0;
    overflow: hidden;
}
#home.logged {
    margin-top: 80px;
    height: auto;
}
@media only screen and (max-width: 991px) {
    #content {
        padding: 110px 0 0 0;
        overflow: hidden;
    }
    #content.logged {
        padding: 50px 0 0 0;
        overflow: hidden;
    }
    #home.logged {
        margin-top: 50px;
        height: 750px;
    }
}/* FAQ */
.faq iframe {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}
.faq p > img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}
.faq-preguntas {
    margin-top: 40px;
}
.faq-preguntas li {
    margin: 0 0 20px 0;
}
.faq-preguntas li:last-child {
    margin: 0 0 0 0;
}
.faq-respuestas > div {
    padding: 0;
}
.faq-respuestas > div > h3 {
    padding: 160px 0 20px;
}
nav.nav {
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 100;
    background: #2c509b;
}
nav.menu-mob {
  display: none;
}
nav.nav ul {
  padding: 0 0 0 0;
  overflow: hidden; }
  nav.nav ul li {
    background-color: #2c509b;
    font-size: 24px;
    width: 24.73%;
    height: 80px;
    float: left;
    list-style: none;
    display: table;
    text-align: right;
    margin: 0 0 0 0.35%; }
    nav.nav ul li a {
      color: white;
      display: table-cell;
      vertical-align: middle;
      padding: 0 30px 0 85px;
      background-repeat: no-repeat;
      background-size: 55px;
      background-position: left 25px center; }
      nav.nav ul li a:hover {
        text-decoration: none; }
    nav.nav ul li:first-child {
      margin: 0 0 0 0; }
    nav.nav ul li.resumen a {
      background-image: url("../../styles/images/icon-home.svg"); }
    nav.nav ul li.como a {
      background-image: url("../../styles/images/icon-camera.svg"); }
    nav.nav ul li.quiero a {
      background-image: url("../../styles/images/icon-heart-white.svg"); }
    nav.nav ul li.cambiar a {
      background-image: url("../../styles/images/icon-calendar.svg"); }
    nav.nav ul li.menu-desp {
      display: none; }
      nav.nav ul li.menu-desp a {
        background-image: url("../../styles/images/icon-menu-desp.svg"); }
    nav.nav ul li.active.resumen a {
      background-image: url("../../styles/images/icon-home-hover.svg"); }
    nav.nav ul li.active.como a {
      background-image: url("../../styles/images/icon-camera-hover.svg"); }
    nav.nav ul li.active.quiero a {
      background-image: url("../../styles/images/icon-heart-white-hover.svg"); }
    nav.nav ul li.active.cambiar a {
      background-image: url("../../styles/images/icon-calendar-hover.svg"); }
    nav.nav ul li.active.menu-desp a {
      background-image: url("../../styles/images/icon-menu-desp-hover.svg"); }
@media only screen and (max-width: 991px) {
      nav.nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100; }
        nav.nav .container {
          padding-right: 0;
          padding-left: 0; }
        nav.nav ul li {
          height: 50px;
          width: 20%;
          margin: 0; }
          nav.nav ul li a {
            font-size: 0;
            padding: 0;
            background-position: center center;
            background-size: 30px; }
          nav.nav ul li.menu-desp {
            display: table; }
      nav.menu-mob {
        position: absolute;
        display: none;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 100; }
        nav.menu-mob .container {
          padding: 0 0; }
        nav.menu-mob ul {
          padding: 0 0 0 0;
          border-top: 1px solid #e3f0f3;
          list-style: none; }
          nav.menu-mob ul li {
            background-color: #2c509b;
            border-bottom: 1px solid #e3f0f3; }
            nav.menu-mob ul li a {
              color: white;
              padding: 10px 10px;
              display: block;
              text-align: center; }
              nav.menu-mob ul li a:hover {
                text-decoration: none; }
}
.about-por {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
@media only screen and (max-width: 991px) {
    .about-por {
        position: relative;
        margin: 0 0 -45px 0;
    }
    .faq-respuestas > div > h3 {
        padding: 20px 0 10px;
    }
}
@media only screen and (max-width: 991px) {
    .collapse-harder-inthe {
        background: white;
        height: auto !important;
        display: block;
    }
}
.profile_head_nav ul li a{
    font-size: 17px !important;
}