Files
pkrstarsbot/www/htdocs/css/custom.css
2021-02-17 19:15:28 +01:00

7934 lines
134 KiB
CSS

@import url("https://fonts.googleapis.com/css?family=Open Sans+Condensed:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
@import url("https://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: 60px;
position: relative;
top: 0px;
margin-bottom: 0px;
overflow: hidden;
padding: 18px 0;
background-color: #333;
}
.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: #2d89ef;
}
.features-right h3,
.features-right p {
margin-left: 85px;
}
.features-right h3 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 40px 0 5px 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: #2d89ef;
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;}
}
.downloadTable {
/*width: 800px;*/
border-collapse: separate;
border-spacing: 50px;
}
.downloadTable tr {
}
.downloadTable td {
padding-right: 50px;
display: table-cell;
vertical-align: top;
}