@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

*/


/* ===================================
    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 1 */
.header-style1 .nav-button .join-us {  border-color: #000000; border: 2px solid; background-color: transparent; color: #000000; padding: 1px 20px !important;}
.header-style1 .nav-button .join-us:hover { background: transparent;}
.header-style1 .nav-button:last-child { margin-left: 20px;}
.header-style1 .black-header.navbar li a { color: #ffffff;}
.header-style1 .black-header.navbar .nav-button .join-us { border: 2px solid #ffffff; background-color: transparent; color: #ffffff;}
.header-style1 .black-header .nav-button .join-us:hover { background: transparent;}

/* header style 2 */
.header-style2 .black-header li a, .header-style2 .black-header li a:before { color: #ffffff;}
.header-style2 li a:before { content: "\f111"; font-size: 6px; color: #959595; font-family: fontawesome; right: -23px; position: absolute; top: -1px}
.header-style2 li:last-child a:before { display: none;}
.header-style2 li ul.dropdown-menu li a:before { display: none}

/* header style 3 */
.header-style3 .logo { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; text-align: center; margin-bottom: 15px;}
.header-style3 .navbar-nav { width: 100%;}
.header-style3 .navbar li { display: inline-block; float: none; margin: 0 20px}
.header-style3 .navbar li a { color: #797979;}
.header-style3 .black-header.navbar li a { color: #ffffff;}
.header-style3 .black-header .logo { border-color: #2a2a2a;}

/* header style 4 */
.header-style4 .header-top { border-bottom: 1px solid #eaeaea; padding: 10px 0;}
.header-style4 .header-top .mail { color: #797979; font-size: 11px; float: left;}
.header-style4 .header-top .mail a, .header-style4 .white-header .header-bottom li a { color: #797979;}
.header-style4 .header-top a:hover { opacity: 0.5;}
.header-style4 .social a { margin: 0 13px; font-size: 14px; color: #797979;}
.header-style4 .social a:last-child {margin-right: 0}
.header-style4 .header-bottom { padding: 25px 0;}
.header-style4 .header-bottom li:last-child { margin-right: 0;}
.header-style4 .header-bottom li a { color: #fff; line-height: 19px;}
.header-style4 .header-bottom li a:before { content: "\f111"; font-size: 6px; color: #ffffff; font-family: fontawesome; right: -23px; position: absolute;}
.header-style4 .header-bottom li:last-child a:before { display: none;}
.header-style4 .white-header .header-top .mail, .header-style4 .white-header .header-top .mail a, .header-style4 .white-header .social a { color: #555555;}
.header-style4 .navbar-nav .open .dropdown-menu>li>a { line-height: 19px;}
.header-style4 .header-bottom li ul.dropdown-menu li a:before { display: none;}

/* 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 style 6 */
.header-style6 .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute;}
.header-style6 .navbar li a { color: #ffffff;}
.header-style6 h1 { line-height: 60px;}
.header-style6 .application-mobile { position: absolute; float: right; right: 0; bottom: 0;}

/* header style 7 */
.header-style7 .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute;}
.header-style7 .navbar li a { color: #fff; line-height: 24px;}
.header-style7 .date {display: inline-block; margin-bottom: 30px; padding: 3px 20px;}
.header-style7 .header-banner .counter-content{height: 110px; width: 110px; background: #fff; display: inline-block; border-radius: 50%; padding: 28px 0; vertical-align: top; margin-right: 15px;}
.header-style7 .navbar .nav-button a { background-color: transparent; border: 2px solid #fff !important;}
.event-counter .counter-box { height: 150px; width: 150px; background: rgba(0,0,0,.4); display: inline-block; border-radius: 50%; padding: 38px 0; vertical-align: top; margin-right: 20px; text-align: center;}
.event-counter .counter-box .number { display: block; color: #fff; font-weight: 300; font-size: 50px; line-height: 55px; letter-spacing:-1px}
.event-counter .counter-box span { color: #fff; font-weight: 600; font-size: 13px; line-height: 24px; text-transform: uppercase;}
.header-style7 .navbar li ul.dropdown-menu li a { line-height: 24px;}

/* header style 8 */
.header-style8 .navbar { padding: 20px 40px; position: absolute;}
.header-style8 .shrink-transparent-header-dark.shrink { padding: 11px 40px;}
.header-style8 .navbar .nav-button a { background-color: #ffffff; color: #000000;}
.header-style8 .one-fourth-screen { min-height: 750px;}
.header-style8 .navbar li a { color: #ffffff;}
.header-style8 .header-banner .banner-icon:hover, .header-style8 .header-banner .banner-icon:focus {color: #ffffff !important;}

/* header style 9 */
.header-style9 .full-header { padding: 0 40px; }

/* header style 12 */
.header-style12 .navbar { padding: 23px 0;}
.header-style12 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 13 */
.header-style13 .navbar { padding: 23px 0;}
.header-style13 .header-bottom { padding: 25px 0;}
.header-style13 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style13 .social a:hover{ opacity: 0.5;}
.header-style13 .social a{ color: #000;}
.header-style13 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 14 */
.header-style14 .navbar { padding: 23px 0;}
.header-style14 .header-bottom { padding: 25px 0;}
.header-style14 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style14 .social a:hover{ opacity: 0.5;}
.header-style14 .social a{ color: #fff;}
.header-style14 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 15 */
.header-style15 .navbar { padding: 23px 0;}
.header-style15 .header-bottom { padding: 25px 0;}
.header-style15 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style15 .social a:hover{ opacity: 0.5;}
.header-style15 .social a{ color: #000;}
.header-style15 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 29 */
.header-style29 .navbar { padding: 23px 0;}
.header-style29 .header-bottom { padding: 25px 0;}
.header-style29 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style29 .social a:hover{ opacity: 0.5;}
.header-style29 .social a{ color: #000;}
.header-style29 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 30 */
.header-style30 .navbar { padding: 23px 0;}
.header-style30 .header-bottom { padding: 25px 0;}
.header-style30 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style30 .social a:hover{ opacity: 0.5;}
.header-style30 .social a{ color: #000;}
.header-style30 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 16 */
.header-style16 .navbar li a { color: #fff; line-height: 24px;}
.header-style16 .navbar li ul.dropdown-menu li a { line-height: 24px;}

/* header style 25 */
.outside-image { position: absolute; right: 0; bottom: 0; top: 0; z-index: 99;}
.outside-image-sub {left: 0;}
.outside-image-sub img { height: 100%; width: auto; max-width: none; }

/* 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;}

/* 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); }



/* ===================================
    Social Widget
====================================== */

/* social widget style 1 */
.social-widget-1 .timePosted a { font-size: 12px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-1 .tweet { font-size: 16px !important; color: #ffffff !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-1 .tweet a { font-size: 16px !important; color: #ffffff !important;}

/* social widget style 2 */
.social-widget-2 .timePosted a { font-size: 12px !important; color: #282828 !important; text-transform: uppercase !important;}
.social-widget-2 .tweet { font-size: 16px !important; color: #282828 !important; margin-bottom: 3% !important;}
.social-widget-2 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}
.social-widget-2 .twitter-widget { top: 50%; transform: translateY(-50%);}

/* social widget style 3 */
.social-widget-3 .timePosted a { font-size: 12px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-3 .tweet { font-size: 16px !important; color: #69696e !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-3 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}

/* social widget style 4 */
.social-widget-4 .timePosted a { font-size: 12px !important; color: #ffffff !important; text-transform: uppercase !important;}
.social-widget-4 .tweet { font-size: 16px !important; color: #ffffff !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-4 .tweet a { font-size: 16px !important; color: #ffffff !important;}

/* social widget style 5 */
.social-widget-5 .timePosted a { font-size: 11px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-5 .tweet { font-size: 14px !important; color: #69696e !important; margin-bottom: 1.5% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-5 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}

/* ===================================
    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;}
}