@charset "utf-8";

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

Name: elements.css
Version: 1.7

----------------------------------

Table of Contents
        
    01. Navbar
    02. Header
    03. Hero Section
    04. Slider
    05. Feature Box 
    06. Content
    07. Tab
    08. Team
    09. Title
    10. Pricing Table
    11. Contact
    12. Blog
    13. Subscribe
    14. Footer
    15. Call to Action
    16. Counter
    17. Clients
    18. Timer
    19. Testimonial 
    20. Social Widget
    21. Custom code

*/


/* ===================================
    Navbar
====================================== */

.navbar {padding: 20px 0 20px; z-index: 999; width: 100%; border-radius: 0; border: 0;}
.navbar img {max-height:35px}
.navbar li {margin:13px 20px;}
.navbar li:last-child { margin-right: 0;}
.navbar li a {font-size: 12px; padding: 0;cursor: pointer !important; border-bottom: 1px solid transparent; }
.navbar li a:hover {opacity: 0.8;}
.navbar li a.active, .navbar li.active > a, .nav .open>a, .nav .open>a:hover {opacity: 0.8; }
.nav .open>a:focus, .dropdown-menu>li>a:focus, .nav .open>a { background-color: transparent !important}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: transparent;}
.navbar .nav-button { margin: 10px 0 8px 30px;}
.navbar .nav-button i {margin-right:5px}
.navbar .nav-button a { padding: 3px 17px 2px !important; border: 1px solid transparent; font-size: 10px}
.navbar-collapse { padding: 0;}
header .container { position: relative;}
header .row { align-items: center; display: flex; height: auto;}
.header-margin-top { margin-top: 86px; }
.navbar.shrink-nav { position: fixed !important; top: 0; }
.navbar.shrink-nav.shrink { padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,0.1) }
.header-margin-top-big { margin-top: 134px; }
.header-margin-top-medium { margin-top: 138px; }
.navbar.shrink-nav.shrink .header-bottom { padding: 11px 0;}

/* dropdown menu */
.navbar li ul > li { border-bottom: 1px solid rgba(255,255,255,0.15); margin: 0 20px; padding: 7px 0 6px 0; display: block !important}
.navbar li ul > li:last-child { border: 0;}
.navbar-nav>li>.dropdown-menu { padding: 10px 0; background: rgba(0,0,0,.9) }
.dropdown-menu>li>a {color: #fff}
.dropdown-menu>li>a:hover, .dropdown-menu>li.active>a, .dropdown-menu>li>a:focus {color: #bbbbbb; background-color: transparent !important }

/* ===================================
    Header
====================================== */


/* header style 5 */
.header-style5 .social { float: right; margin: 12px 0 9px 30px;}
.header-style5 .social a { font-size: 14px; color: #242424; margin: 0 9px;}
.header-style5 .navbar li a {font-size: 11px;}
.header-style5 .social a:last-child { margin-right: 0;}
.header-style5 .social a:hover { opacity: 0.5;}
.header-style5 .black-header .social a { color: #ffffff;}
.header-style5 .black-header.navbar li a { color: #ffffff;}
.header-style5 .inner-link img {}


/* transparent header */
.shrink-transparent-header-dark.shrink { background: #000000 !important;}
.shrink-transparent-header-light.shrink { background: #ffffff !important;}
.shrink-transparent-header-light.shrink.navbar li a { color: #282828; }
.shrink-transparent-header-light.shrink.navbar .nav-button a { border: 2px solid #000; color: #fff; background-color: #242424;}
.shrink-transparent-header-light.shrink.navbar img {content: url("../images/logo-g-vulkano-villas-color.png")}


/* header border bottom */
.header-border-light {border-bottom: 1px solid rgba(255,255,255,.1)}
.header-border-dark {border-bottom: 1px solid rgba(0,0,0,.1)}
.light-header.navbar li.active > a { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.dark-header.navbar li.active > a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }


/* ===================================
    Title
====================================== */

/* title style 6  */
.title-style6 .progress { background-color: #dedede; height: 4px; overflow: hidden; margin-bottom: 10px; border-radius: 0; }
.title-style6 .progress-bar-style1 .progress-name { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; margin: 5px 0 20px; }
.title-style6 .progress-bar-style1 .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #000; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }

/* title style 14  */
.breadcrumb {background: none;}
.breadcrumb ul li+li:before { color: #898989; content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -1px;}


/* ===================================
    Contact
====================================== */


/* contact style 6 */
.contact-form-style6 .contact-details {padding:40px 30px; border:1px solid rgba(0,0,0,.1)}



/* ===================================
    Footer
====================================== */

footer ul { list-style: none; padding: 0; margin: 0;}
footer ul.links-inline li a, footer .social-icon a{ margin: 0 10px; display: inline-block;}
footer ul.links-inline li{ display: inline-block;}
footer ul.links li a { margin: 2px 0; display: inline-block}
footer .newsletter button{padding: 0 !important; position: absolute; right:15px; top: 24px; outline: none; background:transparent;}
footer .newsletter button.btn{padding: 8px 15px !important;}
footer .social-icon a i{ height: 40px; width: 40px; border-radius: 50%; vertical-align: middle; text-align: center;}
footer .social-icon a:last-child{ margin-right:0;}



/* ===================================
    Clients
====================================== */

.grid-border [class^=col-]:before, .grid-border [class^=col-]:after {content: ''; position: absolute;}
.grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.1);}
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute;}
.grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.client-logo-inner {display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.client-logo-outer {display: table; width: 100%;}


/* ===================================
    Testimonial 
====================================== */

/* testimonial style 5 */
.testimonial-style5 .testimonial  {padding-left:15px; }
.testimonial-style5 .testimonial:before { content:"\f10d"; font-family:'FontAwesome'; line-height: 44px;  position: absolute; left: 0px; font-size: 14px; top: -7px; color: #282828 }

/* testimonial style 7 */
.testimonial-style7 i { margin:0 2px}
.testimonial-style7 .testimonial-box {box-shadow: 0 0 3px rgba(0, 0, 0, .10); padding:45px 35px}

/* testimonial style 8 */
.testimonial-style8 .testimonial-img {position:relative}
.testimonial-style8 .testimonial-img:before {content:"\f10d"; font-family:'FontAwesome'; line-height: 44px;  position: absolute; font-size: 40px; top: -7px; color: #ffcf29; margin-left: -73px; z-index: -1; left: 50% }

/* testimonial style 9 */
.testimonial-style9-con {padding:55px 45px; box-shadow: 0 0 3px rgba(0, 0, 0, .10);}


/* ===================================
    only ie7, ie9, ie10, ie11
====================================== */

/* button */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0 none; box-shadow: none;}

@media screen\0 { 
    .input-group-btn .btn-large.btn { height: 59px;}
    .equalize.equalize-display-inherit .display-table { display: inherit !important; position: static;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-middle { display: inherit !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-bottom { display: inherit !important; top: inherit; bottom: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); position: relative;}
    .client-logo-inner, .client-logo-outer { display: block;}
}

/* ===================================
    Custom Code
====================================== */

.uppercased{text-transform: uppercase;}
.icon {max-height: 2.5vh;}
.text-centered {text-align: center;}