/* ----------------------------------
/* ----------------------------------

Name:yellow.css
Version:1.0.0

---------------------------------- */

/* Logo */
.logo-dark { width: 275px !important; }
.logo-white { width: 159px !important; }

a:hover { color: #1e63ab; }

/* Header */
.navbar-inverse .navbar-nav > li.current > a, 
.navbar-inverse .navbar-nav > li > a:hover { border-bottom: 2px solid #1e63ab }
.highlight { background-color: transparent; font-size: 55px; line-height: 50px; font-weight: 100; padding: 0; color: #fff; }
header { background: url(../../imagens/homepage.jpg) no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; -webkit-transition: ease-in-out; -moz-transition: ease-in-out; -o-transition: ease-in-out; transition: ease-in-out; }
.yellow header .intro-section { padding: 60px 0 60px 60px; z-index: 3; position: absolute; left: 29.2%; top: 32%; color: #000; width: 100%; }
.highlight strong { display: block; }
.color-overlay { background-color: rgba(255, 255, 255, 0); position: relative; height: 100%; width: 100% }
.color-overlay-marcas { background-color: rgba(255, 255, 255, 1); position: relative; height: 100%; width: 100% }

header .intro-section .intro { margin-bottom: 20px; line-height: 72px; }
.treatments { border-top: 1px solid #fff; color: #FFF; padding: 20px 0 35px; display: table; margin: 0; font-size: 16px; color: #fff; }
header .intro-section .highlight-button { background-color: none; border: 2px solid #fff; color: #fff; }


.blue-line { margin: 15px auto 13px; z-index: 1; width: 80px; height: 6px; background: #66b572; }



/* About */
.green-line { margin: 15px auto 13px; z-index: 1; width: 80px; height: 6px; background: #1e63ab; }
.title-text { padding: 0; }
h2.title { display: inline-block; font-size: 20px; margin-top: 100px; border: 1px solid #1e63ab; padding: 3px 25px; line-height: 45px; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 1px; margin-bottom: 50px; color: #1e63ab; }
.title-text { text-align: center; height: auto; }
.description { font-size: 16px; line-height: 26px; font-weight: 400; }
.about-details { overflow: hidden; position: relative; }
.about-details-img { position: absolute; height: 90%; background: url(../../imagens/graph.jpg); -webkit-background-size: cover; background-size: cover; width: 50%; }
.about-con ul li { padding: 12px 0; border-bottom: 1px solid #575757; }
.about-con ul li:last-child { border-bottom: none; }
.award-icon { padding: 35px; }

/* About Spa */
.about-spa { background: url(../../imagens/parallax.jpg) no-repeat center top fixed; -webkit-background-size: cover; background-size: cover; height: 100%; }
.about-spa-details { padding: 35px; }
.about-spa-details img { margin: 20px 0; }
.about-spa-details h6 { font-size: 28px; line-height: 35px; }
#blog { padding: 0 0 90px; }

/* Work */
.isotope-filters li a:hover, 
.isotope-filters li a:focus, 
.isotope-filters li a:active, 
.isotope-filters li a.active { color: #FFF; font-weight: 600; }
.isotope-filters li a { font-size: 14px; font-family: 'Open Sans'}
.portfolio-figure figcaption { background-color: #000}
.portfolio-figure .title { color: #1e63ab; font-size: 20px; margin: 0}
.portfolio-figure figcaption span { color: #686868; font-family: 'Open Sans'; font-size: 14px;}
.portfolio-figure figcaption{ padding: 22px 25px}
.portfolio-figure figcaption i { font-size: 26px; color: #1e63ab; top: -17px; right: 15px; }
.popup-slide figure { background-color: #000; }
.popup-navigation span.nav-next, .popup-navigation span.nav-prev { background-color: #1e63ab; }
.popup-navigation span.nav-next:hover, .popup-navigation span.nav-prev:hover { color: #000; }
.popup-line { background-color: #2e2e2e; }
.popup-slide .right-part { color: #656565; }
span.nav-close:before { color: #FFF; }

/* Work Count */
.work-count-box { text-align: center; }
span.title { display: block; text-align: center; color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: 600; margin: 30px 0 5px; }
.work-count-box .gray-text { margin: 0 auto; font-size: 13px; line-height: 21px; width: 80%; }

/* Skills */
#skills { padding-top: 0; }
.skills-details-img { position: absolute; height: 90%; background: url(../../imagens/why-luxembourg.jpg); -webkit-background-size: cover; background-size: cover; width: 50%; }
.progress { background-color: #575757; }
.progress-bar { background-color: #707070; }
.progress-name { text-transform: uppercase; margin: 0 0 10px 0; font-size: 14px; letter-spacing: 1px; }
.count h3 { padding-top: 0 !important; }

/* Testimonial */
#testimonial { padding: 90px 0; }
.testimonial { background: url(https://placehold.it/1920x1000) no-repeat center top; -webkit-background-size: cover; background-size: cover; }
.carousel-indicators li { border: 2px solid #7c7c7c; }
.carousel-indicators .active { background-color: #7c7c7c; }
.testimonial img { width: auto; }

/* Education */
#education { padding-top: 0 }
.education .team-profile { padding: 45px 25px;}
.education .year { font-size: 25px; font-weight: 100; font-family: "Oswald",sans-serif}
.education .team-profile i { display: block; font-size: 55px; margin-bottom: 30px;}
.education .university { display: block; color: #828282; font-size: 16px; text-transform: uppercase; margin:0}
.education .namerol { padding: 35px 25px}
.education .team-details span { display: block; margin: 0 0 5px 0}
.education .result { font-size: 20px; font-weight: 100; margin-top: 20px !important; }
.education .carousel-indicators { bottom: -60px; }
.education .carousel { overflow: visible; }
.education .container{ overflow: hidden}

/* Contact */
.contact-info { border-top: 1px solid rgba(235, 235, 235, 0.3); padding-top: 70px; }
.form-control { background-color: #484848; border-bottom: none; color: #808080}

/* Footer */
#footer .color-overlay { background-color: rgba(30, 99, 171, 1); }

/* Color and Othe Element */
i { color: #1e63ab }
.orange-bg { background-color: #1e63ab }
.social i:hover { color: #1e63ab }
.map-button:before { color: #1e63ab }
.popup-slide .title { color: #1e63ab }
.popup-navigation span:hover { color: #1e63ab }
#success { border-color: #1e63ab; color: #1e63ab; }
.loader-running { background-color: #000; }
.loader .loader-progress { background-color: #1e63ab; }