@import url("http://fonts.googleapis.com/css?family=Open Sans+Condensed:400,700"); @import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700"); @import url("http://fonts.googleapis.com/css?family=Volkhov:400italic"); /* css copy from maxima */ ul, li { list-style: none; padding: 0px; margin: 0px; } ul:focus, li:focus { outline: none; } .no-padding { padding: 0 !important; } .padding-top-70 { padding: 70px 0 0 0; } @media only screen and (max-width : 767px) { .margin-bottom-xs-30 { margin-bottom: 30px; } } .outer-wrapper { width: 100%; position: relative; overflow: hidden; background:#fff; } .outer-wrapper.boxed { width: 98%; max-width:1250px; margin-top: 20px; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); } .outer-wrapper.boxed header { width: 100%; max-width:1250px; margin-left: auto; margin-right: auto; } #header-main.affix a.navbar-brand { font-size: 31px !important; margin: 5px 0 0; } #header-main.affix { position: fixed; top: 0; left: 0; width: 100%; margin-top: 0; padding: 10px 0; min-height: inherit; z-index: 999; background: #ffffff; background: rgba(255,255,255,1); border-bottom: 1px solid #efefef; } #header-main.affix .navbar { margin-top: 0px; } #header-main.affix .navbar-nav > li > .dropdown-menu { margin-top: 12px !important; } #header-main.affix .navbar-brand img { width: 80%; margin-top: 7px; } #header-main.affix .navbar-brand { line-height: 38px; } /*#header-main { padding: 0px; position: relative; background-color: #FFF; top: 0px; left: 0px; right: 0px; font-family: raleway; z-index: 99999; border-bottom: 1px solid #eee; }*/ #header-main .navbar-default { background-color: transparent; border: none; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; transition: background-color 300ms; } #header-main .navbar-default.sticky-nav { background-color: #f8f8f8; } /*.boxed .navbar { padding: 35px 0; }*/ .boxed .navbar-fixed-top { top: 20px; } .boxed .navbar.yamm.navbar-default.navbar-fixed-top.sticky-nav.sticky.animated.fadeInDown { top: 0; } .boxed .navbar { width: 1250px; margin: 0 auto; } .sticky-nav.navbar-default { top:0; } @media (min-width: 768px) { .sticky-nav.navbar-default { padding: 10px 0; } /*.boxed .sticky-nav.navbar { padding: 10px 0; }*/ /*.boxed #header2 .sticky.navbar-default{ padding: 10px 0; }*/ /* .navbar.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 998; border-radius: 0px; background: #f8f8f8; } */ #header5 .navbar.sticky{ background: rgba(158, 156, 156, 0.84); } #header4 .navbar.sticky, #header3 .navbar.sticky, #header2 .navbar.sticky{ background: #f8f8f8; } } #header-main .navbar-brand { } #header-main .navbar-brand img { max-width: 100px; /*height: 24px;*/ } #header-main .navbar { margin-bottom: 0; } /* .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: outside none none; font-size: 14px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); background-clip: padding-box; } */ #header-main .yamm .nav, #header-main .yamm .collapse, #header-main .yamm .dropup, #header-main .yamm .dropdown { position: static; } #header-main .yamm .container { position: relative; } #header-main .yamm .dropdown-menu { left: auto; right: auto; border: 1px solid #eee; } .white-wrapper .testimonial h3, #header-main .yamm-fw .dropdown-menu li a { color: #7D7D7D !important; } #header-main .yamm-fw .dropdown-menu li a:before { font-family: "FontAwesome"; content: "\f105"; font-size: 13px; padding-right: 5px; } #header-main .yamm-fw .dropdown-menu li { list-style: none; padding: 0; } #header-main .yamm-fw .nav.navbar-right .dropdown-menu { left: auto; right: 0; } #header-main .yamm .yamm-content { padding: 20px; border: 1px solid #eee; } #header-main a:hover { text-decoration: none; } #header-main .dropdown-menu li a:focus, #header-main .dropdown-menu li a:active, #header-main .dropdown-menu li a:hover { background-color: #fff; } #header-main .yamm img { margin-bottom: 10px; } #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; background-color: #fff; box-shadow: none; margin-top: 10px; border: none; border-top: 1px solid #fff; z-index: 999999; } #one-charity #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #one-charity #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #one-gym #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #one-gym #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #header2 #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #header2 #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #header3 #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #header3 #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #header4 #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #header4 #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #header5 #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #header5 #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #about-page #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #about-page #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #service-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #service-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #team-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #team-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #pricing-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #pricing-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #search-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #search-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #careers-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #careers-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #left-sidebar-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #left-sidebar-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #right-sidebar-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #right-sidebar-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #dual-sidebar-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #dual-sidebar-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #page-no-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #page-no-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #page-with-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #page-with-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #gallery-one-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #gallery-one-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #gallery-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #gallery-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #gallery-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #gallery-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #maintenance-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #maintenance-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #errorpage #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #errorpage #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #support-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #support-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #contact-one-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #contact-one-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #contact-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #contact-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-right-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-right-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-fullwidth-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-fullwidth-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-mason-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-mason-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-mason-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-mason-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-mason-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-mason-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-left-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-left-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-right-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-right-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-gird-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-gird-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-gird-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-gird-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-single-left-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-single-left-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-single-right-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-single-right-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-single-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-single-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-left-one-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-left-one-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #blog-left-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #blog-left-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-boxed-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-boxed-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-boxed-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-boxed-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-boxed-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-boxed-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-gutter-tow-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-gutter-tow-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-gutter-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-gutter-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-gutter-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-gutter-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-title-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-title-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-title-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-title-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-title-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-title-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-wide-two-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-wide-two-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-wide-three-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-wide-three-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-wide-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-wide-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-floating-left-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-floating-left-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #portfolio-floating-right-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #portfolio-floating-right-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-left-sidebar-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-left-sidebar-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-right-sidebar-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-right-sidebar-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-fullwidth-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-fullwidth-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-single-left-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-single-left-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-single-right-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-single-right-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-cart-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-cart-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-checkout-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-checkout-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-login-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-login-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #shop-cart-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #shop-cart-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-accordion-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-accordion-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-alertbox-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-alertbox-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-blockquotes-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-blockquotes-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-buttons-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-buttons-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-counters-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-counters-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-cta-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-cta-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-form-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-form-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-dividers-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-dividers-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-googlemap-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-googlemap-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-grid-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-grid-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-headings-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-headings-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-iconbox-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-iconbox-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-list-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-list-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-media-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-media-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-progress-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-progress-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-tables-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-tables-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #elements-tabs-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #elements-tabs-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #gallery-four-m #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #gallery-four-m #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #one-res #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 20px; } #one-res #header-main .sticky-nav .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 10px; } #header-main .navbar-nav > li:hover > a , #header-main .navbar-nav > li > a:hover { background:transparent !important; color: #fff!important; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; } #header-main .dropdown-menu li a { text-decoration: none; display: block; position: relative; padding: 15px 20px; font-size: 12px; color: #7D7D7D !important; background: transparent !important; font-weight:500; } #header-main .dropdown-menu li a:hover { color: #8dc73f !important; background: #fff !important; } #header-main .dropdown-menu { padding: 0 !important; border-radius: 0 !important; } #header-main .yamm-fw .dropdown-menu li a { padding: 11px 0px; font-size: 11px; font-weight:500; text-transform: uppercase; letter-spacing: 1px; } #header-main .yamm-fw .dropdown-menu li a:hover { background: transparent !important; color: #8dc73f !important; } #header-main .dropdown-menu li { float: none; display: block; margin: 0; text-align: left; border: 0; border-bottom: 1px solid #e1e1e1; position: relative; } #header-main .dropdown-menu li:last-child { border-bottom: 0; } #header-main .navbar-nav > li > a:hover, #header-main .navbar-default .navbar-nav > .open > a, #header-main .navbar-default .navbar-nav > .open > a:hover, #header-main .navbar-default .navbar-nav > .open > a:focus { color: #8dc73f !important; } #header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu { border-top-color: #8dc73f !important; } #header-main .yamm h3 i, #header-main .yamm-fw .dropdown-menu li a:before { color: #8dc73f; } .yamm .dropdown-submenu > .dropdown-menu { top: 0px; left: 100% !important; margin-top: -3px !important; margin-left: -1px; border-radius: 0px 6px 6px; } #header-main .yamm .dropdown-menu { right: auto; } .arrow-up { color: rgb(0, 0, 0); font-size: 12px; display: inline-block; line-height: 0; position: relative; top: -1px; color: #aaa; margin-left: 2px; } #header-main .navbar-nav > li > a:hover .arrow-up { color:#8DC73F; } #header-main .navbar-nav > li > a.active .arrow-up { color:#8DC73F; } .navbar-brand { font-family: Pacifico; color: #000 !important; margin-top: 10px; font-size: 35px; height: 0; } .navbar-nav { float: left; margin: 0 0 -1px; } .slider-wrap { position: relative !important; } .inner-content { padding: 90px 0; } .section-about h3 { font-size: 25px; margin: 15px 0 20px; } .section-services2 h3 { font-size: 25px; margin: 0 0 20px; } .ss2-content i { font-size: 35px; color: #8dc73f; } .ss2-content h4 { font-size: 16px; text-transform: uppercase; margin: 30px 0 13px; } .space10 { margin-bottom: 10px; } .space20 { margin-bottom: 20px; } .space30 { margin-bottom: 30px; } .space40 { margin-bottom: 40px; } .space50 { margin-bottom: 50px; } .space60 { margin-bottom: 60px; } .space70 { margin-bottom: 70px; } .space80 { margin-bottom: 80px; } .space90 { margin-bottom: 90px; } .space100 { margin-bottom: 100px; } .button { background: #000; padding: 15px 20px; color: #fff; text-transform: uppercase; border: none; font-size: 12px; letter-spacing: 2px; font-family: Montserrat; border-radius: 0px; display: table; transition: .4s; } .button:hover { background: #8dc73f !important; color: #fff !important; } .button.color2:hover , .button.color3:hover , .button.color4:hover { background: #000 !important; color: #fff !important; } .button.btn-border { background: transparent !important; padding: 15px 20px; color: #000; border: 2px solid #000; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-family: Montserrat; border-radius: 0px; display: table; transition: .4s; } .button.btn-border:hover { background: #000 !important; color: #fff; } .button.color2 { background: #8dc73f; } .button.color3 { background: #0FA2D5; } .button.color4 { background: #FF4862; } .button.color5 { background: #8dc73f; } .button.color5:hover { background: #000 !important; } .button.btn-border.color2 { border-color: #8dc73f; color: #8dc73f; } .cta-clr { background:#8dc73f; } .button.btn-border.color3 { border-color: #0FA2D5; color: #0FA2D5; } .button.btn-border.color4 { border-color: #FF4862; color: #FF4862; } .button.btn-border.white { border-color: #fff; color: #fff; } .button.btn-border.color2:hover { background: #8dc73f !important; color: #fff; } .button.btn-border.color3:hover { background: #0FA2D5 !important; color: #fff; } .button.btn-border.color4:hover { background: #FF4862 !important; color: #fff; } .button.btn-border.white:hover { border-color: #fff; background:#fff !important; color: #000 !important; } .button.one { background: #8dc73f; } .btn-radius { border-radius: 5px !important; } .content-head { margin-bottom: 60px; } .content-head em { font-size: 18px; display: block; color: #777; margin: 8px 0 0; } .section-team-block .left { text-align: right; padding: 1px; } .section-team-block .left img { float: right; margin-left: 40px; } .section-team-block .right { text-align: left; padding: 1px; } .section-team-block .right img { float: left; margin-right: 40px; } .section-team-block h4 { font-size: 14px; margin: 10px 0 5px; } .section-team-block p { margin: 0 0 20px; } .small-sep { height: 2px; background: #8dc73f; width: 50px; } .section-team-block .sep-left{ float:left; } .section-team-block .sep-right{ float:right; } .social-c1 { margin-top: -15px; margin-bottom: 0px; } .left .social-c1 a { color: #000; margin-left: 3px; } .left .social-c1 a:hover { opacity:0.5; } .right .social-c1 a { color: #000; margin-left: 3px; } .right .social-c1 a:hover { opacity:0.5; } .button.simple { background: transparent; border-bottom: 1px solid #000; border-radius: 0; padding: 0 0 5px; color: #000; font-size: 10px; letter-spacing: 2px; opacity: 0.3; } .skills { } /* Top bar */ #top-bar { background: #fff; width: 100%; border-bottom: 1px solid #f0f0f0; font-size: 12px; height: 40px; position: relative; color: #b3b3b3; -moz-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05); } #top-bar .nav-social-icons { float: right; border-left: 1px solid rgba(0, 0, 0, 0.07); } #top-bar .top-bar-content { height: 100%; float: left; padding-right: 12px; border-right: 1px solid rgba(0, 0, 0, 0.07); } #top-bar .top-bar-content p { margin: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; font-size: 11px; color: #b3b3b3; } #top-bar .top-bar-content p span { margin:0 5px; } #top-bar .container, #top-bar .row, #top-bar [class*="col-"] { height: 100%; } #top-bar a { color: #b3b3b3; font-weight: 400; } #top-bar a:hover { color: #b3b3b3; } #top-bar p a { border-bottom:1px solid #b3b3b3; } #top-bar p a:hover { text-decoration: none; } #top-bar .top-login { float: right; position: relative; z-index: 101; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.07); padding:0 15px; } #top-bar .top-login ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 100%; right: 0; background: #333; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); min-width: 150px; padding: 5px 10px; display: none; } #top-bar .top-login ul li a { display: block; padding: 3px; color: #fff; } #top-bar .top-login:hover { cursor: pointer; } #top-bar .top-login:hover ul { display: block; } .top-login a { line-height:42px; } /* Social Icons */ .social-icons { list-style: none; margin: 0; padding: 0; *zoom: 1; } .social-icons:after { content: ""; display: table; clear: both; } .social-icons li { height: 32px; float: left; margin-right: 3px; margin-bottom: 3px; border-right: 1px solid rgba(0, 0, 0, 0.07); } .social-icons li a { height: 32px; width: 32px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; overflow: hidden; background: transparent; -moz-transition: background 0.2s, color 0.1s, box-shadow 0.1s; -o-transition: background 0.2s, color 0.1s, box-shadow 0.1s; -webkit-transition: background 0.2s, color 0.1s, box-shadow 0.1s; transition: background 0.2s, color 0.1s, box-shadow 0.1s; text-align: center; -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); color: #919191; } #footer-widget-area .social-icons li a { -moz-box-shadow: inset 0 0 0 1px #6F6F6F; -webkit-box-shadow: inset 0 0 0 1px #6F6F6F; box-shadow: inset 0 0 0 1px #6F6F6F; color: #cfcfcf; } #footer-widget-area .social-icons li a:hover { text-decoration: none; color: #fff; -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } .social-icons li a:hover { text-decoration: none; color: #fff; -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } .social-icons li a i { display: block; height: 32px; padding: 10px 0; top: 0; -moz-transition: top 0.2s; -o-transition: top 0.2s; -webkit-transition: top 0.2s; transition: top 0.2s; position: relative; } .social-icons li:hover a i { top: -100%; } #top-bar .social-icons li { margin: 0; } #top-bar .social-icons li a { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #b3b3b3; } #top-bar .social-icons li a:hover { -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); color: #fff; } #top-bar .social-icons li a i { padding: 15px 0; } #top-bar .social-icons li, #top-bar .social-icons a, #top-bar .social-icons i { height: 40px; } .social-icons .facebook a:hover { background: #3B5998; } .social-icons .twitter a:hover { background: #33ccff; } .social-icons .pinterest a:hover { background: #cb2027; } .social-icons .github a:hover { background: #000000; } .social-icons .linkedin a:hover { background: #007bb6; } .social-icons .dribbble a:hover { background: #EE508D; } .social-icons .google-plus a:hover { background: #dd4b39; } .social-icons .youtube a:hover { background: #bb0000; } .social-icons .vimeo-square a:hover { background: #44bbff; } .social-icons .flickr a:hover { background: #ff0084; } .social-icons .skype a:hover { background: #00AFF0; } .social-icons .instagram a:hover { background: #517fa4; } .social-icons .tumblr a:hover { background: #00225F; } .social-icons .codepen a:hover { background: #252527; } .social-icons .behance a:hover { background: #1769ff; } .social-icons .deviantart a:hover { background: #4e6252; } .social-icons .digg a:hover { background: #000; } .social-icons .dropbox a:hover { background: #007ee5; } .social-icons .foursquare a:hover { background: #0072b1; } .social-icons .jsfiddle a:hover { background: #4679bd; } .social-icons .openid a:hover { background: #f78c40; } .social-icons .reddit a:hover { background: #ff4500; } .social-icons .soundcloud a:hover { background: #f80; } .social-icons .spotify a:hover { background: #7ab800; } .social-icons .steam a:hover { background: #262627; } .social-icons .stumbleupon a:hover { background: #eb4924; } .social-icons .vine a:hover { background: #00b488; } .social-icons .lastfm a:hover { background: #c3000d; } .social-icons .vk a:hover { background: #45668e; } .social-icons .apple a:hover { background: #202020; } .social-icons .windows a:hover { background: #00bcf2; } .social-icons .wordpress a:hover { background: #21759b; } .section-info h4{ font-size: 14px; letter-spacing: 4px; } /*=========================================================== Progress Bars ============================================================*/ .progress-wrapper .progress-item { position: relative; } .progress-wrapper .progress-title { font-size: 13px; font-weight: 400; display: inline-block; margin-bottom: 5px; padding-bottom: 8px; } .progress-wrapper .progress { height: 3px; box-shadow: none; border-radius: 0px; } .progress-wrapper .progress-bar { background-color: #363636; box-shadow: none; text-align: right; } .progress-wrapper .progress-percent { font-size: 10px; color: #000; position: absolute; top: 5px; } /*.progress-bars { margin-bottom: 30px; } .progress-scale { height: 6px; margin-bottom: 25px; } .progress-label { margin-bottom: 10px; font-weight: 400; font-size: 13px; color: #474343; } .progress-line { width: 0; height: 3px; position: relative; -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out; } .progress-line { background-color: #8dc73f; -webkit-animation: bg-move 2s linear infinite; animation: bg-move 2s linear infinite; }*/ /*=========================================================== End Progress Bars ============================================================*/ #section-testimonials { } .quote-info { text-align: center; } .quote-info img { border-radius: 50%; display: table; margin: 0 auto 20px; max-width: 100px; padding: 5px; border: 1px solid #e1e1e1; } .quote-info p { font-size: 15px; font-style: italic; font-weight: 400; line-height: 25px; padding: 0 15%; } .quote-info h2 { font-size: 15px; text-transform: uppercase; } .page_header_parallax { background: #000 url(../images/bg/p_header.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header_parallax2 { background: #000 url(../images/bg/p_header2.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header_parallax3 { background: #000 url(../images/bg/p_header3.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header_parallax4 { background: #000 url(../images/bg/p_header4.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header_parallax5 { background: #000 url(../images/bg/p_header5.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header_parallax6 { background: #000 url(../images/bg/p_header6.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header_parallax7 { background: #000 url(../images/bg/p_header7.jpg) no-repeat fixed center; background-size: cover; padding: 145px 0 80px; } .page_header h3 { font-family:Raleway; margin: 0; color: #Fff; font-size: 40px; letter-spacing: -1px; line-height: 48px; font-weight:300; } .page_header h3 span { background: #8dc73f; font-size: 13px; letter-spacing: 2px; padding: 4px 6px; display: table; font-weight:700; line-height: 16px; text-transform: uppercase; margin-bottom:15px; } .page_header.career-head { background: #000 url(../images/other/career.jpg) no-repeat fixed top center; background-position: 0 -35%; } .bcrumb-wrap { border-bottom: 1px solid #F0F0F0; background:#fff; height:47px; } .bcrumbs { margin-top: 10px; } .bcrumbs li { float: left; margin-right: 20px; color: #888; line-height: 25px; position: relative; font-size:13px; } .bcrumbs li::before { content: "/"; position: absolute; right: -12px; color: #aaa; opacity: 0.5; } .bcrumbs li:last-child:before { display: none; } .bcrumbs li a { color: #aaa; } footer { background: #f8f8f8 url(../images/footer-bg.png) no-repeat bottom right; background-size: 80%; padding: 50px 0 50px; border-top: 1px solid #eee; } .hidden-heading { display:none !important; } .footer-bottom { background: rgba(255,255,255,0.03); height: 80px; position: relative; top: 0px; margin-bottom: 0px; overflow: hidden; padding: 23px 0; } .footer-bottom p { color: #666; padding-top: 5px; margin: 0; } @media only screen and (max-width : 767px) { .mockup-bg img{ width: 100%; margin-bottom: 30px; } } #accordion .panel-default > .panel-heading { color: #333; background-color: transparent; border: none; border-radius: 0px; padding: 0; } #accordion.panel-group .panel { margin-bottom: 1px; border-radius: 0px; background-color: transparent; } #accordion .panel-title { overflow: hidden; text-transform: capitalize; letter-spacing: 0px; } #accordion .panel-title a { padding: 15px 20px 15px 35px !important; font-size: 13px; display: table; width: 100%; position: relative; font-weight: 400; overflow: hidden; } #accordion .panel-default { border: none; } /*#accordion .panel-title a span { position: absolute; top: 10px; left: 0px; color: #B4B4B4; font-size: 13px; border: 1px solid #ececec; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }*/ #accordion.panel-group .panel.active .panel-title a span { background: #8dc73f; color: #fff; transition: .4s; } #accordion .panel-title a i { color: #aaa; font-size: 14px; margin-right: 7px; position: relative; top: 1px; transition: .4s; } #accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; padding: 10px 0 0; } #accordion2 .panel-default > .panel-heading + .panel-collapse > .panel-body { padding: 20px 0 25px 60px; margin: 0px; } #accordion .panel .panel-heading a:after, #accordion .panel .panel-heading a.collapsed:after{ font-family: 'FontAwesome'; font-size: 13px; margin-right: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 8px; left: 0px; } #accordion .panel .panel-heading a:after { content: "\2212"; color: #9e9d9d; } #accordion .panel .panel-heading a.collapsed:after { content: "\2b"; color: #9e9d9d; background: transparent; } #onepage-landing #accordion .panel .panel-heading a:after { content: "\2212"; color: #fff; } #onepage-landing #accordion .panel .panel-heading a.collapsed:after { content: "\2b"; color: #fff; } #accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { padding: 10px 36px 0; } .error-404 h2 { font-size: 200px; text-shadow: 0px 4px 0px #DCDCDC; margin: -44px 0 0; font-family: Open Sans; font-weight: 300; } .error-404 p { font-size: 20px; margin: 0 0 35px; font-weight: 300; } .faq-acc1 .panel-heading , .faq-acc2 .panel-heading , .faq-acc3 .panel-heading { background: #fff; border: 1px solid #f1f1f1; color: #000; padding: 18px 20px; border-radius: 0px; } .faq-acc1 .panel-title , .faq-acc2 .panel-title , .faq-acc3 .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 14px; text-transform: uppercase; color: inherit; } .faq-acc2 .panel-title i , .faq-acc3 .panel-title i { margin-right: 5px; } .panel-body { font-size: 13px; line-height: 22px; color: #777; padding: 20px 20px 20px 30px; } .panel-group .panel-heading + .panel-collapse > .panel-body { border: none !important; } .blockQuote-parallaxed blockquote { margin: 0 auto 20px; color: #fff; } iframe { border: none; width: 100%; } #map-default { width: 100%; height: 350px; } #map-greyscale { width: 100%; height: 460px; } .location-map #map-greyscale { height: 290px; } .full-contact { background:#fff; padding: 70px 100px; } @media only screen and (max-width : 991px) { .full-contact { padding: 70px 20px; } } .full-contact input { width:100% !important; } #map-colorful { width: 100%; height: 350px; } .block-heading h3 { text-transform: uppercase; letter-spacing: 2px; margin: 0 0 30px; background: #8DC73F; color: #fff; font-family: Open Sans; padding: 10px; font-size: 14px; font-weight: 700; display: Table; } .faq-simple h3 { font-size: 17px; margin: 0 0 15px; color: #000; } .mm-content h1 { font-size: 50px; font-weight: 600; letter-spacing: 5px; } .feature-box .feature-box-icon { float: left; font-size: 40px; color: #8dc73f; position: relative; top: -5px; } .feature-box2 .feature-box-icon { float: left; font-size: 30px; position: relative; top: -5px; border-radius:50%; background:#8dc73f; width:70px; height:70px; line-height:47px; text-align:center; color:#363636; } .feature-box2 .readmore{ color: #616161; } .feature-box2 .readmore:hover{ color: #000; } .feature-box2 .feature-box-info { margin-left:85px; } @media only screen and (max-width : 767px) { .feature-box2 { margin-bottom: 30px; } } .feature-box-info { margin-left: 65px; } .feature-box-info h4 { text-transform: uppercase; font-size: 14px; letter-spacing:inherit; } @media only screen and (max-width : 767px) { .feature-box { margin-bottom: 30px; } } .mm-wrap { padding-bottom: 40px; } .pricing-table-s1 { background: #f5f5f5; padding: 0 0 40px; } @media only screen and (max-width : 767px) { .pricing-table-s1 { margin-bottom: 30px; } } .pricing-table-s1 .price-inner h2 { font-size: 20px; text-align: center; text-transform: uppercase; line-height: 80px; margin: 0; } .plan-price { color: #fff; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; text-align: center; font-size: 40px; padding: 20px 30px; background: #8dc73f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #8dc73f 0%, #8dc73f 85%, #7aad36 86%, #7aad36 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8dc73f), color-stop(85%,#8dc73f), color-stop(86%,#7aad36), color-stop(100%,#7aad36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* IE10+ */ background: linear-gradient(135deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc73f', endColorstr='#7aad36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; } .plan-price span { font-size: 15px; } .pricing-table-s1 ul { display: table; margin: 15px auto; } .pricing-table-s1 li { padding: 10px 15px; font-size: 14px; color: #aaa; position: relative; } .pricing-table-s1 li.check { color: #000; } .pricing-table-s1 li i { position: absolute; top: 12px; color: #8dc73f; left: -7px; } .btn-center { display: table; margin: 0 auto; } .btn-xs { padding: 8px 15px !important; font-size:10px; } .btn-small { padding: 8px 15px !important; } .btn-md { padding: 12px 15px !important; } .btn-lg { padding: 18px 20px !important; } .btn-exlg { font-size: 20px; padding: 20px 30px !important; } .btn-reveal { text-align: center; transition: .4s; position: relative; overflow: hidden; } .btn-reveal:hover { padding-left: 40px !important; transition: .4s; color: #fff !important; } .btn-reveal i { position: absolute; left: -60px; transition: .4s; color: #fff !important; font-size: 16px; } .btn-reveal.btn-lg { padding: 18px 40px !important; } .btn-reveal.btn-md { padding: 12px 30px !important; } .btn-reveal.btn-small { padding: 8px 30px !important; } .btn-reveal.btn-xs { padding: 5px 30px !important; } .btn-reveal.btn-lg:hover { padding: 18px 30px 18px 50px !important; } .btn-reveal.btn-md:hover { padding: 12px 20px 12px 40px !important; } .btn-reveal.btn-small:hover { padding: 8px 20px 8px 40px !important; } .btn-reveal.btn-xs:hover { padding: 5px 20px 5px 40px !important; } .btn-reveal:hover i { position: absolute; left: 16px; transition: .4s; } .pricing-table2 thead tr th { font-size: 18px; text-align: center; vertical-align: middle; text-transform: uppercase; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; padding: 25px 0; background: #8dc73f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #8dc73f 0%, #8dc73f 85%, #7aad36 86%, #7aad36 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8dc73f), color-stop(85%,#8dc73f), color-stop(86%,#7aad36), color-stop(100%,#7aad36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* IE10+ */ background: linear-gradient(135deg, #8dc73f 0%,#8dc73f 85%,#7aad36 86%,#7aad36 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc73f', endColorstr='#7aad36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; } .pricing-table2 thead tr th:first-child { background: none; } .pricing-table2 thead tr th span { color: #fff; font-size: 15px; } .pricing-table2 thead, .pricing-table2 thead tr th, .pricing-table2 tbody tr td { border: 1px solid #f1f1f1; } .pricing-table2 tbody tr td:first-child { font-size: 16px; padding: 35px 15px; } .pricing-table2 tbody tr td:first-child i { font-size: 25px; margin-right: 8px; } .pricing-table2 tbody tr td:nth-child(2) , .pricing-table2 tbody tr td:nth-child(3) , .pricing-table2 tbody tr td:nth-child(4) { vertical-align: middle; text-align: center; padding: 20px 0; font-size: 16px; } .pricing-table2 tbody tr td:nth-child(2) i, .pricing-table2 tbody tr td:nth-child(3) i, .pricing-table2 tbody tr td:nth-child(4) i { font-size: 30px; margin-bottom: 4px; color: #d5d5d5; } .table a { display: inline; } .pricing-table3 ul li { width: 23%; margin: 0 1%; float: left; /* border-radius: 5px; */ text-align: center; background: #fff; position: relative; overflow: hidden; } .pricing-table3 ul li h3 { background: #8dc73f; padding: 60px 15px; color: #fff; text-transform: uppercase; font-size: 20px; text-align: center; margin: 0; } .pricing-table3 ul li .price { color: #000; font-size: 30px; font-weight: 700; padding: 30px 0px; line-height: 26px; display: table; width: 100%; } .pricing-table3 ul li .price small { color: #888; display: block; font-size: 16px; font-weight: 400; } .pricing-table3 ul li ul { margin: 0 0 25px; display: table; } .pricing-table3 ul li ul li { width: 100%; margin: 0; padding: 8px 15px; color: #aaa; } .pricing-table3 ul li ul li.active { color: #000; } .pricing-table3 { background: #000; padding: 100px 0; } .pricing-table3 .buy { padding: 15px 15px; background: #F1F1F1; color: #000; font-size: 30px; display: table; width: 100%; } .pricing-table3 .stamp { width: 116px; height: 85px; border-radius: 0px; color: #FFF; padding: 13px 17px; text-align: center; font-weight: 400; position: absolute; right: -22px; top: -10px; margin: 0px; font-size: 12px; transform: rotate(45deg); } .pricing-table3 .stamp span { position: relative; z-index: 8888; } .pricing-table3 .stamp::after { content: ""; background: rgba(0,0,0,0.2); height: 65px; width: 250%; position: absolute; z-index: 0; top: -5px; left: -75%; } .pricing-table3 .stamp i { display: block; margin-bottom: 8px; } .popular { background: #000; color: #fff; text-align: center; padding: 10px; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; font-size: 12px; } @media only screen and (max-width : 767px) { .testimonial-box { margin-bottom: 50px; } } .search-container { padding: 0; } .search-container .input-group{ margin: 0 auto!important; } .search-container input { height: 60px !important; border: 1px solid #000; line-height: 58px; padding: 0 30px; color: #000; } .search-container input { height: 60px; border: 1px solid #f1f1f1; border-right: none; line-height: 58px; padding: 0 20px; color: #000; } .search-container button { height: 60px; color: #fff; background: #8dc73f; padding: 0 15px; line-height: 60px; border: none; border-radius: 0 5px 5px 0; font-size: 25px; width: 85px; } .search-container h4 { margin: 0 0 50px; text-transform: uppercase; font-size: 30px; } .recent-search { text-align: center; } .recent-search li { padding: 0 10px 20px; display: inline-block; } .recent-search li a { border: 1px solid #000; padding: 5px 15px; color: #000; display: table; text-transform: uppercase; font-size: 11px; letter-spacing: 4px; } .recent-search li a:hover { color: #fff; background: #000; } .search-container h5 { text-align: center; border-bottom: 1px solid #000; padding: 0 0 10px; display: table; margin: 0 auto 30px; } .search-widget { position: relative; } .search-widget button { position: absolute; top: 0px; right: 0px; background: transparent; border: medium none; width: 43px; height: 52px; line-height: 35px; text-align: center; } .side-widget h4 { text-transform: uppercase; margin: 0 0 20px; font-size: 15px; } .cat-list li { border-bottom: 1px solid #f1f1f1; padding: 10px 0; } .cat-list li:last-child { border-bottom: none; padding: 10px 0 0; } .cat-list li a { color: #000; font-size: 13px; } .cat-list li a:hover { color: #8dc73f; } .cat-list li i { float: right; font-size: 10px; position: relative; top: 7px; } .popular-post { } .popular-post li { display: table; margin: 0 0 20px; } .popular-img { width: 60px; float: left; } .popular-desc { margin-left: 75px; } .popular-desc h5 { margin: 8px 0 2px; font-size: 13px; } .popular-desc h5 a { color: #000; } .popular-desc h5 a:hover { color: #8dc73f; } .popular-desc span { color: #999; font-size: 13px; } .tag-list a { margin: 0 2px 6px; background: #000; color: #fff !important; padding: 5px 10px; display: inline-block; font-size: 11px; letter-spacing: 1px; } .tag-list a:hover { background:#8dc73f; } .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nav-tabs { border-bottom: none; display: table; width: 100%; } .nav-tabs li { border: 1px solid #e5e5e5; border-right: none; width: 25%; position: relative; overflow: hidden; } .nav-tabs li.active::after { content: ""; background: #8dc73f; width: 20px; height: 20px; position: absolute; top: -9px; right: -10px; transform: rotate(45deg); } .nav-tabs li:last-child { border-right: 1px solid #e5e5e5; } .nav-tabs li a { box-shadow: none; background: transparent; border: none !important; display: table; width: 100%; text-align: center; padding: 40px 10px; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; color: #000; font-size: 16px; } .nav-tabs li a span { color: #8dc73f; margin-right: 10px; } .tab-pane { padding: 25px 20px 15px 20px; border: 1px solid #e5e5e5; } .tab-pane .panel-heading { width: 100%; padding: 0; margin: 0; } .tab-pane .panel-heading a { width: 100%; padding: 12px 15px; color: #000; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; display: table; } .tab-pane .panel { margin-bottom: 10px; background-color: transparent; border: none; border-radius: none; box-shadow: none; } #accordion-e1 .panel-heading , #accordion-e2 .panel-heading , #accordion-e3 .panel-heading { color: #333; border: none; padding: 0 !important; } #accordion-e1 .panel-title , #accordion-e2 .panel-title , #accordion-e3 .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; background: #fff; } #accordion-e2 .panel-title { background: #000; } #accordion-e3 .panel-title { background: #fff; } #accordion-e1 .panel-title a , #accordion-e2 .panel-title a , #accordion-e3 .panel-title a { padding: 22px 35px 22px 22px; display: table; width: 100%; border: 1px solid #f1f1f1; color: #000; font-size: 13px; text-transform: uppercase; position: relative; } #accordion-e2 .panel-title a { border: none; color: #fff; } #accordion-e3 .panel-title a { border: none; border-bottom: 2px solid #f1f1f1; padding-left: 0; } #accordion-e1 .panel-title a span , #accordion-e2 .panel-title a span , #accordion-e3 .panel-title a span { position: absolute; top: 22px; right: 17px; color: #ccc; } #accordion-e3 .panel-title span.icon-check2 { color: #8dc73f; } #accordion-e3 .panel-title span.icon-cross2 { color: #FF4862; } #accordion-e1 .panel-body p, #accordion-e2 .panel-body p, #accordion-e3 .panel-body p { margin: 0; } .panel, .panel-default { border: none; background: transparent; border-radius: 0px; box-shadow: none; } .alert.info { background: #2C3E50; color: #fff; padding: 20px; } .alert.success { background: #18BC9C; color: #fff; padding: 20px; } .alert.notice { background: #F39C12; color: #fff; padding: 20px; } .alert.error { background: #E74C3C; color: #fff; padding: 20px; } .alert-info { border: 1px solid #2C3E50; color: #2C3E50; padding: 20px; background: transparent; } .alert-success { border: 1px solid #18BC9C; color: #18BC9C; padding: 20px; background: transparent; } .alert-warning { border: 1px solid #F39C12; color: #F39C12; padding: 20px; background: transparent; } .alert-danger { border: 1px solid #E74C3C; color: #E74C3C; padding: 20px; background: transparent; } .alert { border-radius: 0; } .alert-info i , .alert-success i , .alert-warning i , .alert-danger i { margin-right: 0px; } .style1 { border-left: 5px solid #8dc73f; } .style1 p { font-size: 18px; font-weight: 300; line-height: 27px; color: #888; } .style1.blockquote-reverse { border-left: none; border-right: 5px solid #8dc73f; } .style2 { border: none; padding: 0 0 0 70px; position: relative; } .style2 span { color: #000; font-size: 50px; float: left; position: absolute; top: 0; left: 0; } .style2 p { font-size: 38px; font-weight: 100; line-height: 42px; font-family: Raleway; color: #555; } #testimonial .owl-prev { background: none; /* border: 1px solid #000; */ width: 44px; height: 44px; line-height: 42px; color: #353535; border-radius: 50%; font-size: 0px; opacity: 0.3; position: absolute; left: 0; top: 50%; margin-top: -22px; transition: .4s; } #testimonial .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; font-size: 25px; color: #000; line-height: 42px; transition: .4s; } #testimonial .owl-next { background:none; border: none; width: 44px; height: 44px; line-height: 42px; color: #fff; border-radius: 50%; font-size: 0px; opacity: 0.3; position: absolute; right: 2px; top: 50%; margin-top: -22px; transition: .4s; } #testimonial .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 2px; right: 0px; font-size: 25px; color: #000; line-height: 42px; transition: .4s; } #testimonial .owl-prev:hover { background:none; border: none; width: 44px; height: 44px; line-height: 42px; color: #000; border-radius: 50%; font-size: 0px; opacity: 1; position: absolute; left: 0; top: 50%; margin-top: -22px; transition: .4s; } #testimonial .owl-next:hover { background: none; border:none; width: 44px; height: 44px; line-height: 42px; color: #fff; border-radius: 50%; font-size: 0px; opacity: 1; position: absolute; right: 2px; top: 50%; margin-top: -22px; transition: .4s; } #testimonial .owl-prev:hover:after , #testimonial .owl-next:hover:after { color: #353535; transition: .4s; } .btn-desc { text-align: center; font-size: 20px !important; padding: 20px 30px !important; } .btn-desc span { font-size: 12px; display: block; } .btn-full { width: 100%; } #stats1 { padding: 100px 0; } #stats1 .stats1-info i{ color: #000; } .stats1-info { text-align: center; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; } .stats1-info p { color: #000; font-size: 60px; line-height: 50px; margin: 0 0 30px; } .stats1-info h2 { color: #000; font-size: 12px; text-transform: uppercase; letter-spacing: 4px; } .stats1-info i { color: #8dc73f; font-size: 60px; margin: 0 auto 35px; display: table; } @media only screen and (max-width : 767px) { .stats1-info { margin-bottom: 60px; } .stats1-info i{ margin: 0 auto 15px; } } #stats2 { background-color: #333336; padding: 150px 0; } .stats2-info { text-align: center; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; } .stats2-info p { color: #fff; font-size: 60px; line-height: 60px; margin: 0 0 30px; } .stats2-info h2 { color: #8dc73f; font-size: 16px; } #stats3 { font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; text-align: center; } #stats3 .bg-overlay { padding: 100px 0; } .parallax-bg1 { background: url(../images/bg/parallax/8.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } .parallax-bg2 { background: url(../images/bg/parallax/2.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } .parallax-bg3 { background: url(../images/bg/parallax/11.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } .parallax-bg4 { background: url(../images/bg/parallax/4.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } .parallax-bg5 { background: url(../images/bg/parallax/5.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } .parallax-bg6 { background: url(../images/bg/parallax/6.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } #one-res .parallax-bg5 { background: url(../images/onepage/3/5.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } #one-res .parallax-bg6 { background: url(../images/onepage/3/7.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } #one-res .parallax-bg1 { background: url(../images/onepage/3/9.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } #one-medical .parallax-bg2 { background: url(../images/onepage/4/3.jpg) fixed !important; position: relative; background-size: auto !important; } #one-law .parallax-bg2 { background: url(../images/onepage/4/3.jpg) fixed !important; position: relative; background-size: auto !important; } #one-hosting .parallax-bg2 { background: url(../images/onepage/4/3.jpg) fixed !important; position: relative; background-size: auto !important; } #one-medical .parallax-bg3 { background: url(../images/onepage/4/1.jpg) no-repeat center center fixed !important; position: relative; background-size: cover !important; } #one-charity .parallax-bg5 { background: url(../images/onepage/5/volunter.jpg) no-repeat bottom center fixed !important; position: relative; background-size: cover !important; } #one-gym .parallax-bg5 { background: url(../images/onepage/6/5.jpg) no-repeat bottom center fixed !important; position: relative; background-size: cover !important; } #one-gym .parallax-bg2 { background: url(../images/onepage/6/6.jpg) no-repeat bottom center fixed !important; position: relative; background-size: cover !important; } .parallax-bg6 { background: url(../images/bg/parallax/8.jpg) no-repeat center center fixed !important; position: relative; padding: 150px 0; background-size: cover !important; } .head-bdr { color: #fff; font-size: 30px; text-transform: uppercase; letter-spacing: 5px; border: 4px solid #fff; padding: 15px 20px; margin: 0 auto; display: table; font-weight: 700; } .pattern-grey { border: 1px solid #eee; background: #f2f2f2; } .pattern-bg1 { background: url(../images/bg/pattern/1.png) repeat fixed !important; } .pattern-bg2 { background: url(../images/bg/pattern/2.png) repeat fixed !important; } .stats3-info i { color: #8dc73f; font-size: 35px; margin: 0 0 30px; } .stats3-info p { color: #fff; font-size: 50px; margin: 30px 0 30px; } .stats3-info h2 { color: #fff; font-size: 16px; text-transform: uppercase; } @media only screen and (max-width : 767px) { .stats3-info { margin-bottom: 50px; margin-top: 50px; } } .no-padding { padding: 0; } .dark-bg { background: #333; } .padding30 { padding: 30px 0 !important; } .padding40 { padding: 40px 0 !important; } .padding50 { padding: 50px 0 !important; } .padding60 { padding: 60px 0 !important; } .padding70 { padding: 70px 0 !important; } .padding-top-70 { padding:70px 0 0 !important; } .padding80 { padding: 80px 0 !important; } .padding90 { padding: 90px 0 !important; } .padding100 { padding: 100px 0 !important; } .padding110 { padding: 110px 0 !important; } .padding150 { padding: 150px 0 !important; } .bg-overlay { background-color: rgba(0, 0, 0, 0.7); } .cta-dark h2 { margin: -5px 0 10px; color: #fff; font-size: 24px; } @media only screen and (max-width : 767px) { .cta-dark .button { float: none !important; margin: 30px auto 0; } } .cta-dark p { margin: 0 0 -5px; } .lite-white { color: #fff !important; opacity: 0.7; } .white { color: #fff !important; opacity: 1; } .ico-yellow { background:#FDC502 !important; } .no-margin { margin: 0px; } .cta-default-bdr { border: 1px solid #eee; background: #f2f2f2; display: table; width: 100%; padding: 40px 25px; } .cta-default-bdr p { font-size: 20px; color: #333; font-weight: 300; line-height: 27px; margin: 0; } @media only screen and (max-width : 767px) { .cta-default-bdr{ text-align: center; } .cta-default-bdr .button { float: none !important; margin-top: 20px; display: inline-block; } } .cta-default .button{ margin-top:6px; } .form-control { box-shadow: none; } input.form-control { padding: 0 20px; border-radius:0; height: 50px; font-size: 14px; border: 1px solid #eaeaea; box-shadow: none; } .form-control:focus { border-color: #000; box-shadow: none; } textarea.form-control { padding: 20px 20px; border-radius: 0; font-size: 14px; border: 1px solid #eaeaea; box-shadow: none; } textarea#message { min-height: 200px; } .form-control-feedback { position: absolute; top: 0px; right: 0px; z-index: 2; display: block; width: 34px; height: 44px; line-height: 42px !important; text-align: center; pointer-events: none; } .services { } .service-content span { width: 85px; height: 85px; line-height: 81px; color: #878787 !important; border: 2px solid transparent; border-radius: 50%; font-size: 36px; text-align: center; margin: 0 auto; display: table; position: relative; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s; } .service-content:hover span { background: transparent !important; border-radius: 50%; color: #000 !important; transition: .4s; } /*.service-content span:after { content: ""; width: 100px; height: 100px; background: #8dc73f; position: absolute; opacity: 0; transition: .4s; top: -10px; bottom: 0px; right: -10px; border-radius: 50%; } .service-content:hover span:after { content: ""; width: 80px; height: 80px; background: #8dc73f; position: absolute; opacity: 1; transition: .6s; top: -0px; bottom: 0px; right: -0px; }*/ @media only screen and (max-width : 767px) { .service-content { margin-bottom: 30px; } } .service-content span i { position: relative; z-index: 888; } .service-content h2 { font-size: 15px; text-transform: uppercase; } .service-content p { font-size: 13px; line-height: 21px; margin: 0; } .feature-content i { width: 70px; height: 70px; color: #fff; border-radius: 50%; line-height: 70px; font-size: 30px; text-align: center; position: relative; transition: .4s; float: left; top: -4px; background: #8dc73f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #8dc73f 0%, #8dc73f 49%, #7aad36 50%, #7aad36 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8dc73f), color-stop(85%,#8dc73f), color-stop(86%,#7aad36), color-stop(100%,#7aad36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 49%,#7aad36 50%,#7aad36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 49%,#7aad36 50%,#7aad36 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #8dc73f 0%,#8dc73f 49%,#7aad36 50%,#7aad36 100%); /* IE10+ */ background: linear-gradient(135deg, #8dc73f 0%,#8dc73f 49%,#7aad36 50%,#7aad36 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc73f', endColorstr='#7aad36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; } .fc-inner { margin-left: 85px; } .fc-inner h4{ font-size: 14px; } .feature-content h2 { font-size: 15px; text-transform: uppercase; margin: 15px 0 10px; } .feature-content p { font-size: 13px; line-height: 21px; margin: 0; } .fc-main { padding: 80px 80px 0 20px; } .gal-5col li { width: 20%; float: left; border: 1px solid #fff; } .gal-4col li { width: 25%; float: left; border: 1px solid #fff; } .gal-3col li { width: 33.3333%; float: left; border: 1px solid #fff; } .gal-2col li { width: 50%; float: left; border: 1px solid #fff; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.75; } .mfp-bottom-bar { display: none; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-arrow-right::after { content: "\f105" !important; font-family: 'FontAwesome'; border: none !important; color: #fff; font-size: 65px; transition: .5s; } .mfp-arrow-left::after { content: "\f104" !important; font-family: 'FontAwesome'; border: none !important; color: #fff; font-size: 65px; transition: .3s; } .mfp-arrow-right::before , .mfp-arrow-left::before { border: none !important; } .mfp-arrow { height: 60px; } .mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { margin-top: 15px; top: -1px !important; } img.mfp-img { padding: 40px 0px 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform: scale(1); opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mp-lightbox { opacity: 1; transition: .4s; } .mp-lightbox:hover { opacity: 0.7; transition: .4s; } .blogpost { } h2.post-title { /* font-size: 30px; line-height: 24px; text-transform: uppercase; margin: 0 0 5px; */ font-size: 18px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; } h2.post-title a { color: #000; } h2.post-title a:hover { color: #8dc73f; } h2.post-title-small { /* font-size: 20px; text-transform: uppercase; margin: 0 0 5px; */ font-size: 18px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; } h2.post-title-small a { color: #000; } h2.post-title-small a:hover { color: #8dc73f; } .post-meta { /* margin-bottom:-10px; */ } .quote-meta .post-meta { margin-bottom:5px; } .post-meta span { margin-right: 15px; text-transform: uppercase; letter-spacing: 1px; color:#8dc73f; } .post-meta span i { margin-right: 0px; color: #aaa; } .post-meta span a { color: #8dc73f; font-size: 8px; } .post-meta span a:hover { color: #000; } .blog-sep { height: 1px; border-bottom: 1px solid #e3e3e3; padding-top: 70px; margin-bottom: 70px; } .quote-meta { padding-left: 70px; } .page_nav { display: table; margin: 0 auto; } .page_nav a { margin: 0 2px; background: #000; color: #fff; width: 35px; line-height: 35px; text-align: center; border-radius: 50%; display: inline-block; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; } .page_nav a:hover { background: #8dc73f; color: #fff; } #blog-slider .owl-prev { background: #fff; width: 60px; height: 60px; line-height: 60px; color: #000; font-size: 0px; opacity: 1; position: absolute; left: -5px; top: 50%; margin-top: -22px; border-radius: 0px; transition: .4s; } #blog-slider .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; font-size: 35px; color: #000; line-height: 60px; transition: .4s; } #blog-slider .owl-next { background: #fff; width: 60px; height: 60px; line-height: 60px; color: #fff; font-size: 0px; opacity: 1; position: absolute; right: -5px; top: 50%; margin-top: -22px; border-radius: 0px; transition: .4s; } #blog-slider .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 2px; right: 0px; font-size: 35px; color: #000; line-height: 60px; transition: .4s; } #blog-slider .owl-prev:hover { background: #000; color: #fff; } #blog-slider .owl-next:hover { background: #000; color: #fff; } #blog-slider .owl-prev:hover:after , #blog-slider .owl-next:hover:after { color: #fff; transition: .4s; } .service-home { padding: 70px 0; } @media only screen and (max-width : 767px) { .service-home [class^="col-"]{ margin-bottom: 30px; } } .service-home a { font-size: 50px; display: table; margin: 0 auto 0px; } .service-home h4 { text-transform: uppercase; margin: 20px 0 15px; font-size: 16px; letter-spacing: 1px; } a.readmore , .service-home a.readmore { font-size: 13px; font-weight: 400; font-style: italic; } .service-home a.readmore:hover { color: #000; } .info-home img { width: 100%; } .info-home h3 { font-family: Open Sans; font-size: 25px; letter-spacing: 1px; font-weight: 300; margin: 90px 0 10px; } .info-home h3 span { letter-spacing: 0px; display: block; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-size: 50px; text-transform: uppercase; margin: 0 0 -12px; } .info-home h3 em { letter-spacing: 0px; font-style: normal; display: block; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-size: 70px; text-transform: uppercase; color: #8dc73f; } .info-home p { font-size: 16px; line-height: 25px; } .project-item { width: 20%; float: left; } @media (max-width : 767px) { .project-item { width: 100%!important; } } @media (min-width : 768px) and (max-width : 991px) { .project-item { width: 50%; } } .project-gal { position: relative; } .overlay-folio { position: absolute; top: 0; width: 100%; height: 100%; left: 0; opacity: 0; visibility: hidden; transition: .5s; } .hover-box { background: rgba(0, 0, 0, 0.3); height: 100%; position: absolute; top: 0; left: 0; right: 0; } .hover-zoom { display: table; margin: 0 auto; position: relative; top: 50%; margin-top: -25px; } .hover-zoom a { background: transparent; border: 1px solid #fff; color: #fff; width: 40px; height: 40px; margin: 0 5px; display: inline-block; line-height: 40px; text-align: center; font-size: 13px; } .hover-zoom a:hover { border: 1px solid transparent; background: #8dc73f; color: #fff; } .hover-zoom .zoom { position: relative; left: -50px; opacity: 0; } .hover-zoom .link { position: relative; right: -50px; opacity: 0; } .project-item:hover .hover-zoom a.link { position: relative; right: 0px; opacity: 1; } .project-item:hover .hover-zoom a.zoom { position: relative; left: 0px; opacity: 1; } .project-item:hover .overlay-folio { opacity: 1; transition: .5s; visibility: visible; } .project-info { padding: 20px 20px 20px 0px; } .project-info h2 { margin: 0; font-size: 13px; text-transform: capitalize; } .project-info p { margin: 0; } .filter { margin: 35px auto 50px; display: table; } .filter li { float: left; margin: 0 10px; } .filter a { color: #878787; border: 1px solid #878787; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; padding: 6px 10px; } .filter a:hover { color: #fff; background: #000; } #portfolio-section h3 { font-size: 30px; margin: 0; } .welcome-content h2 { font-size: 50px; font-weight: 300; } h2.title { font-size: 30px; } .features-left i { font-size: 50px; float: right; color: #8dc73f; } .features-left h3, .features-left p { margin-right: 85px; text-align: right; } .features-left h3 { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 70px 85px 15px 0; } .features-right i { font-size: 50px; float: left; color: #8dc73f; } .features-right h3, .features-right p { margin-left: 85px; } .features-right h3 { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 70px 0 15px 85px; } #home-team .item { margin: 0 1px; cursor: pointer; } .team-inner { padding: 12px 5px; height: 40px; position: absolute; bottom: -150%; width: 100%; transition: .4s; } .team-inner::after { content: ""; position: absolute; z-index: 44; background: #000; width: 150%; height: 100px; bottom: -69px; left: -25%; right: 0; opacity: 0.3; transform: rotate(-15deg); } #team2 .col-md-3:hover .team-inner , #home-team .item:hover .team-inner { bottom: 0%; transition: .5s; } #team2 .col-md-3:hover .team-inner .team-social li a , #home-team .item:hover .team-inner .team-social li a { bottom: 0%; transition: .5s; } .team-social { display: table; margin: 0; float: right; position: relative; z-index: 888; } .team-social li { float: left; margin: 0 7px; } .team-social li a { color: #fff; text-shadow: none; } .team-social li a:hover { color:#8dc73f !important; } #team2 h2, #home-team h2 { padding: 0 15px; text-align: center; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; margin: 20px 0 5px; } #team2 span, #home-team span { padding: 0 15px; text-align: center; font-size: 13px; display: table; width: 100%; color: #777; } #home-team .owl-prev { background:none; border: none; width: 70px; height: 70px; line-height: 70px; color: #000; border-radius: 50%; font-size: 0px; opacity: 1; position: absolute; left: -100px; top: 50%; margin-top: -65px; transition: .4s; } #home-team .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; font-size: 40px; color: #B2B2B2; line-height: 70px; transition: .4s; } #home-team .owl-next { background: none; border: none; width: 70px; height: 70px; line-height: 70px; color: #353535; border-radius: 50%; font-size: 0px; opacity: 1; position: absolute; right: -100px; top: 50%; margin-top: -65px; transition: .4s; } #home-team .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 2px; right: 0px; font-size: 40px; color: #B2B2B2; line-height: 70px; transition: .4s; } @media (max-width: 991px) { #home-team .owl-prev{ left: 0; width: 50px; height: 50px; line-height: 50px; } #home-team .owl-next { right: 0; width: 50px; height: 50px; line-height: 50px; } #home-team .owl-next:after, #home-team .owl-prev:after{ line-height: 50px; } } #home-team .owl-prev:hover { background: none; color: #353535; } #home-team .owl-next:hover { background: none; color: #353535; } #home-team .owl-prev:hover:after , #home-team .owl-next:hover:after { color: #000; transition: .4s; } .staff-img { position: relative; overflow: hidden; } .pricing-table4 { border: 1px solid #e9e9e9; border-top: 5px solid #333; padding: 35px 0; margin: 0 -1px 0 0; } @media only screen and (max-width : 767px) { .pricing-table4 { margin-bottom: 40px; } } .pricing-table4 .title h2 { font-size: 17px; text-transform: uppercase; margin: 0; } .pricing-table4 .title strong { color: #8dc73f; font-size: 50px; font-weight: 300; } .pricing-table4 .title strong sup { font-size: 24px; font-weight: 400; position: relative; top: -20px; } .pricing-table4 .title strong sub { display: block; font-size: 12px; color: #333; font-weight: 400; margin-bottom: 36px; letter-spacing: 4px; text-transform: uppercase; } .pricing-table4 li { padding: 5px 0; color: #777; } .pricing-table4#popular { padding: 60px 0; position: relative; top: -25px; } .pricing-table4#popular h6 { position: absolute; top: -18px; left: 0; right: 0; font-size: 11px; background: #8dc73f; display: table; padding: 7px 12px; color: #fff; text-transform: uppercase; letter-spacing: 5px; margin: 0 auto; width:180px; } .hq-info { padding: 0 30px; } .hq-info p { font-size: 18px; color: #fff; font-weight: 300; font-style: italic; } .hq-info img { max-width: 60px; border-radius: 50%; float: left; } .hq-info span { color: #fff; margin-left: 75px; display: table; position: relative; top: 10px; font-size: 12px; } .hq-info span strong { display: block; font-size: 14px; } .owl-theme .owl-controls .owl-page span { background: rgba(0,0,0,0.5); } #home-quote .owl-theme .owl-controls { margin-top: 30px; text-align: center; position: relative; } #errorpage .page_header { margin-top: 0; } #errorpage .page_header h3 { font-size: 29px; text-transform: uppercase; color: #fff; display: table; margin: 0px auto; position: relative; top: 30px; padding: 10px 20px; letter-spacing: 14px; } footer h4 { font-size: 15px; text-transform: uppercase; margin: 0px 0px 25px; color: #000; position: relative; } footer p { font-size: 14px; } .c-info { background: transparent url("../images/map.png") no-repeat scroll left bottom / 55% auto; background-position: 0 100%; overflow: visible; padding-bottom: 78px; } .c-info li i { position: absolute; left: 0px; color: #444; top: 4px; } .c-info li { padding-left: 25px; position: relative; font-size: 13px; color: #878787; margin-bottom: 13px; } .f-posts li { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } @media (min-width: 768px) and (max-width: 991px){ .f-posts li{ padding-bottom: 15px; } } .f-posts li:last-child { border-bottom: none; } .f-posts li img { float: left; width: 55px; border: 1px solid rgba(0,0,0,0.1); padding: 3px; } .f-posts li h5 { margin: 0px 0px 5px 70px; font-family: Open Sans; font-size: 13px; } .f-posts li h5 a { color: #878787; } .f-posts li h5 a:hover { color: #000 !important; } .f-posts li p { font-size: 12px; margin: 0 0 0 70px; } .thumbs li { float: left; margin: 0 5px 5px 0; } .thumbs li img { width: 75px; transition:.4s; } .thumbs li img:hover { opacity:0.7; transition:.4s; } @media (min-width : 992px) and (max-width : 1199px) { .thumbs li img { width: 65px; } } @media (min-width : 768px) and (max-width : 991px) { .thumbs li img { width: 45px; } } .f-social a { border: 1px solid #666; width: 25px; height: 25px; border-radius: 50%; display: inline-block; color: #666; line-height: 23px; text-align: center; margin-right: 2px; font-size: 11px; } .f-social a:hover { background: #444; color: #999; line-height: 23px; text-align: center; font-size: 11px; } .footer-top { background: #333; padding: 40px 0; } .f-subscribe small { /*width: 85px;*/ /*height: 85px;*/ /* background: transparent url("../images/bubble.png") no-repeat scroll center center; */ display: table; /*border-radius: 50%;*/ /*float: left;*/ /* padding-left: 18px; */ padding-top: 5px; /* color: #999; */ color:#fff; font-size: 13px; /*background-color: #555555;*/ text-align:center; } .f-subscribe small em { display: inline-block; padding-left: 5px; font-size: 11px; } .f-subscribe form { /*margin-left: 110px;*/ margin-top: 15px; } .f-subscribe form input { border: 1px solid #555; background: transparent; height: 50px; border-radius: 0; color: #fff; font-size: 13px; padding: 0 17px; line-height: 48px; width: 70%; float: left; } .f-subscribe form input:focus { border: 1px solid #fff; box-shadow: none; } .f-subscribe form button { border: 1px solid #555; background: #555; height: 50px; border-radius: 0; color: #fff; font-size: 14px; padding: 0 5px; text-align: center; line-height: 48px; width: 30%; float: left; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 991px){ .f-subscribe form input { width: 65%; } .f-subscribe form button { font-size: 12px; width: 35%; } } .f-tweet small { /*width: 85px;*/ /*height: 85px;*/ /* background: transparent url("../images/bubble.png") no-repeat scroll center center; */ display: table; /*border-radius: 50%;*/ /*float: left;*/ /* padding-left: 24px; */ padding-top: 5px; /* color: #999; */ color:#fff; font-size: 13px; /*background-color: #555555;*/ /*text-align:center;*/ } .f-tweet small em { display: inline-block; font-size: 12px; padding-left: 5px; } .tweets_txt { color: #777; font-size: 13px; margin-top: 10px; } .tweets_txt a { color: #aaa; font-size: 13px; } .tweets_txt span { color: #bbb; display: block; position: relative; font-size: 11px; margin-top: 3px; line-height: 18px; } .tweets_txt span:after { content: "-"; float: left; position: relative; } .tweet-info { /*margin-left: 105px; padding-top: 8px;*/ } .bm-item { width: 33.33333%; float: left; position: relative; margin: 0 0 50px; padding: 0 15px; } .bm-item .post-title-small { font-size: 16px; } .blog-mason-4col .bm-item { width: 25%; float: left; position: relative; margin: 0 0 40px; padding: 0 15px; } .blog-mason-2col .bm-item { width: 50%; float: left; position: relative; margin: 0 0 40px; padding: 0 15px; } .blog-single p { font-size: 16px; line-height: 30px; } .prevnext .left { text-transform: uppercase; color: #000; letter-spacing: 5px; float: left; font-size: 13px; } .prevnext .right { text-transform: uppercase; color: #000; letter-spacing: 5px; float: right; font-size: 13px; } .comment-avatar { width: 80px; height: 80px; border: 1px solid #e1e1e1; padding: 5px; border-radius: 50%; } .comment-sub { padding-left: 80px !important; } .comment-list li { margin: 0px 0px 20px; display: inline-block; width: 100%; } .comment-meta { margin-left: 95px; margin-bottom: 5px; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; } .comment-list li p { margin-left: 95px; line-height: 21px; } .comment-meta li a { } .comment-meta em { font-style: normal; margin-left: 6px; font-size: 10px; } .reply { float: right; font-size: 8px; padding: 4px 9px !important; border: 2px solid #000; } .reply:hover { background: transparent !important; color: #8dc73f !important; border: 2px solid #8dc73f; } .no-margin-top { margin-top: 0px !important; } #portfolio-home.folio-boxed-2col .project-item { width: 50%; overflow: hidden; } #portfolio-home.folio-boxed-3col .project-item { width: 33.3333333%; overflow: hidden; } #portfolio-home.folio-boxed-4col .project-item { width: 25%; overflow: hidden; } .overlay-folio2 { background: rgba(255,255,255,0.8); position: absolute; top: 0; width: 100%; height: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; transition: .4s; } #portfolio-home.folio-boxed-2col .project-info , #portfolio-home.folio-boxed-3col .project-info , #portfolio-home.folio-boxed-4col .project-info { position: absolute; bottom: -50%; left: 0; display: table; margin: 0 auto; right: 0; text-align: center; transition: .4s; width:100%; } #portfolio-home.folio-boxed-2col .project-item img , #portfolio-home.folio-boxed-3col .project-item img , #portfolio-home.folio-boxed-4col .project-item img { transform: scale(1); transition: .4s; } #portfolio-home.folio-boxed-2col .project-info h2 , #portfolio-home.folio-boxed-3col .project-info h2 , #portfolio-home.folio-boxed-4col .project-info h2 { font-size: 15px; color: #000; letter-spacing: 1px; transition:.4s; } #portfolio-home.folio-boxed-2col .project-info h2:hover , #portfolio-home.folio-boxed-3col .project-info h2:hover , #portfolio-home.folio-boxed-4col .project-info h2:hover { color: #8dc73f; transition:.4s; } #portfolio-home.folio-boxed-2col .project-item:hover img , #portfolio-home.folio-boxed-3col .project-item:hover img , #portfolio-home.folio-boxed-4col .project-item:hover img { transform: scale(1.1); transition: .4s; } #portfolio-home.folio-boxed-2col .project-item:hover .overlay-folio2 , #portfolio-home.folio-boxed-3col .project-item:hover .overlay-folio2 , #portfolio-home.folio-boxed-4col .project-item:hover .overlay-folio2 { opacity: 1; visibility: visible; transition: .4s; } #portfolio-home.folio-boxed-2col .project-item:hover .project-info , #portfolio-home.folio-boxed-3col .project-item:hover .project-info , #portfolio-home.folio-boxed-4col .project-item:hover .project-info { bottom: 0%; transition: .4s; } #portfolio-home.gutter .project-item { border: 5px solid #fff !important; } #portfolio-home.tiles .project-item { padding-bottom: 100px; border-right: 5px solid #fff !important; border-left: 5px solid #fff !important; } #portfolio-home.tiles .project-info { position: absolute; left: 0px; display: table; margin: 0px auto; right: 0px; text-align: center; transition: all 0.4s ease 0s; bottom: 10px; } #portfolio-home.tiles .overlay-folio2 { opacity: 1 !important; visibility: visible !important; background: transparent !important; } #portfolio-home.tiles .project-gal { overflow: hidden; } #portfolio-home.tiles .overlay-folio2 { opacity: 1 !important; visibility: visible !important; background: transparent !important; } #portfolio-home.tiles .project-item:hover .overlay-folio2 { background: rgba(255,255,255,0.8) !important; } #portfolio-home.tiles .project-item:hover .project-info { transition: all 0.4s ease 0s; bottom: 92px; } #portfolio-home .project-gal img { width: 100%; } .no-padding-bottom { padding-bottom: 0px !important; } .container-full { width: 100%; padding: 0%; } .container-full .folio-boxed-2col .project-item { width: 50% !important; } .container-full .folio-boxed-3col .project-item { width: 33.3333% !important; } /* .boxed .container-full .folio-boxed-3col .project-item { width: 36.3333% !important; } */ .boxed .container-full .folio-boxed-3col .project-item { width: 33.3333% !important; } .container-full .folio-boxed-4col .project-item { width: 25% !important; } .fsidebar { width: 30%; float: left; padding-right: 30px; } #fs-content { width: 68%; float: right; } .fs-info h3 { font-size: 17px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; } .project-meta li { margin-top: 12px; font-size: 11px; color: #000; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; } .project-meta li i { margin-right: 8px; } .fsidebar2 { width: 30%; float: right; padding-right: 0px; padding-left: 30px; } #fs-content.fs-content2 { width: 68%; float: left; } #accordion-career .panel-default > .panel-heading { background-color: #fff; border: 1px solid #e8e8e8; border-left: 1px solid #8dc73f; border-radius: 0; padding: 0; } #accordion-career .panel-title > a { padding: 20px 25px; display: table; width: 100%; } #accordion-career.panel-group .panel-heading + .panel-collapse > .panel-body { border: 1px solid #e8e8e8 !important; margin-top: -1px; } #accordion-career .panel-title em { font-style: normal; font-size: 12px; color: #999; font-weight: 400; font-family: Open Sans; } #accordion-career .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; padding-left: 44px; position: relative; } #accordion-career .panel-title i { position: absolute; left: 26px; font-size: 29px; } .our-office { border: 1px solid #e1e1e1; padding: 30px; } .workplace li { width: 33.3333%; float: left; border: 1px solid #e1e1e1; padding: 10px; margin: 0 -1px -1px 0; } .workplace li img { opacity: 1; transition: .4s; } .workplace li:hover img { opacity: 0.6; transition: .4s; } .feature-list li { margin-top: 15px; position: relative; font-size: 14px; padding-left: 30px; color: #878787; } .feature-list li i { color: #8dc73f; position: absolute; left: 5px; top: 2px; } .countdown.styled { width: 100%; max-width: 850px; margin: -25px auto 0; padding: 0 15px; } .countdown.styled div { width: 25%; float: left; color: #fff; font-size: 100px; font-weight: 300; text-align: center; text-shadow: 0 5px 10px #000; } @media only screen and (max-width : 991px) { .countdown.styled div { font-size: 60px; } } @media only screen and (max-width : 766px) { .countdown.styled div { font-size: 30px; margin-top:30px; display:block; } } .countdown.styled div span { display: block; font-size: 13px; letter-spacing: 7px; text-transform: uppercase; font-weight: 600; background: #8dc73f; color: #fff; display: table; margin: 0 auto; padding: 5px 12px 5px 19px; text-align: center; text-shadow: none; } #uc-main { padding: 0; height: 100vh; } @media (max-width: 767px) { #uc-main{ height: 155vh; } } #coming-soon .footer-bottom p { color: #fff; } #coming-soon .f-social a { border: 1px solid #fff; width: 25px; height: 25px; border-radius: 50%; display: inline-block; color: #fff; line-height: 23px; text-align: center; margin-right: 3px; font-size: 11px; } #coming-soon .f-social a:hover { border: 1px solid #000; background: #000; color: #fff; } #coming-soon .footer-bottom { background: rgba(0, 0, 0, 0.2); height: 80px; padding: 29px 0px; } @media (min-width: 321px) and (max-width: 767px) { #coming-soon .footer-bottom { padding: 9px 0px 71px!important; margin-top: -80px; } } @media (max-width: 320px) { #coming-soon .footer-bottom { padding: 9px 0px 110px!important; margin-top: -120px; } } #uc-main .container { height: 100vh; display: table; } .uc-main { display: table-cell; vertical-align: middle; width: 100%; position: relative; top: -35px; } #uc-main .search-container button { width: 128px; transition: .4s; } #uc-main .search-container button:hover { transition: .4s; background: #7db233; } #uc-main .search-container input { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3); color: #fff !important; } #uc-main .search-container input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } #uc-main .search-container input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } #uc-main .search-container input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } #uc-main .search-container input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .contact-info i { margin-right: 10px; } .map-border { padding: 6px; border: 1px solid #e5e5e5; } .list-style1 li { padding-left: 25px; position: relative; margin-bottom: 7px; color: #878787; } .list-style1 li i { position: absolute; left: 0; top: 3px; color: #8dc73f; } .list-wrap .col-sm-3 { width: 20%; } .list-color2 li i { color: #0FA2D5; } .list-color3 li i { color: #FF4862; } .cs-wrap { display: table; margin: 0 auto; text-align: center; } .cs-wrap span { width: 150px; height: 150px; display: table; position: absolute; border-radius: 50%; line-height: 150px; color: #000; font-family: Montserrat; font-size: 28px; letter-spacing: 1px; } .cs-wrap .chart-color2 span { color: #8dc73f; } .cs-wrap .chart-color3 span { color: #0FA2D5; } .cs-wrap .chart-color4 span { color: #FF4862; } .cs-wrap h6 { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } /*.progress { height: 24px; margin-bottom: 40px; overflow: visible; box-shadow: none; border-radius: 0px; } .progress-bar { margin: 0px; border-radius: 0px; height: 20px; line-height: 20px; box-shadow: none !important; font-family: Montserrat; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; text-align: left; padding: 0 12px; position: relative; } .progress-bar span { position: absolute; right: -15px; background: #ddd; padding: 0px 4px; border-radius: 2px; top: -25px; color: #666; } .progress-bar-default { background: #000; } .progress-bar span:after { content: ''; position: absolute; border-style: solid; border-width: 5px 5px 0; border-color: #ddd transparent; display: block; width: 0; z-index: 1; bottom: -5px; left: 0; right: 0px; margin: 0 auto; } .progress-bar-success { background: #8dc73f !important; } .progress-bar-info { background: #0FA2D5 !important; } .progress-bar-warning { background: #FF4862 !important; }*/ .no-width-skills { width: 0% !important; } .nav-tabs li.col-md-4 { width: 33.3333%; padding-left: 0px; padding-right: 0px; } .nav-tabs li i { color: #8dc73f; margin-right: 10px; } .shop-content { background: #fff; padding: 100px 0; } .shop-grid li { width: 33.3333%; float: left; padding: 0 15px 30px; } .line-head { font-family: Montserrat; font-size: 16px; font-weight: bold; color: #333; text-transform: uppercase; position: relative; overflow: hidden; margin: 0px 0px 22px; } .line-head span { background: #FFF; padding-right: 15px; position: relative; z-index: 88; margin: 0px 0px 20px; } .line-head::after { content: ""; background: #d3d3d3; height: 1px; position: absolute; top: 9px; left: 0px; width: 100%; } .product .text-center { border: 1px solid #e5e5e5; padding: 10px 10px 15px; cursor: pointer; transition: .4s; } .product:hover .text-center { box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: .4s; } .logregform label { font-weight:400; font-size:13px; } .product-overlay { display: block; height: 50px; background: rgba(0,0,0,0.2); line-height: 50px; position: absolute; bottom: -60px; width: 100%; left: 0px; right: 0px; transition: .5s; } .product:hover .product-overlay { bottom: 0px; transition: .5s; } .product-thumbnail img { width: 100%; transform: scale(1); transition: .4s; } .product:hover .product-thumbnail img { transform: scale(1.1); transition: .4s; } .product-overlay a { font-size: 20px; margin: 0; color: #fff; width: 50%; float: left; text-align: center; } .product-overlay a:hover { color: #fff; background: #000 !important; } .product-overlay a:first-child { background: rgba(0,0,0,0.2); } .product-title { margin: 10px 0 5px; } .product-title a { color: #000; font-size: 17px; } .product-price { font-size: 20px; letter-spacing: -1px; font-weight: 300; margin: 0 auto 15px; display: table; } .add_to_cart_button { padding: 0px !important; font-size: 10px; border-radius: 0px !important; padding: 11px 12px !important; } .sorter { display: table; width: 93%; border: 1px solid #e8e8e8; padding: 14px; /* max-width: 815px; */ position: relative; left: 30px; margin: 0 0 25px; } #shop-fullwidth-m .sorter{ width: 95%; } .sort1 { width: 220px; float: left; } .sort1 span { float: left; line-height: 30px; font-size: 12px; text-transform: uppercase; margni-right: 10px; font-weight: 600; } .sort1 select { line-height: 30px; border: 1px solid #e5e5e5; padding: 5px 5px !important; height: 30px; font-size: 12px; margin-left: 10px; text-transform: uppercase; } .product-thumbnail { position: relative; overflow: hidden; } .sort1 form { float: right; } .sort2 { width: 172px; float: right; } .sort2 .span1 { float: left; line-height: 30px; line-height: 30px; font-size: 12px; text-transform: uppercase; margni-right: 10px; font-weight: 600; } .sort2 select { line-height: 30px; border: 1px solid #e5e5e5; padding: 5px 5px !important; height: 30px; font-size: 12px; margin-left: 10px; text-transform: uppercase; } .sort2 .span2 { font-weight: 600; float: right; line-height: 30px; font-size: 12px; text-transform: uppercase; margni-right: 10px; } .sort2 form { width: 80px; margin: 0 auto; background: #ff0000; float: left; margin-left: 25px; } .sort3 { margin-top: 3px; float: right; } .layout-modes { display: table; margin: 0px auto; line-height: 27px; } .shop_pn { display: table; margin: 0 auto; } .shop_pn li { float: left; margin: 0 5px; } .shop_pn li a { width: 35px; height: 35px; color: #000; line-height: 35px; text-align: center; display: table; background: transparent; border-radius: 50%; } .shop_pn li a.active , .shop_pn li a:hover { color: #fff; background: #000; } .s_range { margin-top: 25px; } .range_v { margin-top: 35px; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-size: 13px; } .range_v span { font-size: 14px; color: #5b5b5b; float: left; margin-right: 5px; line-height: 23px; } .range_v input { border: medium none; display: table; float: left; width: 44px; font-size: 14px; color: #5B5B5B; margin-right: 9px; margin-top: 1px; } .filter-btn { float: right; margin-top: -8px; } .filter-btn:hover { color: #fff; } .range_sep { background: #000; width: 10px; height: 1px; display: table; position: relative; top: 13px; right: 20px; } .ui-state-default, .ui-widget-content .ui-state-default { transition: none !important; } .shop-sidebar .widget { margin-bottom: 50px; } .shop-sidebar .widget h3 { margin: 0 0 30px; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; } .product-categories li { margin-bottom: 7px; } .product-categories li a { color: #888; } .product-categories li a:hover { color: #8dc73f; } .product-categories li:last-child { margin-bottom: 0px; } .product-categories li i { font-size: 20px; position: relative; top: 4px; margin-right: 5px; color: #bbb; } .widget_popular_products li { display: table; width: 100%; margin-bottom: 15px; position: relative; } .widget_popular_products li img { width: 75px; float: left; } .product-post-info { margin-left: 90px; } .product-post-info h5 { margin: 10px 0 0px; } .product-post-info h5 a { color:#000; } .product-post-info h5 a:hover { color:#8dc73f; } .product-post-info p { margin: 0; color: #666; } .badge { width: 50px; height: 50px; border-radius: 50%; padding-top: 15px; font-size: 10px; position: absolute; top: -6px; right: -6px; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; z-index:77; } .badge span { font-size: 13px; } .red { background: #f00; line-height: 50px; padding-top: 0px; font-size: 12px; } .blue { background: #8dcff4; } .product { position: relative; } #gal-slider { position: relative; } .gal-nav { display: block; width: 100%; } .gal-nav li { float: left; width: 25%; padding:5px; cursor: pointer; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .gal-nav li:last-child { padding-right: 5px; } .gal-nav li:first-child { padding-left: 5px; } .gal-nav li img { opacity: 1; transition: .4s; } .gal-nav li.flex-active img { opacity: 0.5; transition: .4s; } .p-price { font-size: 40px; } .product-size { margin: 35px 0 10px; display: table; width: 100%; } .product-size li { float: left; margin: 0 10px; } .product-size span { float: left; line-height: 29px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; width: 75px; } .product-size a { color: #000; border: 1px solid #000; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; font-size: 10px; letter-spacing: 0px; text-transform: uppercase; padding: 6px 10px; display: table; } .product-size a.active , .product-size a:hover { color: #8dc73f; border: 1px solid #8dc73f; } .product-clr { margin: 15px 0 0px; display: table; width: 100%; } .product-clr li { float: left; margin: 0 10px; } .product-clr span { float: left; line-height: 29px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; width: 75px; } .product-clr a { color: #fff; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; font-size: 10px; letter-spacing: 0px; text-transform: uppercase; padding: 6px 10px; display: table; } .product-quantity { margin: 15px 0 35px; display: table; width: 100%; } .product-quantity span { float: left; line-height: 29px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; width: 84px; } .product-quantity input { color: #000; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; font-size: 12px; letter-spacing: 0px; text-transform: uppercase; padding: 6px 10px; width: 50px; display: table; text-align: center; } .shop-btn-wrap { display: table; margin-bottom: 27px; } .shop-btn-wrap a { float: left; margin-right: 5px; padding: 13px 15px !important; font-size: 11px !important; } .product-meta { font-size: 13px; } #p-single .nav-tabs li a { padding: 21px 10px !important; } .box-content { border: 1px solid #e4e4e4; padding: 15px 30px 30px; } .cart-table thead tr th { background: #000; color: #fff; border: 1px solid #222; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; text-transform: uppercase; line-height: 40px; } .cart-table thead { border-top: 1px solid #000; } .cart-table tbody tr td a { color: #000; font-weight: 600; cursor: pointer; } .cart-table tbody tr td a:hover { color: #8dc73f; } .cart-table thead tr th , .cart-table tbody tr td { vertical-align: middle; text-align: center; } .coupon { text-align: left; padding: 5px 0 10px; } .coupon input { border: 1px solid #000; height: 40px; padding: 0 15px; line-height: 33px; width: 70%; float: left; color: #000; font-size: 13px; } .coupon button { color: #fff; text-transform: uppercase; background: #000; height: 40px; padding: 0 15px; border: none; line-height: 35px; width: 30%; font-size: 12px; transition: .4s; color: #fff; } .coupon button:hover { background: #555; transition: .4s; color: #fff; } .cart-btn { float: right; margin-top: 30px; } .cart-btn button { float: left; margin-left: 5px; } .coupon { width: 260px; } .billing-details select { height: 50px; border: 1px solid #e5e5e5; } .billing-details label { font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #666; } .payment-method span { display: inline-block; margin-left: 9px; position: relative; top: -1px; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; } .table.extra-padding tbody tr th, .table.extra-padding tbody tr td { padding: 15px; } .higlight { color: #8dc73f; } /*#about-section2 { padding-top: 55px; }*/ /*#about-section2 .about-box { margin-bottom: 55px; }*/ #about-section2 .about-box .about-post { text-align: center; } #about-section2 .about-box .about-post a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 100px; height: 100px; margin: 0 0 24px; line-height: 100px; color: #363636; font-size: 30px; text-align: center; background: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #about-section2 .about-box .about-post a:hover, #about-section2 .about-box .about-post a.active { background: #8dc73f; } #about-section2 .about-box .about-post h2 { color: #222222; font-size: 15px; font-weight: 700; margin: 0 0 15px; } #about-section2 .content-tab { padding-top: 65px; background: url('../images/bg/parallax/4.jpg') center top fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; } #about-section2 .content-tab .container { position: relative; z-index: 2; } #about-section2 .content-tab .tab-cont { display: none; position: relative; } #about-section2 .content-tab .tab-cont h2 { font-size: 15px; font-weight: 400; margin-bottom: 30px; color: #8dc73f; } #about-section2 .content-tab .tab-cont p { color: #cccccc; margin-bottom: 15px; } #about-section2 .content-tab .tab-cont .image-content { text-align: center; } #about-section2 .content-tab .tab-cont .image-content img { max-width: 100%; } #about-section2 .content-tab .tab-cont .retina-content { text-align: center; } #about-section2 .content-tab .tab-cont .retina-content h2 { margin-bottom: 20px; margin-top: 0; } #about-section2 .content-tab .tab-cont .retina-content img { max-width: 100%; } #about-section2 .content-tab .tab-cont.active { display: block; } #about-section2 .content-tab .tab-cont:before { position: absolute; content: ''; width: 0; height: 0; top: -65px; border: 50px solid #ffffff; border-left-width: 50px; border-right-width: 50px; border-top-width: 25px; border-bottom-width: 25px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } #about-section2 .content-tab .tab-cont[data-tab="1"]:before { left: 6%; } #about-section2 .content-tab .tab-cont[data-tab="2"]:before { left: 33%; } #about-section2 .content-tab .tab-cont[data-tab="3"]:before { left: 59%; } #about-section2 .content-tab .tab-cont[data-tab="4"]:before { left: 86%; } #about-section2 .content-tab:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.7); } .rw-home .project-item { width: 100%; } .client-logo a { opacity:0.4; display:table; margin:0 auto; } .client-logo a:hover { opacity:1; } #carousel_five .owl-prev { background:none; /* border: 1px solid #000; */ width: 44px; height: 44px; line-height: 42px; color: #fff; border-radius: 50%; font-size: 0px; opacity: 0; position: absolute; left: -50px; transition:.4s; top: 50%; margin-top: -22px; transition: .4s; } #carousel_five .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; font-size: 25px; color: #000; line-height: 42px; transition: .4s; } #carousel_five .owl-next { background:none; /* border: 1px solid #000; */ width: 44px; height: 44px; line-height: 42px; color: #fff; border-radius: 50%; font-size: 0px; opacity: 0; position: absolute; right: -50px; transition:.4s; top: 50%; margin-top: -22px; transition: .4s; } #carousel_five .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; width: 100%; height: 100%; position: absolute; top: 0px; left: 2px; right: 0px; font-size: 25px; color: #000; line-height: 42px; transition: .4s; } #carousel_five:hover .owl-prev { opacity:0.5 !important; left:0px !important; transition:.4s !important; } #carousel_five:hover .owl-next { opacity:0.5 !important; right:0px !important; transition:.4s !important; } #carousel_five .owl-prev:hover { background:none; border:none; width: 44px; height: 44px; line-height: 42px; color: #000; border-radius: 50%; font-size: 0px; opacity: 1; transition:.4s; position: absolute; left: 0; top: 50%; margin-top: -22px; transition: .4s; } #carousel_five .owl-next:hover { background: none; border: none; width: 44px; height: 44px; line-height: 42px; color: #000; border-radius: 50%; font-size: 0px; opacity: 1; position: absolute; right: 0px; transition:.4s; top: 50%; margin-top: -22px; transition: .4s; } #one-gym #carousel_five .owl-next:after { color: #D2C6C6; } #one-gym #carousel_five .owl-prev:after { color: #D2C6C6; } #carousel_five .owl-prev:hover:after , #carousel_five .owl-next:hover:after { color: #000; transition: .4s; } .hb-info h4 { margin:20px 0 15px; } .hb-info h4 a { color:#000; } .hb-info .readmore{ color: #616161; } .hb-info .readmore:hover{ color: #000; } .hb-thumb { position:relative; } .date-meta { background: #8dc73f ; font-size: 15px; color: #FFF; text-align: center; position: absolute; top: 0; padding: 6px 13px; } .date-meta span { display:block; font-size:26px; font-weight:700; } .home-contact-form .input-wrap, .home-contact-form .textarea-wrap { display: block; margin: 0 0 12px 0; position: relative; transform: translateZ(0); } .home-contact-form .input-wrap i { position: absolute; top: 18px; left: 11px; color: #c1c4c5; } .home-contact-form .textarea-wrap i { position: absolute; top: 12px; left: 11px; color: #c1c4c5; } .home-contact-form .input-wrap i + input, .textarea-wrap i + textarea { padding-left: 31px; } .home-contact-form input:focus + i{color: #000 !important;} .home-contact-form textarea:focus + i{color: #000 !important;} .home-contact-form .input-wrap input, .home-contact-form .textarea-wrap textarea, .home-contact-form .select-wrap select { padding-left:40px; background: #fafafa; border-radius: 0; } .home-contact-form .button { height: 50px; padding: 10px 20px; } .home-contact-form .textarea-wrap textarea { width:100%; min-height:150px; padding:10px 20px 15px 40px; } @media only screen and (max-width : 767px) { .home-contact-form { margin-bottom: 30px; } } .home-project-3col .project-item { width:33.3333%; border:10px solid #fff; } #team2 .text-center { padding:0 15px; } #team2 .text-center p { font-size:12px; } #team2 .text-center .team-social { display:table; float:none; margin:0 auto; } #team2 .text-center .team-social a { color:#000; text-shadow:none !important; } #team2 .text-center .team-social a:hover { color:#8dc73f; text-shadow:none !important; } .highlight { color:#8dc73f !important; } .highlight2 { color:#FDC502 !important; } .border-top { border-top:1px solid #e9e9e9; } #one-res .highlight3 { font-family: 'Lovers Quarrel', cursive; color:#8dc73f; font-size:120px; margin:0 0 -40px; font-weight:300; text-transform: none; } .highlight4 { color:#8dc73f !important; } #one-res .project-info h2 { font-size:15px; position:relative; } #one-res .project-info h2 span { float:right; color:#8dc73f; position:relative; } #one-res .project-info h2 span:before { content:".... "; } .header-x { padding: 10px 0 0 10px; } .header-x .s-cart { float:left; margin-right:10px; position:relative; cursor:pointer; } .sc-trigger span { background: #8dc73f; color: #FFF; padding: 0px; font-size: 12px; border-radius: 50%; width: 18px; height: 18px; display: inline-block; line-height: 18px; text-align: center; position: relative; top: -9px; } .header-x .s-search{ float:right; cursor:pointer; } .header-x .s-search i { font-size:12px; position:relative; top:1px; transition:.4s; } .ss-trigger i:hover { color:#8dc73f; transition:.4s; } .cart-info { background: #fff; display: table; padding: 25px; position: absolute; width: 280px; right: -22px; top: 45px; border-top: 4px solid #8dc73f; opacity:0; visibility:hidden; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.34); transition:.4s; z-index:300; } .sticky-nav .cart-info{ top: 35px; } .s-cart:hover .cart-info { opacity:1; visibility:visible; transition:.4s; } .cart-info:after { content: ""; height: 30px; background: #fff; width: 100%; position: absolute; top: -30px; left: 0; right: 0; opacity: 0; } .ci-item { display: table; width: 100%; border-bottom: 1px solid #E8E8E8; padding-bottom: 4px; margin-bottom: 13px; } .ci-item img { float: left; } .ci-item-info { margin-left: 92px; } .ci-item-info h5 { font-family: Raleway !important; font-size: 13px; color: #333333; text-transform: none; margin: 0 0 1px; color: #333333; } .ci-item-info h5 a { color: #7D7D7D; } .ci-item-info h5 a:hover { color: #000; } .ci-item-info p { color: #666; } .ci-edit a { background: #aaaaaa; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; } .ci-edit a:hover { background: #444444; color: #fff; } .ci-total { font-size: 15px; text-transform: none; margin: 10px 0 15px; } .cart-btn a { background: #8dc73f; padding: 10px 16px; color: #FFF; text-transform: uppercase; border: medium none; font-size: 12px; letter-spacing: 2px; font-family: Montserrat; border-radius: 0px; display: inline-block; transition: all 0.4s ease 0s; float: left; } .cart-btn a:first-child { background: #333333; } .cart-btn a:hover { background: #000; color: #fff; } .ss-content { background:rgba(255,255,255,0.8); position:fixed; height:100%; width:100%; z-index:999999999; top:0; left:0; right:0; visibility:hidden; opacity:0; transition:.4s; } .ss-content-act { visibility:visible; opacity:1; } .ssc-inner { height:100vh; display:table; margin:0 auto; width:50%; } .ssc-inner form { display:table-cell; vertical-align:middle; margin:auto; position:relative; } .ssc-inner form input { background:transparent; border:none; width:100%; height:90px; color:#000; line-height:88px; font-size:30px; border-bottom:4px solid #8dc73f; font-weight:300; padding-right:60px; } .ssc-inner form button { border: none; background: transparent; color: #000; position: absolute; right: 0px; margin-top: 33px; } .intro-wrap { background:url(../images/slider/9.jpg) no-repeat center; background-size:cover; } .intro-wrap h1 { font-family:Open Sans; font-size:70px; font-weight:300; color:#fff; margin:200px 0 0; } .intro-wrap p { font-size:16px; font-weight:400; color:#fff; margin:20px 0 30px; } .head-w-ul span { font-weight:700; border-bottom:4px solid #8dc73f; color:#8dc73f; } .donate-meter { text-align: left; padding: 80px 10px 20px; margin: -131px 0px 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ position: relative; z-index: 888; } .donate-meter em { color:#fff; display:block; margin-bottom:8px; } .dm-wrap { height:3px; background:rgba(0,0,0,0.2); position:relative; } .dm-wrap span{ height:3px; background:#8dc73f; position:relative; display:table; } .volunter-info { background:rgba(0,0,0,0.4); padding:25px; } .volunter-info .button { background:#8dc73f; } #one-gym .ct-info small { color:#878787; } #one-gym .ct-info small i { margin-right:5px; } .dual-btns a { display:inline-block; margin:0 1px; padding:0 30px; width:200px; } .dual-btns.auto-width a { width:auto; } @media screen and (-webkit-min-device-pixel-ratio:0) { .ssc-inner form button { margin-top: -60px; } } .ssc-inner form button i { font-size: 27px !important; } .ss-close { font-size: 51px; position: absolute; right: 15px; top: 15px; opacity: 0.2; } .ss-close:hover { opacity: 0.6; } .rating { float:left; unicode-bidi: bidi-override; direction: rtl; } .rating > span { display: inline-block; position: relative; width: 22px; font-size:23px; color: #8dc73f; padding-right:5px; } .rating > span:hover, .rating > span:hover ~ span { color: transparent; } .rating > span:hover:before, .rating > span:hover ~ span:before { content: "\2605"; position: absolute; left: -2px; color: #8dc73f; } .rating2 { display: table; unicode-bidi: bidi-override; padding-left: 15px; position: relative; top: -7px; } .rating2 > span { display: inline-block; position: relative; font-size:16px; color: #8dc73f; } #header2 .header-x { padding: 18px 0px 0px 15px; position: relative; z-index: 8888888; } #header2 #top-bar { height: 90px; } #header2 #top-bar .top-bar-content { border-right: none; } #header2 .navbar-brand > img { display: block; width: 152px; margin: -9px auto 0px; } #header2 header { border-top: 1px solid rgba(0, 0, 0, 0.07); } #header2 .navbar-center { float:none; /* display: table !important; */ margin: 0 auto !important; } #header2 #top-bar .top-login , #header2 #top-bar .nav-social-icons , #header2 .social-icons li { border:none; } #header2 .h2-tr { padding: 25px 0; } #header4 #top-bar { background:#000; border:none; } #header4 #top-bar a , #header4 #top-bar .top-bar-content p , #header4 #top-bar .social-icons li a { color: #666; border:none; } #header4 #top-bar .social-icons li a:hover { color: #fff; } #header4 #top-bar a:hover { color: #aaa; } #header5 .header-wrap { position:absolute; top:0; width:100%; left:0; right:0; } #header5 #top-bar , #header5 header { background:transparent; border:none; } #header5 #top-bar { border-bottom:1px solid rgba(0,0,0,0.1); } #header5 .navbar-nav > li > a:focus , #header5 .navbar-nav > li > a { background:transparen !important; color: #fff!important; } .navbar-default .navbar-nav > li.active > a { color:#8DC73F !important; background:transparent !important; } #header5 .sc-trigger i, #header5 .ss-trigger i { color:#fff; } #header5 .is-sticky header { background:#000; } #header5 .header-wrap { position: absolute; top: 0px; width: 100%; left: 0px; right: 0px; z-index: 99999999; background: rgba(0, 0, 0, 0.1); } #header5 #top-bar a , #header5 #top-bar .top-bar-content p , #header5 #top-bar .social-icons li a { color: #fff; border:none; } #header4 #top-bar .social-icons li a:hover { color: #fff; } #header4 #top-bar a:hover { color: #aaa; } /*#header6 .header-wrap { position:absolute; top:0; width:100%; left:0; right:0; } */ #header6 #top-bar , #header6 header { background:transparent; border:none; } #header6 #top-bar { border-bottom:1px solid rgba(0,0,0,0.1); } #header6 .navbar-nav > li > a:focus , #header6 .navbar-nav > li > a { background:transparent !important; color:#2F2F2F; } .navbar-default .navbar-nav > li.active > a { color:#8DC73F !important; background:transparent !important; } #header6 .sc-trigger i, #header6 .ss-trigger i { color:#000; } /*#header6 .is-sticky header { background:#f8f8f8; } #header6 .header-wrap { position: absolute; top: 0px; width: 100%; left: 0px; right: 0px; z-index: 99999999; background: rgba(0,0,0,0); border-bottom: 1px #eee dashed; }*/ #header6 #top-bar a , #header6 #top-bar .top-bar-content p , #header6 #top-bar .social-icons li a { color: #fff; border:none; } .about-doctor h1 { margin-top:120px; } .book-doctor { background: #8DC73F; padding: 30px 40px; display: table; margin: 180px auto ; color: #fff; font-family: montserrat; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; } .book-doctor:hover { background: #000; color: #fff; } .domain-box { background:#8DC73F; padding:30px; text-align:center; } .domain-box.db-dark { background:#7eb534; padding:30px; text-align:center; } #domain-sform input { border: 1px solid transparent; height: 70px; padding: 0 30px; } #domain-sform input:focus { /* border: 1px solid #000; */ outline: none; border:none; } #domain-sform select { border: 1px solid transparent; height: 70px; width: 70px; padding: 0; } #domain-sform select:focus { outline: none; } ul.tld_list { margin:50px 0 0 ; } ul.tld_list .number { background:#8DC73F; width:60px; color:#fff; height:60px; font-size:21px; text-align:center; border-radius:50%; float:left; line-height:60px; } ul.tld_list .text { color: #fff; line-height: 60px; margin-left: 77px; font-size: 16px; text-transform: uppercase; } @media (min-width : 768px) and (max-width : 1199px) { ul.tld_list .text { line-height: 30px; } #domain-sform input { padding: 0px 20px; } #domain-sform .button { font-size: 9px; } } .navbar-toggle { border-radius: 0; } .navbar-default .navbar-toggle { border-color: #363636; } .navbar-default .navbar-toggle .icon-bar { background-color: #363636; } @media only screen and (min-width: 768px) and (max-width: 991px) { .nav-tabs li a { padding: 40px 5px; font-size: 12px; } .layout-modes { display: none; } .filter-btn { float: none; margin-top: -8px; margin-bottom: 40px; position: relative; top: 44px; } .fsidebar { width: 40%; } #fs-content { width: 58%; } #header-main .navbar-nav > li > a { padding: 35px 15px; } #fs-content.fs-content2 { width: 58%; float: left; } .shop-grid li { width: 50%; float: left; padding: 0px 15px 30px; } } @media (min-width : 768px) and (max-width : 991px) { .navbar-default { padding: 8px 0; } .navbar-brand { margin-top: 7px; } .cart-info { top: 30px; } .sticky-nav .cart-info { top: 28px; } .navbar-toggle { display: block; position: absolute; right: 0; } .header-x { padding: 8px 0px 0px 0; position: absolute; top: 0px; float: right !important; right: 70px; } } @media screen and (max-width: 767px) { .header-x { padding: 21px 0px 0px 0; position: absolute; top: 0px; float: right !important; right: 70px; } .container-full .folio-boxed-3col .project-item { width: 100% !important; } .section-team-block p { margin: 0px 0px 15px; font-size: 11px; line-height: 18px; } .stats2-info { margin-bottom: 50px!important; } .stats2-info p{ margin-bottom: 0; } .nav-tabs li { min-height: 130px; } .nav-tabs li a { font-size: 11px; } .nav-tabs li a span { display: block; } .shop-grid li { width: 100%; float: left; padding: 10px 0; } .filter-btn { float: none; margin-top: -8px; margin-bottom: 40px; position: relative; top: 44px; } .fc-main { padding: 80px 0px 0px 0px; } .cta-dark h2{ text-align: center; } .cta-dark p { margin: 0px 0px 20px; text-align: center; } .cta-default h2{ text-align: center; } .search-container h4 { margin: 0px 0px 50px; text-transform: uppercase; font-size: 24px; } .recent-search li a { border: 1px solid #000; padding: 2px 9px; color: #000; display: table; text-transform: uppercase; font-size: 9px; letter-spacing: 4px; } .recent-search li { padding: 0px 10px 12px; } .filter li { float: left; margin: 0px 10px 15px; } .fsidebar { width: 100%; float: none; padding-right: 0; margin-bottom: 40px; } #fs-content { width: 100%; float: right; } #fs-content.fs-content2 { width: 100%; float: left; } .style2 span { color: #000; font-size: 30px; position: relative; } .navbar-brand { margin-top:0px; } .navbar-toggle { margin-top: 10px; } #header-main .navbar-nav > li > a { padding: 12px 18px; } .dropdown-menu { position: relative; min-width: 100%; } .navbar-nav { float: left; margin: 0px 0px -1px; width: 100%; } .navbar-nav { float: left; margin: 0px 0px -1px; width: 100%; max-height: 100vh; overflow-y: scroll; overflow-x: hidden; } .slider-wrap { position:relative; } .style2 { padding: 0; } .navbar-collapse { overflow: hidden !important; padding: 0 !important; } .style2 p { font-size: 27px; font-weight: 100; line-height: 36px; } .quote-meta { padding-left: 0; } .post-meta span { font-size: 10px; } .page_nav a { width: 30px; line-height: 30px; margin: 0px 1px; } .pricing-table3 ul li { width: 100%; /* max-width:350px; */ margin: 0px 0 30px; } aside { margin-bottom:30px; } .pricing-table2 tbody tr td:nth-child(2), .pricing-table2 tbody tr td:nth-child(3), .pricing-table2 tbody tr td:nth-child(4) { font-size: 13px; } .pricing-table2 tbody tr td:first-child { font-size: 14px; } .pricing-table2 tbody tr td:first-child i { font-size: 20px; margin-right: 8px; position: relative; top: 1px; } .container-full .folio-boxed-2col .project-item { width: 100% !important; } #portfolio-home.folio-boxed-2col .project-item { width: 100%; overflow: hidden; } .f-tweet small { float: none; } .tweet-info { margin-left: 0; padding-top: 8px; margin-bottom: 32px; } #errorpage .page_header h3 { font-size: 16px; letter-spacing: 2px; } .error-404 h2 { font-size: 100px; } .f-subscribe small { float: none; } .f-subscribe form { margin-left: 0; margin-top: 15px; } .page_header h3 { font-size: 34px; } .style2 span { color: #000; font-size: 30px; position: absolute; display: block; height: 55px; } .style2 p { padding-top: 40px; } .footer-bottom { background: #222; height: auto; position: relative; top: 0px; margin-bottom: 0; overflow: hidden; padding: 23px 0px; text-align: center; } .f-social { float: none !important; margin: 0px auto; margin-bottom: 50px; } } @media (min-width: 768px){ .navbar-toggle { margin-top: 0; } } /*Offcanvas Menu*/ .offcanvas-menu {} .offcanvas-menu h1{ margin: 0; font-size: 19px; color: #fff; padding: 16px; background-color: #171717; text-transform: capitalize; font-family: Raleway; } .offcanvas-menu button:focus { outline: none; } .offcanvas-menu button.close { background-color: #fff; width: 52px; height: 52px; } #menu { } #menu li{ border-top: 1px solid #161616; line-height: 45px; } #menu>li:first-child{ border-top: 0; } #menu li a{ display: block; color: rgba(255,255,255,0.5); padding: 0 25px; } #menu li a:hover { color: #fff; background: #525256; } #menu li ul li{ margin-left: 20px; } /*comingsoon.html*/ #coming-soon .outer-wrap{ height:100px; } .domain-sform1{ width:40%; float:left; } .domain-sform2{ width:20%; float:left; } .domain-sform3{ width:40%; float:left; } /* navbar-toggle */ .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .navbar-toggle { border-color: transparent; } /* 404.html */ #errorpage #header-main .navbar-default { background-color:rgba(255,255,255,.7); border: none; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; transition: background-color 300ms; } #errorpage #header-main .navbar-default.sticky-nav { background-color: #f8f8f8; } .footer-top .tweets_txt a:hover{ color: #fff; } .white-bg { background-color: #F8F8F8!important; } /* ---------------------------------------------- /* * Preloader /* ---------------------------------------------- */ #preloader { background: #FFF; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } #status, .status-mes { background-image: url(../images/preloader.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%; } /* index-video fullcoveredvideo */ .fullcoveredvideo video, .fullscreenvideo video { background: #000; width: 100%; } .elements-form-html .btn{ margin-left: 20px; padding: 14px 12px; background-color: #000; color: #fff; border-radius: 0; } .elements-form-html .btn:hover{ background: #363636 ; } .elements-form-html .btn-default:focus { border-color: #000; } @media (max-width : 1024px) { .elements-form-html .btn { margin-left: 0px; padding: 14px 11px; } } .form-control { border-radius:0; } footer img.img-responsive.space20 { width: 150px; } h2.post-title-small { margin-top: 0; } h2.post-title-small { margin-top: 0; } h2.post-title { margin-top: 0; } /*missing css from trend/maxima */ #one-res .project-info h2 span { float: right; color: #006bb7; position: relative; } .onepage-body .b-settings-panel{display: none;} .tp-rightarrow.tparrows,.tp-leftarrow.tparrows{width: 100px !important} .tp-rightarrow.tparrows:after, .tp-leftarrow.tparrows:after{background: transparent !important; top: -8px !important;} .tp-rightarrow.tparrows:before, .tp-leftarrow.tparrows:before{content: ""} .tp-rightarrow.tparrows,.tp-leftarrow.tparrows{opacity:0; transform:scale(0)} .innerpages-warp{min-height:1920px; padding:50px 0; background:#f5f5f5 url(../images/landing-page/bg-inner-pages.jpg)no-repeat; background-size:cover; background-position:center 0;} .innerpages-warp .heading-block{padding:15px; margin:30px 0} .innerpages-warp .heading-block h2{font-size:30px;} .dual-btns .button { height: auto; } @media(max-width:768px){ #header-main .navbar-brand{margin-top: 20px;} } @media(max-width:767px){ #header-main .navbar-brand{margin-top:0px; padding:12px 0px;} .innerpages-warp{min-height:900px;} }