html.ltie9 body, body{ min-width: 1140px; } .container{ max-width: 1140px; } .gdlr-caption-wrapper .gdlr-caption-inner{ max-width: 1140px; }
.body-wrapper.gdlr-boxed-style{ max-width: 1220px; overflow: hidden; } .body-wrapper.gdlr-boxed-style .gdlr-header-wrapper{ max-width: 1220px; margin: 0px auto; }
.gdlr-logo{ max-width: 184px; }
.gdlr-logo{ margin-top: 40px; }
.gdlr-logo{ margin-bottom: 41px; }
.gdlr-navigation-wrapper{ margin-top: 51px; }
h1, h2, h3, h4, h5, h6, .gdlr-title-font{ font-family: "Open Sans"; }
body, input, textarea, select, .gdlr-content-font{ font-family: "Open Sans"; }
.gdlr-navigation{ font-family: "Open Sans"; }
.gdlr-slider-item{ font-family: "Open Sans"; }
.gdlr-testimonial-carousel-icon{ font-family: "ABeeZee"; }
body{ font-size: 13px;
display: block;
background: url(images/blog.jpg) no-repeat;
background-size: 100% 100%;}
h1{ font-size: 47px; }
h2{ font-size: 41px; }
h3{ font-size: 32px; }
h4{ font-size: 26px; }
h5{ font-size: 21px; }
h6{ font-size: 16px; }
.top-navigation-wrapper{ color: #9b9b9b; }
.top-navigation-wrapper i{ color: #adadad; }
.top-navigation-wrapper a{ color: #666666; }
.top-navigation-wrapper{ background-color: #ffffff; }
.top-navigation-wrapper{ border-color: #f0f0f0; }
.gdlr-main-menu > li > a{ color: #6c6c6c; }
.gdlr-main-menu > li:hover > a, .gdlr-main-menu > li.current-menu-item > a, .gdlr-main-menu > li.current-menu-ancestor > a{ color: #f38142; opacity: 1; filter: alpha(opacity=100); }div#gdlr-navigation-gimmick { background-color: #dab24e; }
.gdlr-header-transparent .top-navigation-wrapper{ color: #b1b1b1; }
.gdlr-header-transparent .top-navigation-wrapper a{ color: #b1b1b1; }
.gdlr-header-transparent .gdlr-main-menu > li > a{ color: #ffffff; }
.gdlr-header-transparent .gdlr-main-menu > li:hover > a, .gdlr-header-transparent .gdlr-main-menu > li.current-menu-item > a, .gdlr-header-transparent .gdlr-main-menu > li.current-menu-ancestor > a{ color: #ffffff; }.gdlr-header-transparent div#gdlr-navigation-gimmick { background-color: #ffffff; }
.gdlr-top-woocommerce-inner, .gdlr-menu-search{ background: #2b2b2b; background: rgba(43, 43, 43, 0.8); }
.gdlr-top-woocommerce, .gdlr-top-woocommerce-inner > a, .gdlr-menu-search input[type="text"]{ color: #ffffff; }
.gdlr-main-menu > .gdlr-normal-menu .sub-menu, .gdlr-main-menu > .gdlr-mega-menu .sf-mega{ border-top-color: #1c1c1c; }
.gdlr-main-menu > .gdlr-normal-menu li , .gdlr-main-menu > .gdlr-mega-menu .sf-mega{ background-color: #fff; }
.gdlr-main-menu > li > .sub-menu a, .gdlr-main-menu > li > .sf-mega a{ color: #bebebe; }
.gdlr-main-menu > li > .sub-menu a:hover, .gdlr-main-menu > li > .sub-menu .current-menu-item > a, .gdlr-main-menu > li > .sub-menu .current-menu-ancestor > a, .gdlr-main-menu > li > .sf-mega a:hover, .gdlr-main-menu > li > .sf-mega .current-menu-item > a, .gdlr-main-menu > li > .sf-mega .current-menu-ancestor > a{ color: #ffffff; } .gdlr-main-menu .gdlr-normal-menu li > a.sf-with-ul:after { border-left-color: #ffffff; }
.gdlr-main-menu .sf-mega-section-inner > ul > li > a:hover, .gdlr-main-menu .sf-mega-section-inner > ul > li.current-menu-item > a { background-color: #2a2a2a; }
.gdlr-main-menu > li > .sub-menu *, .gdlr-main-menu > li > .sf-mega * {
border-color: #373737;
}
.gdlr-main-menu > li > .sf-mega .sf-mega-section-inner > a { color: #ffffff; }
.gdlr-main-menu > li > .sf-mega .sf-mega-section-inner > a:hover, .gdlr-main-menu > li > .sf-mega .sf-mega-section-inner.current-menu-item > a, .gdlr-main-menu > li > .sf-mega .sf-mega-section-inner.current-menu-ancestor > a { color: #ffffff; }
#gdlr-responsive-navigation.dl-menuwrapper button { background-color: #303030; }
#gdlr-responsive-navigation.dl-menuwrapper button:hover, #gdlr-responsive-navigation.dl-menuwrapper button.dl-active, #gdlr-responsive-navigation.dl-menuwrapper ul{ background-color: #303030; }
.gdlr-page-title, .gdlr-page-title-gimmick{ color: #4b5c72; }
.gdlr-page-caption{ color: #ff7c2e; }
h1, h2, h3, h4, h5, h6, .gdlr-title, .gdlr-title a{ color: #454545; }
.gdlr-item-title-wrapper .gdlr-item-title{ color: #4b5c72; border-color: #4b5c72; }
.gdlr-item-title-wrapper .gdlr-item-caption{ color: #f38142; }
body{ color: #777777; }
a{ color: #5b5b5b; }
a:hover{ color: #ff7a30; }
body *{ border-color: #ebebeb; }
.page-not-found-block{ background-color: #d65938; }
.page-not-found-block{ color: #ffffff; }
.page-not-found-search .gdl-search-form input[type="text"]{ background-color: #963a20; }
.page-not-found-search .gdl-search-form input[type="text"]{ color: #d57f5c; }
.gdlr-sidebar .gdlr-widget-title{ color: #4b5c72; }
.gdlr-sidebar *{ border-color: #eeeeee; }
.gdlr-sidebar ul li:before { border-color: #bdbdbd; }
.gdl-search-form input{ background-color: #f7f7f7; }
.gdl-search-form input{ color: #9d9d9d; }
.gdl-search-form input{ border-color: #e5e5e5; }
.tagcloud a{ background-color: #4b5c72; }
.tagcloud a, .tagcloud a:hover{ color: #ffffff; }
.gdlr-about-us-item .about-us-title{ color: #4b5c72; }
.gdlr-about-us-item .about-us-caption{ color: #f38142; }
.gdlr-about-us-item .about-us-divider{ border-color: #f38142; }
.gdlr-about-us-item .about-us-content{ color: #4b5c72; }
.gdlr-accordion-item.style-1 .pre-active .accordion-title{ color: #3c3c3c; }
.gdlr-accordion-item.style-1 .accordion-title{ color: #8d8d8d; }
.gdlr-accordion-item.style-1 .accordion-title i{ background-color: #f3f3f3; }
.gdlr-accordion-item.style-1 .accordion-title i{ color: #a8a8a8; }
.gdlr-accordion-item.style-1 .accordion-title i.icon-minus{ background-color: #4b5c72; }
.gdlr-accordion-item.style-1 .accordion-title i.icon-minus{ color: #ffffff; }
.gdlr-banner-item-wrapper .flex-direction-nav .flex-prev, .gdlr-banner-item-wrapper .flex-direction-nav .flex-next{ color: #999999; }
.gdlr-box-with-icon-item{ background-color: #f5f5f5; }
.gdlr-box-with-icon-item > i, .gdlr-box-with-icon-item .box-with-icon-title{ color: #585858; }
.gdlr-box-with-icon-item{ color: #929292; }
.gdlr-button, .gdlr-button:hover, input[type="button"], input[type="submit"], .gdlr-top-menu > .gdlr-mega-menu .sf-mega a.gdlr-button{ color: #ffffff; }
.gdlr-button, input[type="button"], input[type="submit"]{ background-color: #4b5c72; }
.gdlr-button{ border-color: #e6e6e6; }
.column-service-title{ color: #f38142; }
.column-service-content{ color: #6c6c6c; }
.column-service-icon i{ color: #f38142; }
.gdlr-column-service-item.gdlr-type-2 .column-service-icon{ background-color: #3e3e3e; }
.list-with-icon .list-with-icon-title{ color: #333333; }
.gdlr-pie-chart-item .pie-chart-title{ color: #313131; }
.gdlr-price-inner-item{ background-color: #f9f9f9; }
.gdlr-price-item .price-title-wrapper{ background-color: #454545; }
.gdlr-price-item .price-title{ color: #ffffff; }
.gdlr-price-item .price-tag{ background-color: #595959; }
.gdlr-price-item .best-price .price-tag{ background-color: #f38142; }
.gdlr-price-item .price-tag{ color: #ffffff; }
.gdlr-process-tab .gdlr-process-icon{ background-color: #f3f3f3; }
.gdlr-process-tab .gdlr-process-icon{ border-color: #e3e3e3; }
.gdlr-process-tab .gdlr-process-icon i{ color: #aaaaaa; }
.gdlr-process-tab .process-line .process-line-divider{ border-color: #e3e3e3; } .gdlr-process-tab .process-line .icon-chevron-down, .gdlr-process-tab .process-line .icon-chevron-right{ color: #e3e3e3; }
.gdlr-process-wrapper .gdlr-process-tab .gdlr-process-title{ color: #454545; }
.gdlr-service-slideshow-content .service-slideshow-title{ color: #4b5c72; }
.gdlr-service-slideshow-content .service-slideshow-gimmick, .gdlr-service-slideshow-content:before{ border-color: #f87831; }
.gdlr-service-slideshow-item .service-slideshow-item-count{ color: #ff6e17; }
.gdlr-service-slideshow-item .service-slideshow-item-title{ color: #242424; }
.service-slideshow-overlay{ background-color: #fc620a; }
.gdlr-service-slideshow-item.gdlr-active .service-slideshow-item-count, .gdlr-service-slideshow-item.gdlr-active .service-slideshow-item-title{ color: #ffffff; }
.gdlr-skill-item-wrapper .gdlr-skill-item-title{ color: #889eba; }
.gdlr-skill-item-wrapper .gdlr-skill-item-dot{ border-color: #f5a338; }
.gdlr-skill-item-wrapper .gdlr-skill-item-caption{ color: #5f6a79; }
.stunning-text-title{ color: #414141; }
.stunning-text-caption{ color: #949494; }
.gdlr-stunning-text-item.with-padding{ background-color: #f3f3f3; }
.gdlr-stunning-text-item.with-border{ border-color: #f3f3f3; }
.tab-title-wrapper .tab-title{ color: #f87831; }
.tab-title-wrapper .tab-title span:before{ color: #a0a0a0; }
.tab-title-wrapper .tab-title{ background-color: #ffffff; }
.tab-title-wrapper .tab-title.active, .tab-title-wrapper .tab-title.active span:before{ color: #ffffff; }
.tab-title-wrapper .tab-title.active{ background-color: #f87831; }
.gdlr-tab-slideshow-item .gdlr-tab-item.vertical > .tab-content-wrapper{ background-color: #ffffff; background-color: rgba(255, 255, 255, 0.9); }
.gdlr-tab-slideshow-item .gdlr-tab-item.vertical > .tab-content-wrapper{ color: #646464; }
table tr th{ background-color: #4b5c72; }
table tr th{ color: #ffffff; }
table.style-2 tr:nth-child(odd){ background-color: #f9f9f9; }
table.style-2 tr:nth-child(odd){ color: #949494; }
table.style-2 tr:nth-child(even){ background-color: #f3f3f3; }
table.style-2 tr:nth-child(even){ color: #949494; }
.gdlr-blog-title, .gdlr-blog-title a{ color: #4b5c72; }
.gdlr-blog-title a:hover{ color: #4b5c72; }
.gdlr-blog-info, .blog-info a, .blog-info i{ color: #a0a0a0; }
.gdlr-blog-thumbnail .gdlr-sticky-banner{ background-color: #232323; }
.gdlr-blog-thumbnail .gdlr-sticky-banner, .gdlr-blog-thumbnail .gdlr-sticky-banner i{ color: #ffffff; }
.gdlr-social-share, .gdlr-social-share a{ background-color: #f3f3f3; }
.gdlr-social-share .social-share-title{ color: #353535; }
.gdlr-standard-style .gdlr-single-blog-tag a{ background-color: #f38142; }
.gdlr-standard-style .gdlr-single-blog-tag a{ color: #ffffff; }
.format-aside .gdlr-blog-content{ background-color: #4b5c72; }
.format-aside .gdlr-blog-content{ color: #ffffff; }
.format-quote .gdlr-top-quote blockquote{ color: #8d8d8d; }
.format-quote .gdlr-quote-author{ color: #4b5c72; }
.gdlr-single-nav > div i{ background-color: #f3f3f3; }
.gdlr-single-nav > div i{ color: #8d8d8d; }
.portfolio-item-filter a{ color: #7287a2; }
.portfolio-item-filter a:hover, .portfolio-item-filter a.active{ color: #ff7c2e; }
.gdlr-image-link-shortcode .gdlr-image-link-overlay, .portfolio-thumbnail .portfolio-overlay{ background-color: #f38142; }
.gdlr-image-link-shortcode .gdlr-image-link-icon, .portfolio-thumbnail .portfolio-icon i,.portfolio-thumbnail .portfolio-title a, .portfolio-thumbnail .portfolio-title a:hover{ color: #ffffff; }
.portfolio-title a{ color: #4b5c72; }
.portfolio-title a:hover{ color: #4b5c72; }
.portfolio-info, .portfolio-info a{ color: #f38142; }
.gdlr-pagination .page-numbers{ background-color: #ebebeb; }
.gdlr-pagination .page-numbers{ color: #979797; }
.gdlr-pagination .page-numbers:hover, .gdlr-pagination .page-numbers.current{ background-color: #4b5c72; }
.gdlr-pagination .page-numbers:hover, .gdlr-pagination .page-numbers.current{ color: #ffffff; }
.gdlr-personnel-item .personnel-item-inner{ background-color: #f5f5f5; }
.gdlr-personnel-item.round-style .personnel-item{ background-color: #f38142; }
.gdlr-personnel-item .personnel-author{ color: #4b5c72; }
.gdlr-personnel-item .personnel-author-image{ border-color: #f38142; }
.gdlr-personnel-item .personnel-position{ color: #acacac; }
.gdlr-personnel-item .personnel-content{ color: #959595; }
.gdlr-personnel-item .personnel-social i{ color: #f38142; }
.gdlr-testimonial-carousel-icon{ color: #f5a338; }
.gdlr-testimonial-item .testimonial-item-inner, .gdlr-testimonial-item .testimonial-author-image{ background-color: #f5f5f5; }
.gdlr-testimonial-item .testimonial-content{ color: #777777; }
.gdlr-testimonial-item .testimonial-author{ color: #f5a338; }
.gdlr-testimonial-item .testimonial-position{ color: #979797; }
.gdlr-testimonial-item .testimonial-author-image{ border-color: #f38142; }
.gdlr-testimonial-item.box-style .testimonial-item-inner:after{ border-top-color: #dddddd; border-left-color: #dddddd; }
.gdlr-gallery-thumbnail .gallery-item{ background-color: #e5e5e5; }
.gdlr-gallery-thumbnail-container .gallery-caption{ background-color: #000000; }
.gdlr-gallery-thumbnail-container .gallery-caption{ color: #ffffff; }
.nivo-controlNav a, .flex-control-paging li a{ background-color: #ffffff; }
.nivo-controlNav a:hover, .nivo-controlNav a.active, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-color: #5e5e5e; }
.nivo-controlNav a, .flex-control-paging li a{ border-color: #5e5e5e !important; }
.nivo-directionNav a, .flex-direction-nav a, .ls-flawless .ls-nav-prev, .ls-flawless .ls-nav-next{ background-color: #ffffff; }
body .nivo-directionNav a, body .flex-direction-nav a, body .flex-direction-nav a:hover, .ls-flawless .ls-nav-prev, .ls-flawless .ls-nav-next{ color: #5b5b5b; }
.gdlr-caption{ background-color: #000000; }
.gdlr-caption-title{ color: #ffffff; }
.gdlr-caption-text{ color: #ffffff; }
.gdlr-caption-wrapper.post-slider{ background-color: #000000; }
.gdlr-caption-wrapper.post-slider .gdlr-caption-title{ color: #ffffff; }
.gdlr-caption-wrapper.post-slider .gdlr-caption-text{ color: #dddddd; }
.gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-caption-date, .gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-title-link{ color: #ffffff; }
.gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-caption-date, .gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-title-link{ background-color: #f38142; }
.gdlr-item-title-wrapper .gdlr-flex-prev, .gdlr-item-title-wrapper .gdlr-flex-next{ color: #6d6d6d; }
input[type="text"], input[type="email"], input[type="password"], textarea{ background-color: #ffffff; }
input[type="text"], input[type="email"], input[type="password"], textarea{ color: #969696; }input::input-placeholder{ color:#969696; } input::-webkit-input-placeholder{ color:#969696; }input::-moz-placeholder{ color:#969696; } input:-moz-placeholder{ color:#969696; }input:-ms-input-placeholder{ color:#969696; }textarea::input-placeholder{ color:#969696; } textarea::-webkit-input-placeholder{ color:#969696; }textarea::-moz-placeholder{ color:#969696; } textarea:-moz-placeholder{ color:#969696; }textarea:-ms-input-placeholder{ color:#969696; }
.footer-wrapper{ background-color: #262626; }
.footer-wrapper .gdlr-widget-title, .footer-wrapper .gdlr-widget-title a{ color: #dddddd; }
.footer-wrapper{ color: #969696; }
.footer-wrapper a{ color: #7f7f7f; }
.footer-wrapper a:hover{ color: #cecece; }
.footer-wrapper *{ border-color: #363636; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ background-color: #141414; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ color: #828282; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ border-color: #313131; }
.footer-wrapper .gdlr-button, .footer-wrapper .gdlr-button:hover, .footer-wrapper input[type="button"], .footer-wrapper input[type="submit"]{ color: #ffffff; }
.footer-wrapper .gdlr-button, .footer-wrapper input[type="button"], .footer-wrapper input[type="submit"]{ background-color: #f38142; }
.footer-wrapper .tagcloud a{ background-color: #f38142; }
.footer-wrapper .tagcloud a, .footer-wrapper .tagcloud a:hover{ color: #ffffff; }
.copyright-wrapper{ background-color: #191919; }
.copyright-wrapper{ color: #828282; }
.footer-wrapper .copyright-wrapper{ border-color: #191919; }
html .woocommerce span.onsale, html .woocommerce-page span.onsale, html .woocommerce-message,html .woocommerce div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background: #4b5c72; }html .woocommerce .star-rating, html .woocommerce-page .star-rating, html .woocommerce .star-rating:before, html .woocommerce-page .star-rating:before, html .woocommerce div.product span.price, html .woocommerce div.product p.price, html .woocommerce #content div.product span.price, html .woocommerce #content div.product p.price, html .woocommerce-page div.product span.price, html .woocommerce-page div.product p.price, html .woocommerce-page #content div.product span.price, html .woocommerce-page #content div.product p.price {color: #4b5c72; }
html .woocommerce-message a.button, html .woocommerce-error a.button, html .woocommerce-info a.button, html .woocommerce-message, html .woocommerce-error, html .woocommerce-info, html .woocommerce span.onsale, html .woocommerce-page span.onsale, html .woocommerce div.product .woocommerce-tabs ul.tabs li.active,html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce nav.woocommerce-pagination ul li span.current, html .woocommerce-page nav.woocommerce-pagination ul li span.current, html .woocommercenav.woocommerce-pagination ul li a:hover, html .woocommerce-page nav.woocommerce-pagination ul li a:hover{ color: #ffffff; }
html .woocommerce-info{ background: #389EC5; }
html .woocommerce-error{ background: #C23030; }
html .woocommerce a.button.alt:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button.alt:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt, html .woocommerce #respond input#submit.alt, html .woocommerce #content input.button.alt, html .woocommerce-page a.button.alt, html .woocommerce-page button.button.alt, html .woocommerce-page input.button.alt, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page #content input.button.alt, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, html .woocommerce #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page a.button, html .woocommerce-page button.button, html .woocommerce-page input.button, html .woocommerce-page #respond input#submit, html .woocommerce-page #content input.button, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button:hover, html .woocommerce-page input.button:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #content input.button:hover, html .woocommerce ul.products li.product a.loading, html .woocommerce div.product form.cart .button, html .woocommerce #content div.product form.cart .button, html .woocommerce-page div.product form.cart .button, html .woocommerce-page #content div.product form.cart .button{ background: #4b5c72; }
html .woocommerce a.button.alt:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button.alt:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt, html .woocommerce #respond input#submit.alt, html .woocommerce #content input.button.alt, html .woocommerce-page a.button.alt, html .woocommerce-page button.button.alt, html .woocommerce-page input.button.alt, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page #content input.button.alt, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, html .woocommerce #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page a.button, html .woocommerce-page button.button, html .woocommerce-page input.button, html .woocommerce-page #respond input#submit, html .woocommerce-page #content input.button, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button:hover, html .woocommerce-page input.button:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #content input.button:hover, html .woocommerce ul.products li.product a.loading, html .woocommerce div.product form.cart .button, html .woocommerce #content div.product form.cart .button, html .woocommerce-page div.product form.cart .button, html .woocommerce-page #content div.product form.cart .button{ color: #ffffff; }
html .woocommerce a.button.alt:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button.alt:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt, html .woocommerce #respond input#submit.alt, html .woocommerce #content input.button.alt, html .woocommerce-page a.button.alt, html .woocommerce-page button.button.alt, html .woocommerce-page input.button.alt, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page #content input.button.alt, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, html .woocommerce #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page a.button, html .woocommerce-page button.button, html .woocommerce-page input.button, html .woocommerce-page #respond input#submit, html .woocommerce-page #content input.button, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button:hover, html .woocommerce-page input.button:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #content input.button:hover, html .woocommerce ul.products li.product a.loading, html .woocommerce div.product form.cart .button, html .woocommerce #content div.product form.cart .button, html .woocommerce-page div.product form.cart .button, html .woocommerce-page #content div.product form.cart .button{ border-bottom: 3px solid #354d63; }
html .woocommerce #reviews #comments ol.commentlist li img.avatar, html .woocommerce-page #reviews #comments ol.commentlist li img.avatar { background: #ebebeb; }html .woocommerce #reviews #comments ol.commentlist li img.avatar, html .woocommerce-page #reviews #comments ol.commentlist li img.avatar,html .woocommerce #reviews #comments ol.commentlist li .comment-text, html .woocommerce-page #reviews #comments ol.commentlist li .comment-text,html .woocommerce ul.products li.product a img, html .woocommerce-page ul.products li.product a img, html .woocommerce ul.products li.product a img:hover ,html .woocommerce-page ul.products li.product a img:hover, html .woocommerce-page div.product div.images img, html .woocommerce-page #content div.product div.images img,html .woocommerce form.login, html .woocommerce form.checkout_coupon, html .woocommerce form.register, html .woocommerce-page form.login,html .woocommerce-page form.checkout_coupon, html .woocommerce-page form.register, html .woocommerce table.cart td.actions .coupon .input-text,html .woocommerce #content table.cart td.actions .coupon .input-text, html .woocommerce-page table.cart td.actions .coupon .input-text,html .woocommerce-page #content table.cart td.actions .coupon .input-text { border: 1px solid #ebebeb; }html .woocommerce div.product .woocommerce-tabs ul.tabs:before, html .woocommerce #content div.product .woocommerce-tabs ul.tabs:before,html .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th, html .woocommerce-page table.shop_table tfoot td,html .woocommerce-page table.shop_table tfoot th, html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th,html .woocommerce-page table.shop_table tfoot td, html .woocommerce-page table.shop_table tfoot th { border-bottom: 1px solid #ebebeb; }html .woocommerce .cart-collaterals .cart_totals table tr:first-child th, html .woocommerce .cart-collaterals .cart_totals table tr:first-child td,html .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, html .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 3px #ebebeb solid; }html .woocommerce .cart-collaterals .cart_totals tr td, html .woocommerce .cart-collaterals .cart_totals tr th,html .woocommerce-page .cart-collaterals .cart_totals tr td, html .woocommerce-page .cart-collaterals .cart_totals tr th { border-bottom: 2px solid #ebebeb; }
html .woocommerce div.product .woocommerce-tabs ul.tabs li, html .woocommerce #content div.product .woocommerce-tabs ul.tabs li, html .woocommerce-page div.product .woocommerce-tabs ul.tabs li, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li ,html .woocommerce table.cart a.remove, html .woocommerce #content table.cart a.remove, html .woocommerce-page table.cart a.remove, html .woocommerce-page #content table.cart a.remove, html .woocommerce #payment, html .woocommerce-page #payment, html .woocommerce .customer_details,html .woocommerce ul.order_details, html .woocommerce nav.woocommerce-pagination ul li a, html .woocommerce-page nav.woocommerce-pagination ul li a,html .woocommerce form .form-row input.input-text, html .woocommerce form .form-row textarea, html .woocommerce-page form .form-row input.input-text, html .woocommerce-page form .form-row textarea, html .woocommerce .quantity input.qty, html .woocommerce #content .quantity input.qty, html .woocommerce-page .quantity input.qty, html .woocommerce-page #content .quantity input.qty,html .woocommerce .widget_shopping_cart .total, html .woocommerce-page .widget_shopping_cart .total { background: #f3f3f3; }html .woocommerce .quantity input.qty, html .woocommerce #content .quantity input.qty, html .woocommerce-page .quantity input.qty, html .woocommerce-page #content .quantity input.qty { border: 1px solid #f3f3f3; }
html .woocommerce .widget_shopping_cart .total, html .woocommerce-page .widget_shopping_cart .total { border-top: 2px solid #e5e5e5; }html .woocommerce table.cart a.remove:hover, html .woocommerce #content table.cart a.remove:hover, html .woocommerce-page table.cart a.remove:hover,html .woocommerce-page #content table.cart a.remove:hover, html #payment div.payment_box, html .woocommerce-page #payment div.payment_box { background: #e5e5e5; }
html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th, html .woocommerce-page table.shop_table tfoot td,html .woocommerce-page table.shop_table tfoot th, .cart-subtotal th, .shipping th , .total th, html .woocommerce table.shop_attributes .alt th,html .woocommerce-page table.shop_attributes .alt th, html .woocommerce ul.products li.product .price, html.woocommerce-page ul.products li.product .price { color: #333333; }
html .woocommerce ul.products li.product .price del, html .woocommerce-page ul.products li.product .price del,html .woocommerce table.cart a.remove, html .woocommerce #content table.cart a.remove, html .woocommerce-page table.cart a.remove,html .woocommerce-page #content table.cart a.remove { color: #888888; }
html .woocommerce .quantity .plus, html .woocommerce .quantity .minus, html .woocommerce #content .quantity .plus, html .woocommerce #content .quantity .minus,
html .woocommerce-page .quantity .plus, html .woocommerce-page .quantity .minus, html .woocommerce-page #content .quantity .plus,
html .woocommerce-page #content .quantity .minus { border: 1px solid #a0a0a0; }
html .woocommerce .quantity .plus, html .woocommerce .quantity .minus, html .woocommerce #content .quantity .plus, html .woocommerce #content .quantity .minus,
html .woocommerce-page .quantity .plus, html .woocommerce-page .quantity .minus, html .woocommerce-page #content .quantity .plus,
html .woocommerce-page #content .quantity .minus { color: #ffffff; }
html .woocommerce .quantity .plus, html .woocommerce #content .quantity .plus, html .woocommerce-page .quantity .plus,html .woocommerce-page #content .quantity .plus, html .woocommerce .quantity .plus:hover, html .woocommerce #content .quantity .plus:hover,html .woocommerce-page .quantity .plus:hover, html .woocommerce-page #content .quantity .plus:hover{ background: #9a9a9a; }
html .woocommerce .quantity .minus, html .woocommerce #content .quantity .minus, html .woocommerce-page .quantity .minus,html .woocommerce-page #content .quantity .minus, html .woocommerce .quantity .minus:hover, html .woocommerce #content .quantity .minus:hover,html .woocommerce-page .quantity .minus:hover, html .woocommerce-page #content .quantity .minus:hover{ background: #b6b6b6; }
.gdlr-skin-dark-skin, .gdlr-skin-dark-skin .gdlr-skin-content{ color: #ffffff; }
.gdlr-skin-dark-skin i, .gdlr-skin-dark-skin .gdlr-flex-prev, .gdlr-skin-dark-skin .gdlr-flex-next{ color: #ffffff; }
.gdlr-skin-dark-skin h1, .gdlr-skin-dark-skin h2, .gdlr-skin-dark-skin h3, .gdlr-skin-dark-skin h4, .gdlr-skin-dark-skin h5, .gdlr-skin-dark-skin h6, .gdlr-skin-dark-skin .gdlr-skin-title, .gdlr-skin-dark-skin .gdlr-skin-title a{ color: #ffffff; }
.gdlr-skin-dark-skin .gdlr-skin-title a:hover{ color: #ffffff; }
.gdlr-skin-dark-skin .gdlr-skin-info, .gdlr-skin-dark-skin .gdlr-skin-info a, .gdlr-skin-dark-skin .gdlr-skin-info a:hover{ color: #ffffff; }
.gdlr-skin-dark-skin a, .gdlr-skin-dark-skin .gdlr-skin-link, .gdlr-skin-dark-skin .gdlr-skin-link-color{ color: #e36d39; }
.gdlr-skin-dark-skin a:hover, .gdlr-skin-dark-skin .gdlr-skin-link:hover, .gdlr-skin-dark-skin .gdlr-skin-title a:hover{ color: #ffffff; }
.gdlr-skin-dark-skin .gdlr-skin-box, .gdlr-skin-dark-skin .flex-direction-nav a, .gdlr-skin-dark-skin .gdlr-column-service-item .gdlr-skin-box{ background-color: #ffffff; }
.gdlr-skin-dark-skin *, .gdlr-skin-dark-skin .gdlr-skin-border{ border-color: #ffffff; }
.gdlr-skin-dark-skin .gdlr-button, .gdlr-skin-dark-skin .gdlr-button:hover, .gdlr-skin-dark-skin input[type="button"], .gdlr-skin-dark-skin input[type="submit"]{ color: #545454; background-color: #ffffff; }
.gdlr-skin-light-grey, .gdlr-skin-light-grey .gdlr-skin-content{ color: #999999; }
.gdlr-skin-light-grey i, .gdlr-skin-light-grey .gdlr-flex-prev, .gdlr-skin-light-grey .gdlr-flex-next{ color: #c4c4c4; }
.gdlr-skin-light-grey h1, .gdlr-skin-light-grey h2, .gdlr-skin-light-grey h3, .gdlr-skin-light-grey h4, .gdlr-skin-light-grey h5, .gdlr-skin-light-grey h6, .gdlr-skin-light-grey .gdlr-skin-title, .gdlr-skin-light-grey .gdlr-skin-title a{ color: #353535; }
.gdlr-skin-light-grey .gdlr-skin-title a:hover{ color: #5e5e5e; }
.gdlr-skin-light-grey .gdlr-skin-info, .gdlr-skin-light-grey .gdlr-skin-info a, .gdlr-skin-light-grey .gdlr-skin-info a:hover{ color: #828282; }
.gdlr-skin-light-grey a, .gdlr-skin-light-grey .gdlr-skin-link, .gdlr-skin-light-grey .gdlr-skin-link-color{ color: #282828; }
.gdlr-skin-light-grey a:hover, .gdlr-skin-light-grey .gdlr-skin-link:hover, .gdlr-skin-light-grey .gdlr-skin-title a:hover{ color: #848484; }
.gdlr-skin-light-grey .gdlr-skin-box, .gdlr-skin-light-grey .flex-direction-nav a, .gdlr-skin-light-grey .gdlr-column-service-item .gdlr-skin-box{ background-color: #a5a5a5; }
.gdlr-skin-light-grey *, .gdlr-skin-light-grey .gdlr-skin-border{ border-color: #eaeaea; }
.gdlr-skin-light-grey .gdlr-button, .gdlr-skin-light-grey .gdlr-button:hover, .gdlr-skin-light-grey input[type="button"], .gdlr-skin-light-grey input[type="submit"]{ color: #a3a3a3; background-color: #f2f2f2; }
.gdlr-skin-portfolio-dark, .gdlr-skin-portfolio-dark .gdlr-skin-content{ color: #ababab; }
.gdlr-skin-portfolio-dark i, .gdlr-skin-portfolio-dark .gdlr-flex-prev, .gdlr-skin-portfolio-dark .gdlr-flex-next{ color: #ffffff; }
.gdlr-skin-portfolio-dark h1, .gdlr-skin-portfolio-dark h2, .gdlr-skin-portfolio-dark h3, .gdlr-skin-portfolio-dark h4, .gdlr-skin-portfolio-dark h5, .gdlr-skin-portfolio-dark h6, .gdlr-skin-portfolio-dark .gdlr-skin-title, .gdlr-skin-portfolio-dark .gdlr-skin-title a{ color: #ffffff; }
.gdlr-skin-portfolio-dark .gdlr-skin-title a:hover{ color: #ffffff; }
.gdlr-skin-portfolio-dark .gdlr-skin-info, .gdlr-skin-portfolio-dark .gdlr-skin-info a, .gdlr-skin-portfolio-dark .gdlr-skin-info a:hover{ color: #e5e5e5; }
.gdlr-skin-portfolio-dark a, .gdlr-skin-portfolio-dark .gdlr-skin-link, .gdlr-skin-portfolio-dark .gdlr-skin-link-color{ color: #ffffff; }
.gdlr-skin-portfolio-dark a:hover, .gdlr-skin-portfolio-dark .gdlr-skin-link:hover, .gdlr-skin-portfolio-dark .gdlr-skin-title a:hover{ color: #ff7c2e; }
.gdlr-skin-portfolio-dark .gdlr-skin-box, .gdlr-skin-portfolio-dark .flex-direction-nav a, .gdlr-skin-portfolio-dark .gdlr-column-service-item .gdlr-skin-box{ background-color: #2d2d2d; }
.gdlr-skin-portfolio-dark *, .gdlr-skin-portfolio-dark .gdlr-skin-border{ border-color: #ffffff; }
.gdlr-skin-portfolio-dark .gdlr-button, .gdlr-skin-portfolio-dark .gdlr-button:hover, .gdlr-skin-portfolio-dark input[type="button"], .gdlr-skin-portfolio-dark input[type="submit"]{ color: #ffffff; background-color: #ffffff; }
.gdlr-skin-portfolio-dark-2, .gdlr-skin-portfolio-dark-2 .gdlr-skin-content{ color: #ffffff; }
.gdlr-skin-portfolio-dark-2 i, .gdlr-skin-portfolio-dark-2 .gdlr-flex-prev, .gdlr-skin-portfolio-dark-2 .gdlr-flex-next{ color: #494949; }
.gdlr-skin-portfolio-dark-2 h1, .gdlr-skin-portfolio-dark-2 h2, .gdlr-skin-portfolio-dark-2 h3, .gdlr-skin-portfolio-dark-2 h4, .gdlr-skin-portfolio-dark-2 h5, .gdlr-skin-portfolio-dark-2 h6, .gdlr-skin-portfolio-dark-2 .gdlr-skin-title, .gdlr-skin-portfolio-dark-2 .gdlr-skin-title a{ color: #ffffff; }
.gdlr-skin-portfolio-dark-2 .gdlr-skin-title a:hover{ color: #ffffff; }
.gdlr-skin-portfolio-dark-2 .gdlr-skin-info, .gdlr-skin-portfolio-dark-2 .gdlr-skin-info a, .gdlr-skin-portfolio-dark-2 .gdlr-skin-info a:hover{ color: #ffffff; }
.gdlr-skin-portfolio-dark-2 a, .gdlr-skin-portfolio-dark-2 .gdlr-skin-link, .gdlr-skin-portfolio-dark-2 .gdlr-skin-link-color{ color: #ff7c2e; }
.gdlr-skin-portfolio-dark-2 a:hover, .gdlr-skin-portfolio-dark-2 .gdlr-skin-link:hover, .gdlr-skin-portfolio-dark-2 .gdlr-skin-title a:hover{ color: #ff8d4c; }
.gdlr-skin-portfolio-dark-2 .gdlr-skin-box, .gdlr-skin-portfolio-dark-2 .flex-direction-nav a, .gdlr-skin-portfolio-dark-2 .gdlr-column-service-item .gdlr-skin-box{ background-color: #ffffff; }
.gdlr-skin-portfolio-dark-2 *, .gdlr-skin-portfolio-dark-2 .gdlr-skin-border{ border-color: #ffffff; }
.gdlr-skin-portfolio-dark-2 .gdlr-button, .gdlr-skin-portfolio-dark-2 .gdlr-button:hover, .gdlr-skin-portfolio-dark-2 input[type="button"], .gdlr-skin-portfolio-dark-2 input[type="submit"]{ color: #ffffff; background-color: #ffffff; }
.service-slideshow-overlay{ background: -webkit-linear-gradient(rgba(255, 132, 33, 0.77), rgba(252, 98, 10, 0.77));background: -o-linear-gradient(rgba(255, 132, 33, 0.77), rgba(252, 98, 10, 0.77)); background: -moz-linear-gradient(rgba(255, 132, 33, 0.77), rgba(252, 98, 10, 0.77)); background: linear-gradient(rgba(255, 132, 33, 0.77), rgba(252, 98, 10, 0.77)); }.gdlr-image-link-shortcode .gdlr-image-link-overlay, .portfolio-thumbnail .portfolio-overlay{ background: -webkit-linear-gradient(rgba(255, 152, 69, 0.77), rgba(243, 129, 66, 0.77));background: -o-linear-gradient(rgba(255, 152, 69, 0.77), rgba(243, 129, 66, 0.77)); background: -moz-linear-gradient(rgba(255, 152, 69, 0.77), rgba(243, 129, 66, 0.77)); background: linear-gradient(rgba(255, 152, 69, 0.77), rgba(243, 129, 66, 0.77)); }#jobs-title .gdlr-column-service-item .column-service-title {
margin-bottom: 3px;
}
.gdlr-header-transparent .gdlr-navigation-wrapper {
margin-top: 35px;
}
.gdlr-header-transparent .gdlr-logo {
margin-top: 25px;
}
.gdlr-header-transparent .top-navigation-wrapper .top-social-wrapper i{
color: #fff ;
}
.gdlr-page-title-wrapper {
display: none;
}.Academy {
width: 100%;
float: left;
display: block;
}
body {
margin: 0;
}
/************************ Fonts Included ********************/
@font-face {
font-family: 'Lato-Bold';
src: url('../fonts/Lato-Bold.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Bold';
src: url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Hairline';
src: url('../fonts/Lato-Hairline.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Hairline';
src: url('../fonts/Lato-Hairline.woff') format('woff'), url('../fonts/Lato-Hairline.ttf') format('truetype'), url('../fonts/Lato-Hairline.svg#Lato-Hairline') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Light';
src: url('../fonts/Lato-Light.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Light';
src: url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
font-weight: normal;
font-style: normal;
}
/*********************** Font family Ended *******************/
/*********************** common Styles ***********************/
p,a{font-family: 'Lato-Light';}
p{font-size:16px;}
.navbar ul li a{font-family: 'Lato-Light';text-transform:uppercase;font-size: 15px;}
.Academy .header {
padding: 20px 0px 20px 0px;
position: absolute;
z-index: 999;
max-width: 100%;
width: 100%;
margin: auto;
}
.carousel-caption {
border-left: 1px solid #1c1c1c;
padding-left: 40px;
}
.carousel-indicators .active {
width: 60px !important;
height: 1px !important;
margin: 0;
background-color: #fff;
border: 1px solid #fff !important;
}
.carousel-control.right, .carousel-control.left{display:none;}
.carousel-indicators li {
width: 30px !important;
height: 0px !important;
margin: 1px !important;
border: 1px solid #3d3d3d !important;
}
.carousel-indicators{ margin-left: -10% !important; width: min-content !important;left: 90% !important;text-align: right !important;display:none;}
a.getstart {
border: 1px solid;
padding: 10px 25px;
float: left;font-family: 'Lato-Light';
text-transform: uppercase;
color: #ffffff;
text-decoration:none;
background: url(images/banner_arrow.png) no-repeat right; background-position: 118px;
}
.about_left a.learnmore,a.readmore,.popup a{background: url(images/arrow.png) no-repeat right; background-position: 110px;}
.popup a{background-position:100px;}
a.coursec{ position: relative;
top: 260px;
bottom: 0px;
float: right;
background: url(images/ab_arrow.png) no-repeat;
background-size: 100%;
font-size: 0px;
padding: 10px 25px 0px 25px;}
.look h2:after {
position: relative;
content: "";
display: block;
width: 185px;
border-bottom: 1px solid #1c1c1c;
bottom: 0px;
margin: auto 0;
top: 10px;
}
.look h2:before {
position: relative;
content: "";
display: block;
width: 185px;
border-bottom: 1px solid #1c1c1c;
bottom: 0px;
margin: auto 0;
top: -5px;
}
.carousel-caption {
left: 50% !important;
top: 220px;
right:15% !important;
bottom:0px !important;
height: 315px;
}
.carousel-caption h3 {
text-align: left;
font-size: 55px;
font-weight: normal;
font-family: 'Lato-Hairline';
text-transform: uppercase;
margin: 0px;
}
.carousel-caption h2 {
font-size: 40px;
margin: -5px 0 0 0px;
font-family: 'Lato-Hairline';
font-weight: bold;
text-transform: uppercase;
line-height: 55px;
}
.carousel-caption p {
text-align: left;
font-size: 16px;
}
.slider {
width: 100%;
float: left;
display: block;
}
.about {
width: 100%;
display: block;
float: left;
background: url(images/about_bg.jpg) no-repeat;
background-size: 100% 100%;
padding: 50px 0 240px 0;
}
.about_left.col-md-4.col-sm-12.col-xs-12 {
padding-left: 0px;
}
.about h1,.courses h1{
font-size: 60px;
text-transform: uppercase;
font-weight: lighter;
color:#ffffff;
font-family: 'Lato-Hairline';
}
.about_left h3 {
font-size: 40px;
color: #ffffff;
text-transform: uppercase;
margin: 0px;
padding: 10px 0 10px 0; font-family: 'Lato-Bold';
}
.about_left p,.skin p{
font-size: 14px;
color: #ffffff;font-family: 'Lato-Light';
}
.about_left a.learnmore {
border: 1px solid;
padding: 10px 18px;
text-transform: uppercase;
color: #ffffff;
margin: 15px 0 0 0;
position: relative;
display: inline-block;font-family: 'Lato-Light';
}
h2.classic {
font-size: 40px;
color: #ffffff;
text-transform: uppercase;
margin: 0px;font-family: 'Lato-Bold';
}
.skin p {
padding-bottom: 25px;
}
.skin {
padding-top: 50px;
}
.makeup img {
padding-bottom: 20px;
}
.makeup p{color: #ffffff;}
.makeup.col-md-4.col-sm-12.col-xs-12 {
position: relative;
top: 260px;
}
/********************* Menu Layout ***************/
/* page style */
a,
a:focus,
a:active,
a:hover,
object,
embed {
outline: none;
text-decoration: none;
}
:-moz-any-link:focus {
outline: none;
}
input::-moz-focus-inner {
border: 0;
}
:focus { outline: 0; }
.brand { padding: 10px 40px !important; }
.navbar { border-bottom: 4px solid #888; }
/* MEGA MENU STYLE
********************************/
.navbar{margin-bottom:0px !important;}
.mega-menu {
padding: 10px 0px ! important;
width: 540px;
border-radius: 0;
margin-top: 0px;
}
.mega-menu li {
display: inline-block;
float: left;
font-size: 0.94rem;
padding: 3px 0px;
}
.mega-menu li.mega-menu-column {
width: 170px;
}
.navbar {
text-align: right;
padding: 10px 0px;
}
.navbar ul li a {
color: #ffffff;
}
li.dropdown ul li a {
color: #000000;
font-size: 22px;
text-transform: uppercase;
}s
.mega-menu .nav-header {
padding: 0 !important;
margin-bottom: 10px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
}
.mega-menu img { padding-bottom: 10px; }
/* Disable Toggle style
********************************/
/* Dropdown Toggle on style */
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background: inherit; /* Set to inherit when using mouse hover to open dropdown */
color: inherit;
}
/* Toggle off style */
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > li.dropdown > a:focus {
background: inherit;
color: inherit;
}
/* Toggle hover */
.navbar .nav li.dropdown > .dropdown-toggle:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle:hover { background-color: #DDDDDD; }
/* Toggle caret*/
.navbar .nav li.dropdown > .dropdown-toggle .caret { border-bottom-color:;
border-top-color:;
}
/* Toggle caret hover */
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
border-bottom-color: #333;
border-top-color: #333;
}
/* Toggle caret active */
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-bottom-color: #333;
border-top-color: #333;
}
/* Hover style
********************************/
.navbar-inner .collapse {
display: block;
}
.navbar nav ul li {
display: inline-block;
}
.navbar .btn{display:none;}
.navbar .nav > li > a,
.mega-menu a {
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
/* -webkit-transform: translate3d(0, 0, 0); Webkit Hardware Acceleration*/
-webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
-webkit-transform: translateZ(0);
}
.mega-menu li{text-align:center;float:none;}
li.dropdown ul {
padding-left: 20px;
}
/***************** Menu Style Ended ****************/
.courses {
width: 100%;
display: block;
float: left;
background: url(images/about_section.jpg) no-repeat;
background-size: 100% 100%;
padding: 100px 0;
}
.courses_section h3 {
font-size: 30px;
font-weight: lighter;
color: #ffffff;
text-transform: uppercase;font-family: 'Lato-Hairline';
}
.courses_section p {
color: #ffffff;
font-weight: normal;
}
a.readmore {
text-transform: uppercase;
border: 1px solid;
padding: 10px 25px;
display: inline-block;
margin-top: 15px; color: #ffffff;font-family: 'Lato-Light';
}
a:focus, a:hover {
color: #dab24e !important;
text-decoration: none !important;
}
/************************ Contact Section **************/
.contact {
width: 100%;
float: left;
display: block;
background: url(images/contact.jpg) no-repeat;
background-size: 100% 100%;
}
.contact .header{background-color: transparent; padding: 20px 0px 20px 0px;}
.contact h1,.blog h1,.lookbg h1,.careers h1{
font-size: 60px;
text-transform: uppercase;
font-weight: lighter;
color: #ffffff;
text-align:center;font-family: 'Lato-Hairline';
}
.banner p{text-align: center;
color: #ffffff;
padding: 0 60px 65px 75px;font-family: 'Lato-Light';}
.google_map {
width: 100%;
float: left;
display: block;
}
.google_map .container-fluid{padding-right:0px !important;}
.map_right.col-md-6.col-sm-12.col-xs-12 {
padding-right: 0px; padding-left: 0px;z-index:-1;
}
.map_left.col-md-6.col-sm-12.col-xs-12 {
padding-right: 0px;
}
.address {
width: 75%;
position: relative;
margin: auto;
}
.address_section {
width: 100%;
display: block;
float: left;
position: absolute;
top: 80px; left: 190px;
background: url(images/address_bg.png) no-repeat;
background-size: 100% 100%;z-index:99;
}
.map_left.col-md-6.col-sm-12.col-xs-12 {
position: relative;
}
.map_right iframe{display:block;}
.address1,.address2,.address3 {
padding: 15px 0;
}
.address h4 {
font-size: 20px;
text-transform: uppercase; font-weight: bold;font-family: 'Lato-Bold';
}
.address a{text-decoration:none;color:#000000;}
/************************ Thanks Page Section **************/
.thank {
width: 100%;
float: left;
display: block;
background: url(images/thanks_bg.jpg) no-repeat;
background-size: 100% 100%;padding-bottom: 200px;
}
.thanks_message {
width: 100%;
float: left;
display: block;
padding: 60px 0px;
}
.thankspage {
width: 50%;
margin: auto;
display: block;
}
.thankspage img {
display: block;
text-align: center;
margin: auto;
}
.thankspage h4 {
text-align: center;
font-size: 30px;
}
.thank .header{background-color: transparent;}
.thankspage h4 span {
color: #ce9f3b;
}
/************************* Course Section **************/
.course{ width: 100%;
float: left;
display: block;
background: url(images/coursenew.jpg) no-repeat;
background-size: 100% 100%;padding-bottom: 200px;}
.aboutus .header.section {
background-color: #000000;
padding: 20px 0px 20px 0px;
}
.course .header{background-color: transparent; padding: 20px 0px 20px 0px;}
.course_left img {
position: relative;
top: -175px;
}
.everycourse {
display: block;
width: 100%;
float: left;
}
.course_content {
width: 100%;
float: left;
display: block;
position: relative;
top: -100px;
}
.course_right h4 {
font-size: 70px;
text-transform: uppercase;
font-weight: lighter; font-family: 'Lato-Hairline';
}
.course_right {
padding: 75px 0;
}
.course1 h2 {
margin-top: 0px; font-family: 'Lato-Light'; text-transform: uppercase;
}
.course2 h2,.course3 h2 {
font-family: 'Lato-Light'; text-transform: uppercase;
}
.banner {
width: 100%;
float: left;
display: block;
}
.hair_texture{
padding: 55px 0px 0px 0px;
}
.communication {
padding: 12px 0px 0px 0px;
}
/************************* Blog Section **************/
.blog {
width: 100%;
float: left;
display: block;
background: url(images/blog.jpg) no-repeat;
background-size: 100% 100%;
}
.blog .header{background-color: transparent;padding: 20px 0px 20px 0px;}
.blog-content {
width: 100%;
display: block;
float: left;padding-bottom: 30px;
}
.blog-content2 {
width: 100%;
display: block;
float: left;margin-bottom: 30px; background-color: #ffffff;
}
.blog-content2 p{padding: 15px 0 35px 0px;color: #000000;font-size: 15px;
font-weight: 600;}
.blog-content p{
color: #000000;
font-size: 15px;
font-weight: 600;
}
.blog.newpage .banner p{padding: 15px 0 2px 0px;}
.blog .banner p{padding:0px;}
.blog-content .blogsec2 h4 {
text-align: center;
margin: 0px;
padding: 10px 0px;
}
.blogsec2.col-md-12.col-sm-12.col-xs-12 {
padding-bottom: 30px;
}
.blogsec2 {
background-color: #ffffff;
}
.blog-date {
background-color: #000000;
width: 15%;
margin: auto;
display: block;
top: 0px;
}
.blogsec2 h2 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.blogsec1 img {
text-align: right;
display: block;
}
button.btn.btn-navbar {
background: url(images/menu.png) no-repeat;
height: 50px;
width: 50px;
}
.blog-content2 .blogsec1 h2 {
padding: 25px 0px 0px 0px; text-transform: uppercase; font-weight: bold; font-family: 'Lato-Bold';
}
.blog-content2 .blogsec1 a.readmore{color:#000;border:0px;font-family: 'Lato-Bold';background: url(images/blog_arr.png) no-repeat;
background-position: 115px 14px;}
.blog-content2 .blogsec1 .blog-date h2{padding-top:0px;}
.blog-content .blogsec1 img{width:100%;}
.blog-content .blogsec2 .blog-date h2{ padding-top: 0px;padding-bottom:0px;}
.blog-content .blogsec2 h2{padding-top: 15px; font-family: 'Lato-Bold';
padding-bottom: 14px;}
.blog-content .blogsec2 h3{font-family: 'Lato-Bold';text-align:center;}
.blogsec2 a {
color: #000;
display: table;
text-align: center;
border: 0px;
margin: auto; padding-bottom: 57px;
font-family: 'Lato-Bold'; background: url(images/blog_arr.png) no-repeat;
background-position: 115px 14px;
}
.blog-content2 .blogsec2 img {
float: right;
}
.blogsec2 {
}
.blogsec1.col-md-6.col-sm-12.col-xs-12 {
padding-right: 0px;
}
.blogsec2 {
position: relative;
}
.blog-date h2 {
color: #ffffff;
text-align: center;
margin: 0px;
}
.blog-date p {
text-align: center;
color: #ffffff;
margin-bottom: 0px;
padding-bottom: 5px;
}
.blog-content .blogsec1 {
padding: 0px;
}
/************************* Career Section *************/
.careers {
width: 100%;
float: left;
display: block;
background: url(images/career.jpg) no-repeat;
background-size: 100% 100%;
}
.careers .header{padding: 20px 0px 20px 0px;}
.career_form {
width: 100%;
float: left;
display: block;
background: url(images/careerbg.jpg) no-repeat;
background-size: 100% 100%; padding-bottom: 40px;
}
.careers .header,.career_form .ctform{background-color:transparent;}
.career_form p.name,.career_form p.phone {
width: 48%;
float: left;
}
.career_form p.email,.career_form p.job {
width: 48%;
float: right;
}
.career_form input#phone, .career_form select#select,.career_form input#name,.career_form input#email,.career_form input#location {
width: 100%;
float: none; font-size: 15px;font-family: 'Lato-Bold';text-transform: uppercase;
}
.career_form form#contactfm {
width: 80%;
margin: auto;
display: block;
}
.career_form input[type=file]{ padding: 15px 0px 10px 25px;
}
.career_form p.upload {
width: 48%;
display: block;
padding: 0px;
}
/************************* Career Inner page ***********/
.career-image.col-md-6.col-sm-12.col-xs-12 {
padding: 0px;
}
.career_inner .container-fluid {
padding: 0px;
}
.career-content .service{
width: 70%;
margin: auto;
display: block;
padding-top: 110px;
}
.saloon .career-content.col-md-6.col-sm-12.col-xs-12 {
padding-right: 0px;
}
.career-content .service h2,.saloon .career-image h2 {
font-size: 60px; margin: 0px;text-transform:uppercase;font-family: 'Lato-Light';
}
.career-content .service a,.saloon .career-image a {
border: 1px solid;
padding: 10px 15px;
color: #000000;
text-transform: uppercase;
display: block;
float: right; font-family: 'Lato-Light';
}
.theropist {
width: 100%;
display: block;
float: left;
}
.saloon.service {
width: 100%;
padding: 0px 0 0 0;
}
.saloon {
width: 100%;
float: left;
display: block;
}
.saloonhire {
width: 65%;
margin: auto;
display: block;
padding-top: 110px;
}
/************************* Contact Section *************/
.contact_footer {
width: 100%;
float: left;
display: block;
background: url(images/contactbg.jpg) no-repeat;
background-size: 100% 100%;
}
.contact_demo.col-md-12.col-md-12.col-xs-12 {
padding: 80px;
}
.ctform h2{
font-size: 60px;
text-transform: uppercase;
font-weight: lighter;
color: #ffffff;
text-align: center;font-family: 'Lato-Hairline';
}
.ctform {
background-color: #000000;
width: 90% !important;
display: block;
margin: auto;
float: none;
padding: 60px;
}
input#name,input#email {
width: 48%;
float: left;
}
input#phone, select#select {
width: 48%;
float: right;
}
.ctform input {
padding: 10px 10px;
margin: 15px 0 25px 0;
background-color: transparent;
color: #ffffff;font-size:15px;
border-width: 0px;
border-bottom: 1px solid; font-family: 'Lato-Bold';
}
input[type=text]::-webkit-input-placeholder { /* Edge */
color:#ffffff;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#ffffff;
}
input[type=text]::placeholder {
color:#ffffff;
}
.ctform select {
padding: 13px 10px;
margin: 10px 0 25px 0;
background-color: transparent;
color: #ffffff;
border-width: 0px;
border-bottom: 1px solid;font-family: 'Lato-Bold';
}
.ctform select option {
background-color: #000;
}
input.submitbtn {
margin: auto;
display: block !important;
top: 35px;
position: relative;
}
.about_left h3:before {
position: relative;
content: "";
display: block;
width: 130px;
border-bottom: 1px solid #ffffff;
bottom: 0px;
margin: auto 105px;
top: 25px;
}
select:focus {
outline-offset: 0px !important;
}
.contact_demo input.submitbtn {
display: inline-block !important;
}
form#contactfm {
width: 100%;
margin: auto;
display: block;
}
input[type=submit] {
text-transform: uppercase;
border: 1px solid;
padding: 10px 30px;
}
/************************* Gallery Section *************/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300);
body{
font-family: 'Quicksand', sans-serif;
}
.gal-container{
padding: 12px;
}
.gal-item{
overflow: hidden;
padding: 3px;
}
.gal-item .box{
overflow: hidden;
}
.box img{
height: auto;
width: 100%;
object-fit:cover;
-o-object-fit:cover;
}
.gal-item a:focus{
outline: none;
}
.gal-item a:after{
content:" ";
opacity: 0;
background-color: rgba(0, 0, 0, 0.75);
position: absolute;
right: 3px;
left: 3px;
top: 3px;
bottom: 3px;
text-align: center;
line-height: 350px;
font-size: 30px;
color: #fff;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
opacity: 1;
}
.modal-open .gal-container .modal{
background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
padding: 0px;
}
.modal-open .gal-item button.close{
position: absolute;
width: 25px;
height: 25px;
background-color: #000;
opacity: 1;
color: #fff;
z-index: 999;
right: -12px;
top: -12px;
border-radius: 50%;
font-size: 15px;
border: 2px solid #fff;
line-height: 25px;
-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
outline: none;
}
.modal-open .gal-item button.close span{
position: relative;
top: -3px;
font-weight: lighter;
text-shadow:none;
}
.gal-container .modal-dialogue{
width: 80%;
}
.gal-container .description{
position: relative;
height: 40px;
top: -40px;
padding: 10px 25px;
background-color: rgba(0,0,0,0.5);
color: #fff;
text-align: left;
}
.gal-container .description h4{
margin:0px;
font-size: 15px;
font-weight: 300;
line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
top: 100px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.gal-container .modal.fade.in .modal-dialog {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
width: 55%;
margin: 50 auto;
}
}
@media (max-width: 768px) {
.gal-container .modal-content{
height:250px;
}
}
/* Footer Style */
i.red{
color:#BC0213;
}
.gal-container{
padding-top :75px;
padding-bottom:75px;
}
.gallery_image .col-md-4.gal-item {
padding: 2px;
}
.gallery {
width: 100%;
float: left;
display: block;
background-color: #000000;
padding: 60px 0px;
}
.look {
padding: 200px 0px;
}
.look h2 {
font-size: 70px;
font-weight: lighter;
color: #ffffff;
margin: 0px;font-family: 'Lato-Hairline';text-transform:uppercase;
}
.popup p {
color: #ffffff;
padding: 25px 0px;font-family: 'Lato-Light';
}
.popup a {
border: 1px solid;
padding: 10px 30px;
color: #ffffff;
text-transform: uppercase;font-family: 'Lato-Light';
}
/************************* Look Book *******************/
.interior.container.clearfix {
width: 100%;
float: left;
display: block;
padding: 10px 0 40px 0;
}
.interior .col-xs-12.col-sm-6.col-md-4.blogBox {
padding: 5px;
}
.lookbg {
width: 100%;
float: left;
display: block;
background: url(images/lookbk.jpg) no-repeat;
background-size: 100% 100%;
}
.lookbg .header.section{padding: 20px 0px 20px 0px;}
div#loadMore a {
border: 1px solid #fff;
display: table;
margin: auto;
padding: 12px 35px;
color: #fff;
position: relative;
top: 20px;
}
/************************* About us Section ************/
.aboutus {
width: 100%;
float: left;
display: block;overflow:hidden;
}
.about-content {
width: 100%;
float: left;
background: url(images/aboutbanner.jpg) no-repeat;
background-size: 100% 100%;padding: 100px 0px 150px 0px;
}
.aboutus .about-con {
width: 100%;
float: left;
display: block;
background-color: #000;
opacity: 0.8;
}
.contacttitle h2 {
font-size: 70px;
color: #ffffff;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
padding: 160px 0 100px 0;
margin: 0px;font-family: 'Lato-Hairline';
}
.contactcon h3 {
font-size: 55px;
color: #fff;
text-transform: uppercase;
margin: 0px;
padding: 20px 0px 20px 0px;font-family: 'Lato-Hairline';
}
span.academy {
position: relative;
top: 5px;
}
.contactcon p {
color: #fff;
}
/************************* About us Section ************/
.academy {
width: 100%;
float: left;
display: block;background-color: #000000;
}
.page3 img{width:100%;}
.page3 .skin {
padding-top: 0px;
}
.page3 .makeup img {
padding-bottom: 0px;
}
.page3 .makeup.col-md-4.col-sm-12.col-xs-12 {
position: relative;
top: 0px;
}
.tit-sec {
width: 40%;
display: block;
margin: auto;
background-color: #ffffff;
position: relative;
top: -70px; padding: 15px;
}
.about-content .academy,.why .academy{background-color:transparent;float:none;display:inline-block;width: auto;}
.tit-sec img {
width: auto; margin: auto;
display: block;font-family: 'Lato-Hairline';
}
.why {
width: 100%;
display: block;
float: left;
text-align: center;
position: relative;
top: -70px;
}
.why h3 {
margin: 0px; font-size: 50px;
text-transform: uppercase;
color: #ffffff;
font-weight: lighter;font-family: 'Lato-Hairline';
}
.tit-sec h4 {
font-size: 25px;
text-align: center;
text-transform: uppercase;
font-weight: lighter;font-family: 'Lato-Light';
}
.tit-sec h4:after {
position: relative;
content: "";
display: block;
width: 40px;
border-bottom: 1px solid #000000;
margin: auto;
padding: 5px;
}
.page3 {
width: 100%;
position: relative;
display: block;
float: left;
top: -90px;
}
/************************ Tab concept ******************/
/* Style the tab */
.tab {
float: left;
border: 1px solid #000000;
background-color: #000000;
width: 30%;
height: 265px;
padding: 20px;
}
.contact_demo .ctform {
opacity: 0.5;
}
/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: #ffffff;
padding: 5px 5px;
width: 100%;
border:none;
outline: none;
text-align: left;
cursor: pointer;
font-size: 18px;
text-transform: uppercase;
margin: 25px 0px 0px 0px;
font-weight: lighter; font-family: 'Lato-Hairline';
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
margin: 25px 0px 0px 0px;
padding: 4px 4px;
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: transparent;
border: 1px solid #fff;
color:#fff;font-family: 'Lato-Hairline'; padding: 4px 4px;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 30px;
width: 70%;
border-left: none;
height: 265px;
}
.tabcontent p {
color: #ffffff;
}
.tabcontent h3 {
color: #ffffff; font-size: 40px;
text-transform: uppercase;font-family: 'Lato-Hairline';
}
.tabs {
width: 100%;
display: block;
float: left;
background: url(images/tab.jpg) no-repeat;
background-size: 100% 100%;
}
.tabconcept {
width: 100%;
float: left;
display: block;
padding: 100px 65px;
}
/************************* Creative team ***************/
.creative {
width: 100%; float: left; display: block; background-color: #000000; padding-bottom: 40px;
}
.creative .tab{height:auto;background-color:transparent;border: 0px;}
.creative .tab button{width:50%;float:left; text-align: center; border: 0px;}
.tabcontent1 h3 {
color: #ffffff;
font-size: 60px;
text-align: right;
margin: 0px;text-transform: uppercase;font-family: 'Lato-Hairline';
}
.tabcontent1 {
padding: 150px 50px;
}
.tabcontent1 h5 {
color: #ffffff;
background-color: #1e1e1e;
text-align: right;
padding: 10px;
display: -webkit-inline-box;
float: right;font-size: 18px;
text-transform: uppercase;
}
.tabcontent1 p {
text-align: right;color:#ffffff;
float: left;
}
.creativeteam h1 {
text-align: center;
font-size: 60px;
text-transform: uppercase;
color: #fff;
margin: 0px;
padding: 45px 0px 0px 0px;font-family: 'Lato-Hairline';
}
/************************* Footer Section **************/
.footer {
background-color: #121212;
padding: 16px 0px;
width: 100%;
display: block;
float: left;
}
.footerbottom p {
font-size: 18px;
color: #797979;
text-align: center;
}
.social_links ul {
padding-left: 0px;
margin: 0px;
display:block;
text-align:center;
}
.social_links ul li {
display: inline-block;
margin: 0 10px 0 10px;
}
.social_links ul li.fb {
background: url(images/fb.png) no-repeat;width: 24px;
}
.social_links ul li.tw {
background: url(images/twitter.png) no-repeat;width: 24px;
}
.social_links ul li.yt {
background: url(images/you-tube.png) no-repeat;width: 24px;
}
.social_links ul li.lik {
background: url(images/linked-in.png) no-repeat;width: 24px;
}
.social_links ul li.im {
background: url(images/insta.png) no-repeat;width: 24px;
}
.social_links ul li a {
display: block;
font-size: 0px !important;
padding: 18px 0px 8px 0px;
}
.social_links {
width: 100%;
display: block;
padding: 20px 0px;
float: left;
}
/************ Blog Section ******/
.blog-content2 .blogsec2.col-md-6.col-sm-12.col-xs-12 {
padding-right: 0px;
}
.blog-content2 .blogsec1{text-align:center;}
.blog-content2 .blogsec2 img {
width: 100%;
padding-right: 0px;
}
p.statusMsg.succdiv {
color: #d4a946;
font-size: 18px;
text-align: center;
font-weight: bold;
}
.tab button.active img {
opacity: inherit;
}
.tab button img {
opacity: 0.5;
}
.career_form input[type=file]{width:100%;}
/******* Faq Accortion ***********/
h2 {
font-family: Arial, Verdana;
font-weight: 800;
font-size: 2.5rem;
color: #091f2f;
text-transform: uppercase;
}
.accordion-section .panel-default > .panel-heading {
border: 0;
background: none;
padding: 0;
}
.accordion-section .panel-default .panel-title a {
display: block;
font-style: initial;
font-size: 18px;padding-bottom: 10px;font-weight: 600;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
padding: 15px;
}
.accordion-section .panel-default .panel-title a:after {
font-family: 'FontAwesome';
font-style: normal;
font-size: 3rem;
content: "\f106";
color: #d7ac4c;
float: right;
margin-top: -12px;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
content: "\f107";
}
.accordion-section .panel-default .panel-body {
font-size: 1.2rem;
}
.panel-body ul li,.panel-body p {
font-family: 'Lato-Light';
font-size: 14px;
font-weight: 600;
}
.panel-body h4 {
font-family: 'Lato-Bold';
}
.everycourse a.getstart {border-color: #000000;color: #000000;float: right;margin: 25px 0px;font-style: inherit !important;}
.everycourse.makeup p,.everycourse.skin p{font-size:18px;color: #000000;}
.everycourse.makeup p a,.everycourse.skin p a{color: #000000;}
.everycourse a.getstart{background: url(images/block_arrow.png) no-repeat right; background-position: 275px;}
/************************ Hair Layout ***************/
.tabs.hair {
background: none;
}
.tabs.hair .tabcontent,.tabs.hair .tab{height:auto;}
.tabs.hair .tabcontent h3,.tabs.hair .tabcontent p{color:#000;}
.tabs.hair .tabcontent h3 {margin-top: 0px;text-transform: capitalize;}
.tabs.hair .tab button{text-align:center;text-transform:capitalize;}
html {
scroll-behavior: smooth;
}
.tab button a {
color: #ffffff;
}
.tab button.active a {
color: #ffffff;
}
.navbar .nav li.dropdown > .dropdown-toggle:hover, .navbar .nav li.dropdown.open > .dropdown-toggle:hover .open>.dropdown-menu {
display: block;
}
.skin a.coursec {
position: absolute;
top: 205px;
right: 15px;
}
.tit-sec a {
color: #000000;
}
/************************************ Header Section *********************/
@charset "utf-8";
/* CSS Document */
P {
margin: 0px
}
a, a:hover, a:focus, input:focus {
text-decoration: none;
outline: none;
}
.clear {
clear: both;
}
img {
max-width: 100%;
height: auto;
}
.footer-container.container {
display: none;
}
.headInner {
margin: 0 auto;
width: 100%;
max-width: 1190px;
position: relative;
padding-top: 30px;
}
a.glink {
color: #fff;
}
#gt_lightbox a.glink {
color: #000;
}
.logo {
position: relative;
z-index: 9999;
display: inline-block;
}
.scrollLogo {
margin: 0 auto;
position: fixed;
top: -150px;
z-index: 9999;
display: none;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
.topRightPanel {
margin: 0 auto;
float: right;
display: inline-block;
width: auto;
}
.locationsBox, .loginBox {
float: right;
padding-right: 0px;
text-align: center;
margin: 25px auto 0;
position: relative;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.locationsBox h4 {
font: 15px 'Lato', sans-serif;
color: #000;
text-transform: uppercase;
text-align: center;
margin: 0 auto 10px;
}
.locationsBox figure {
display: inline-block;
margin: 0 5px;
}
.locationsBox figcaption {
font: 10px 'Lato', sans-serif;
text-transform: uppercase;
color: #333;
}
.loginBox {
padding-top: 10px;
padding-left: 10px;
}
.loginBox a {
margin: 0 5px;
display: inline-block;
color: #fff;
font: 14px 'Lato', sans-serif;
text-decoration: none;
text-transform: uppercase;
position: relative;
}
.loginBox a span {
display: inline-block;
vertical-align: middle;
padding: 0 10px 0 5px;
position: relative;
z-index: 2;
}
.loginBox a img {
padding: 10px;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
}
.loginBox a.loginLink {
background: #e23241;
}
.loginBox a.loginLink img {
background: #b3010c;
}
.loginBox a.pacLink {
background: #0095e1;
}
.loginBox a.pacLink img {
background: #0068c8;
}
.loginBox a::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 36px;
-webkit-transition: width 0.5s ease-in;
-moz-transition: width 0.5s ease-in;
transition: width 0.5s ease-in;
z-index: 1;
}
.loginBox a:hover::after {
width: 100%;
-webkit-transition: width 0.3s ease-in;
-moz-transition: width 0.3s ease-in;
transition: width 0.3s ease-in;
}
.loginBox a.loginLink::after {
background: #b3010c;
}
.loginBox a.pacLink::after {
background: #0068c8;
}
.header-inner {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.topRightPanel .menu-top-menu-container {
float: left;
}
.topRightPanel #zoom-social-icons-widget-2 {
float: right;
padding-bottom: 0px;
padding-top: 3px;
}
.topRightPanel #zoom-social-icons-widget-2 li, .topRightPanel #zoom-social-icons-widget-2 li a {
padding: 0px;
margin: 0px;
}
.topRightPanel #zoom-social-icons-widget-2 li a:hover {
background-image: none;
}
.topRightPanel #zoom-social-icons-widget-2 .socicon {
font-size: 14px !important;
padding: 5px !important;
}
.mainNav {
margin: 0 auto;
position: relative;
z-index: 10;
padding-top: 70px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.mainNav svg {
display: none;
}
.mainNav ul.menu {
text-align: center;
}
.mainNav li li {
text-align: left;
}
.mainNav ul {
margin: 0 auto;
}
.mainNav ul.menu > li {
position: relative;
display: inline-block;
padding: 0;
}
.mainNav ul.menu > li:first-of-type {
padding-left: 0;
}
.mainNav li a img {
display: none;
}
.mainNav li a {
margin: 0 auto;
color: #fff;
font: 300 15px 'Roboto', sans-serif;
display: block;
position: relative;
padding: 8px 18px;
text-decoration: none;
text-transform: uppercase;
}
.mainNav li a.selected, .mainNav li a:hover {
background: url(images/current.png) no-repeat center left;
}
.mainNav li a.selected {
font: 400 15px 'Roboto', sans-serif;
}
.handheld.mainNav li a.selected {
background-color:#3a9298;
}
.mainNav li li a {
background: rgba(83,179,250,0.8);
color: #000;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.mainNav:not(.handheld) li.mobiNavItem {
display: none !important;
}
.mainNav ul ul {
position: absolute;
display: none;
}
.mainNav ul ul ul {
top: 0;
}
.mainNav ul ul li {
position: relative;
}
.mainNav li a.subNavArrow, .mainNav li.subNavParent > a {
background-image: url(images/navArrow.png);
background-position: 98% center;
background-repeat: no-repeat;
}
.mainNav li li a.subNavArrow, .mainNav li li.subNavParent > a {
background-image: url(images/navArrow-right.png);
}
.mainNav li.subNavParent span.accordLink {
position: absolute;
padding: 0 20px;
height: 40px;
width: 40px;
right: 0;
display: none;
z-index: 5;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor: pointer;
}
.mainNav li.subNavParent span.accordLink::before {
content: '';
width: 14px;
height: 2px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mainNav li.subNavParent span.accordLink::after {
content: '';
width: 2px;
height: 14px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -7px;
margin-left: -1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
opacity: 1;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.mainNav li.subNavParent span.accordLink.active::after {
opacity: 0;
}
.mobileTopLink {
display: none;
}
#donationForm select {
padding-left: 11px;
}
.mainNav li.donateNav a {
color: #ffffff;
background: #77c5ff;
font-weight: bold;
padding-left: 45px;
padding-right: 10px;
position: relative;
text-transform: uppercase;
}
.mainNav li.donateNav a::before {
background: rgba(0, 0, 0, 0) url(images/donate-ico.png) no-repeat scroll 0 0;
content: "";
height: 24px;
left: 5px;
position: absolute;
top: 4px;
width: 33px;
}
.mainNav li.donateNav a:hover {
background: #36A7FC;
}
/********************************
HANDHELD NAVIGATION STYLE
********************************/
nav.handheld .navBtn {
margin: 0 auto;
position: relative;
z-index: 60;
height: 25px;
width: 30px;
cursor: pointer;
float: right;
top: 0;
}
/********* NAV BUTTON STYLE *********/
nav.handheld .navBtn span {
display: block;
position: absolute;
height: 3px;
width: 50%;
background: #fff;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
nav.handheld .navBtn span:nth-child(even) {
left: 50%;
}
nav.handheld .navBtn span:nth-child(odd) {
left: 0px;
}
nav.handheld .navBtn span:nth-child(1), nav.handheld .navBtn span:nth-child(2) {
top: 0px;
}
nav.handheld .navBtn span:nth-child(3), nav.handheld .navBtn span:nth-child(4) {
top: 10px;
}
nav.handheld .navBtn span:nth-child(5), nav.handheld .navBtn span:nth-child(6) {
top: 20px;
}
nav.handheld .navBtn.navActive span:nth-child(1), nav.handheld .navBtn.navActive span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
nav.handheld .navBtn.navActive span:nth-child(2), nav.handheld .navBtn.navActive span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
nav.handheld .navBtn.navActive span:nth-child(1) {
left: 0;
top: 5px;
}
nav.handheld .navBtn.navActive span:nth-child(2) {
left: calc(50% - 5px);
top: 5px;
}
nav.handheld .navBtn.navActive span:nth-child(3) {
left: 0;
opacity: 0;
width: 0;
}
nav.handheld .navBtn.navActive span:nth-child(4) {
left: 50%;
opacity: 0;
width: 0;
}
nav.handheld .navBtn.navActive span:nth-child(5) {
left: 0;
top: 15px;
}
nav.handheld .navBtn.navActive span:nth-child(6) {
left: calc(50% - 5px);
top: 15px;
}
/********* NAV BUTTON STYLE *********/
.handheld.mainNav {
width: 100%;
background: none;
position: relative;
clear: none;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 10px;
}
.handheld.mainNav .menuWrapper {
width: 200px;
position: absolute;
top: 47px;
right: 0;
overflow: hidden;
padding: 0;
height: auto;
max-width: 330px;
background: hsla(0, 0%, 11%, 0.85);
}
.handheld.mainNav ul {
display: block;
width: 100%;
position: relative;
padding:0px;
margin:0px;
}
.handheld.mainNav ul li {
display: block;
width: 100%;
float: none;
padding: 0;
}
.handheld.mainNav ul ul {
display: none;
}
.handheld.mainNav ul ul li:last-of-type {
border-bottom: none;
}
.handheld.mainNav ul.menu > li > ul {
border: none;
}
.handheld.mainNav ul.menu > li {
display: block;
width: 100%;
float: none;
position: static;
margin: 0 auto !important;
text-align: center;
}
.handheld.mainNav ul ul li a {
border: none;
}
.handheld.mainNav li a::after {
display: none;
}
.handheld.mainNav ul.menu > li > ul {
padding: 0;
}
.handheld.mainNav li a {
background-color: #000;
color:#fff;
padding: 10px 15px;
text-align: left;
font-size: 14px;
}
nav#bestNav {
display: none;
}
.handheld.mainNav li:hover > a {
background-color: #000000;
color: #fff;
}
.handheld.mainNav li li a {
background-color: #9CCCFF;
}
.handheld.mainNav li li:hover > a {
background-color: #000000;
color: #fff;
}
.handheld.mainNav .mobileTopLink li:last-child a {
border: none;
}
.handheld.mainNav li.subNavParent > a {
background-image: none;
}
header#masterhead {
z-index: 1000;
}
header#masterhead, header#masterhead.scrolling img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
header#masterhead.scrolling {
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
header#masterhead.scrolling img {
max-width: 60%;
}
header#masterhead.scrolling .mainNav {
padding-top: 30px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
header#masterhead.scrolling .locationsBox {
margin-top: 10px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media only screen and (max-width: 1199px) {
.mainNav li a {
padding: 8px;
}
.mainNav li a.subNavArrow, .mainNav li.subNavParent > a {
padding-right: 15px;
}
}
@media only screen and (max-width: 1100px) {
.mainNav li a {
padding: 8px 4px;
}
}
.pagesize {
margin: 0 auto;
width: 100%;
max-width: 1190px;
position: relative;
}
section#home {
height: auto;
padding: 0px;
min-height: 735px;
position: relative;
background-color: none;
background: url(../images/bg1.jpg) no-repeat;
background-size: cover;
}
section#whoweare {
padding: 0px;
margin-top: -79px;
background: url(../images/sec1-bg.jpg) no-repeat top;
min-height: 900px;
padding-top: 140px;
height: auto;
background-size: cover;
}
section#events {
padding: 0px;
margin-top: 0px;
background: #ffffff;
min-height: 744px;
padding-top: 121px;
height: auto;
background-size: cover;
}
section#core {
padding: 0px;
background: #fafafa;
min-height: 610px;
padding-top: 140px;
height: auto;
background-size: contain;
}
section#eventgallery {
padding: 0px;
background: #ffffff;
padding-top: 140px;
padding-bottom: 50px;
height: auto;
min-height: 610px;
}
section#contact {
padding-top: 90px;
padding-bottom: 50px;
background: #ffffff url(../images/contactbg.jpg) repeat-x center top;
height: auto;
min-height: 610px;
}
section#home .banner {
padding-top: 375px;
}
section#home .bannertxt {
font: 500 53px 'Roboto', sans-serif;
color: #fff;
width: 79%;
}
section#home ul {
padding: 0px;
padding-top: 25px;
}
section#home ul li span {
font: 100 35px 'Roboto', sans-serif;
color: #fff;
}
section#home ul li {
font: 300 12px 'Roboto', sans-serif;
color: #fff;
display: inline-block;
padding-left: 60px;
padding-right: 30px;
border-right: 1px solid #ffffff;
margin-right: 10px;
}
section#home ul li:last-child {
border: none;
}
section#home ul li.event {
background: url(../images/icon-folder.png) no-repeat 0px 9px;
}
section#home ul li.countries {
background: url(../images/icon-bulb.png) no-repeat 0px 0px;
}
section#home ul li.exhibitors {
background: url(../images/icon-thumb.png) no-repeat 0px 4px;
}
section#home ul li.attendees {
background: url(../images/icon-man.png) no-repeat 0px 6px;
}
section#whoweare .circletxt {
width: 700px;
height: 700px;
background: #fff;
border-radius: 100%;
position: absolute;
top: 0px;
right: 0px;
}
section#whoweare .circletxt .innercontent {
padding: 150px 100px 100px 100px;
}
section#whoweare .circletxt .circlehead h3{margin:0px;}
section#whoweare .circletxt .circlehead {
font: 700 26px 'Roboto', sans-serif;
color: #000;
border-left: 8px solid #000;
padding-left: 20px;
line-height:30px;
}
section#whoweare .circletxt .circlehead span {
font: 900 40px 'Roboto', sans-serif;
color: #000;
}
section#whoweare .circletxt .circlehead p {
font: 300 25px 'Roboto', sans-serif;
color: #000;
}
section#whoweare .circletxt p.whocontent {
font: 300 15px 'Roboto', sans-serif;
color: #000;
line-height: 20px;
padding-left: 30px;
padding-top: 20px;
}
section#events h2 {
font: 900 45px 'Roboto', sans-serif;
color: #000;
text-align: center;
padding-bottom: 8px;
margin-bottom: 8px;
}
section#events p.subtitle {
font: 300 15px 'Roboto', sans-serif;
color: #000;
text-align: center;
width: 50%;
margin: 0 auto;
}
section#contact h2 {
font: 900 45px 'Roboto', sans-serif;
color: #000;
text-align: center;
padding-bottom: 8px;
margin-bottom: 8px;
padding-top: 30px;
}
section#contact p.subtitle {
font: 300 15px 'Roboto', sans-serif;
color: #000;
text-align: center;
width: 50%;
margin: 0 auto;
}
section#contact .contactinner {
background: #ffffff;
padding: 20px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
box-shadow: 1px 3px 5px #cccccc;
max-width: 800px;
}
section#contact .contactinner .map {
background: #ffffff;
max-width: 360px;
float: left;
}
section#contact .contactinner .map .address {
text-align: center;
font: 300 16px 'Roboto', sans-serif;
color: #000;
text-align: center;
line-height: 30px;
padding-top: 20px;
}
section#contact .contactinner h2 {
font: 700 30px 'Roboto', sans-serif;
color: #5ec7ce;
text-align: left;
padding-bottom: 8px;
margin-bottom: 8px;
margin-top: 0px;
text-transform: uppercase;
}
section#contact .contactinner .ctform {
background: #ffffff;
padding: 0 30px;
margin-top: 0px;
max-width: 360px;
width: 100%;
float: left;
}
section#contact .contactinner .ctform input {
border: none;
border-bottom: 1px solid #ccc;
width: 100%;
padding: 10px;
font: 300 16px 'Roboto', sans-serif;
margin-top: 20px;
}
section#contact .contactinner .ctform textarea {
border: none;
border-bottom: 1px solid #ccc;
width: 100%;
padding: 10px;
font: 300 16px 'Roboto', sans-serif;
margin-top: 20px;
outline:none;
height: 50px;
}
section#contact .contactinner .ctform .submitbtn {
background: url(../images/submit.png) no-repeat;
border: none;
width: 43px;
cursor: pointer;
float: right;
margin-top: 10px;
}
section#core h2 {
font: 900 45px 'Roboto', sans-serif;
color: #000;
text-align: center;
padding-bottom: 8px;
margin-bottom: 8px;
}
section#core p.subtitle {
font: 300 15px 'Roboto', sans-serif;
color: #000;
text-align: center;
width: 50%;
margin: 0 auto;
}
.flipcol{float:left; width:50%; height:250px;}
section#core #construction, section#core #construction1, section#core #construction2, section#core #construction3, section#core #construction4, section#core #construction5, section#core #construction6 {
width: 250px;
height: 200px;
margin:auto;
}
section#core .front{ width: 100%;
background:#fff; border:2px solid #5ec7ce;}
section#core .front p{ font: 300 20px 'Roboto', sans-serif;
color: #000;
text-align: center;
padding-top: 8px;
margin-bottom: 8px;
text-transform:uppercase;
}
section#core .back{ width: 100%;
background:#fff; border:2px solid #5ec7ce;}
section#core .back p{ font: 300 13px 'Roboto', sans-serif;
color: #000;
text-align: left;
padding:20px 20px 20px 20px;
line-height:23px;
}
section#core .front .frntp{padding-top:30px;}
.backreadmore{ float:right;font: 300 13px 'Roboto', sans-serif; color:#000; padding-top:3px; padding-right:20px; }
section#core .flipcontent{ padding-top:30px; text-align:center; }
section#eventgallery h2 {
font: 900 45px 'Roboto', sans-serif;
color: #000;
text-align: center;
padding-bottom: 8px;
margin-bottom: 8px;
}
section#eventgallery p.subtitle {
font: 300 15px 'Roboto', sans-serif;
color: #000;
text-align: center;
width: 50%;
margin: 0 auto;
}
.eventglry{padding:20px;}
footer {
background: #ffffff;
}
footer ul {
text-align: center;
padding: 0px;
margin: 0px 0px;
margin-bottom:10px;
}
footer ul li {
display: inline-block;
vertical-align: top;
}
footer .copy {
text-align: center;
font: 300 13px 'Roboto', sans-serif;
color: #000;
padding-bottom: 20px;
}
p.statusMsg{font-size:18px;}
p.succdiv{color: #008000;}
p.errordiv{color:#E80000;}
#slideshow {
position: relative;
min-height:120px;
}
#slideshow > div {
position: absolute;
}
.address a{color:#000;}
.ad1, .ad2{width:100%; }
.imgopt{ position:relative; }
.inntxt{position:absolute; bottom:25px; left:25px; padding-right:20px;}
.inntxt{font: 500 20px 'Roboto', sans-serif;
color: #5ec7ce;
text-align: left;
text-transform: uppercase;}
.inntxt span{font: 300 14px 'Roboto', sans-serif;
color: #ffffff;
text-align: left;
text-transform:capitalize;}
@media only screen and (min-width: 1200px) {
.slider_title_ls {
letter-spacing: 20px !important;
}
}
@media only screen and (max-width: 1060px) {
.flipcol {
float: left;
width: 33.333%;
height: 250px;
}
section#core #construction, section#core #construction1, section#core #construction2, section#core #construction3, section#core #construction4, section#core #construction5, section#core #construction6 {
margin:auto;
}
.headInner{ margin:0px 30px ;}
.pagesize {
margin: 0 auto;
width: 93%;
max-width: 1190px;
position: relative;
}
}
@media only screen and (max-width: 765px){
section#home ul li span {
font: 100 28px 'Roboto', sans-serif;
color: #fff;
}
section#home ul li.event {
background-size: 42px;
}
section#home ul li.countries { background-size:42px; }
section#home ul li.exhibitors { background-size:42px;}
section#home ul li.attendees { background-size:42px;}
section#home ul { text-align:center;}
}
@media only screen and (max-width: 900px) {
.flipcol {
float: left;
width: 50%;
height: 250px;
}
section#core #construction, section#core #construction1, section#core #construction2, section#core #construction3, section#core #construction4, section#core #construction5, section#core #construction6 {
margin:auto;
}
.topRightPanel {
margin: 0 auto;
float: right;
display: inline-block;
width: 50%;
}
}
@media only screen and (max-width: 800px) {
.bs-example.tabconcept{ padding: 0px 50px;}
section#contact .contactinner .ctform {
background: #ffffff;
padding: 0 30px;
margin-top: 0px;
max-width: 360px;
width: 100%;
float: none;
margin: auto;
}
section#whoweare .circletxt p.whocontent {
padding-left: 20px;
}
.content {
max-width: 97%;
}
section#home .bannertxt {
font: 500 35px 'Roboto', sans-serif;
color: #fff;
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.map.address.details1 {
padding: 65px 0 0 0;
}
.ctform.details2 {
display: block;
float: none !important;
max-width: 100%;
width: 100% !important;
padding: 0px !important;
}
section#whoweare .circletxt .circlehead{ border:none;}
section#whoweare .circletxt {
width: 100%;
height: 100%;
background:rgba(255,255,255,0.81);
border-radius: 0;
position: unset;
padding-top: 28px;
padding-bottom: 28px;
}
section#whoweare .circletxt .innercontent {
padding: 10px;
}
section#contact p.subtitle {
width: 90%;
}
section#contact .contactinner .ctform input, section#contact .contactinner .ctform textarea{
padding-left:0px;
padding-right:0px;
}
section#contact .contactinner h2{ text-align:center; padding-top:20px !important;}
section#contact .contactinner .map {
float: none; margin: auto;
}
section#whoweare {
min-height: 100%;
padding-top: 140px;
padding-bottom: 50px;
}
section#home ul li {
margin-top: 30px;
}
}
@media only screen and (max-width: 509px){
section#home ul li span {
font: 100 28px 'Roboto', sans-serif;
color: #fff;
}
section#home ul li.event {
background-size: 42px;
}
section#home ul li.countries { background-size:42px; border:none;}
section#home ul li.exhibitors { background-size:42px;}
section#home ul li.attendees { background-size:42px;}
section#home ul { text-align:center;}
}
@media only screen and (max-width: 416px){
section#whoweare .circletxt .circlehead p {
font: 300 15px 'Roboto', sans-serif;
padding: 5px 76px 0 0px;
}
.flipcol {
float: left;
width: 100%;
height: 250px;
}
section#core #construction, section#core #construction1, section#core #construction2, section#core #construction3, section#core #construction4, section#core #construction5, section#core #construction6 {
margin:auto;
}
section#home .banner {
padding-top: 375px;
}
section#home ul li span {
font: 100 25px 'Roboto', sans-serif;
color: #fff;
}
section#home ul li.event {
background-size: 38px;
}
section#home ul li.countries { background-size:38px; border:none;}
section#home ul li.exhibitors { background-size:38px;}
section#home ul li.attendees { background-size:38px;}
section#whoweare .circletxt .circlehead h3 {
padding: 0 85px 0 0px;
}
}
.map.address.details1 {
background: #ffffff;
max-width: 360px;
float: left;
font: 300 16px 'Roboto', sans-serif;
color: #000;
text-align: center;
line-height: 30px;
}
section#contact {
background-size: cover;
}
.ctform h2 {
padding-top: 0px !important;
}
section#contact .contactinner .ctform.details2 a {
text-decoration: none;
}
section#contact .contactinner .ctform.details2 {
background: #ffffff;
max-width: 360px;
float: left;
font: 300 16px 'Roboto', sans-serif;
color: #000;
text-align: center;
line-height: 30px;
}
.overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-x: hidden;
transition: 0.5s;
}
.overlay-content {
position: relative;
top: 25%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
div#myCarousel1{display:none;}
.handheld.mainNav li li a {
background-color: #ddb457;
}
input#my_file{
width: 100%;
position: relative; top: 20px;
}
input#my_file:after{
content: attr(value);
position: absolute;
top: 14px;
left: 0;
bottom: 0;
width: 35%;
background: #191919;
color: white;
border-radius: 2px;
text-align: center;
font-size: 12px;
line-height: 2;font-family: 'Lato-Bold';
text-transform: uppercase;
padding: 5px;
}
.creativeteam .tab button.active{padding:0px;}
.creativeteam .tab button:hover{padding:0px;}
.creativeteam .tab button{padding:0px;}
.nav>li>a.active {
text-decoration: none;
background-color: #eee;
color: #dab24e !important;
}
.about.mobile,.gallery.mobile,.career_inner.mobile,.banner.mobile {
display: none;
}
.card-header button:focus, .card-header button:hover {
color: #fff;
text-decoration: none;
}
.card-header button:focus{outline:none !important;outline-offset:0px !important;}
.card-header button{font-size:18px;color:#fff;}
.google_map.mobile .card {
background-color: #000;
color: #fff; font-family: 'Lato-Light';
}
.google_map.mobile {
display: none !important;
}
.card-header button .fa {
padding-right: 10px;
}
/************* dropdown *************/
.dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
ul#myDropdown {
padding-left: 20px;
background-color: #000;
}
.handheld.mainNav .menuWrapper ul li a.active{background-color: #eee;
color: #dab24e !important;}
.blogred a {
background-image: none;
border: 1px solid;
padding: 10px; position: relative; top: 15px;
}
.google_map.mobile_contact {
display: none !important;
}
.google_map{display:block !important;}
.frntpage {
background-image: url(images/404-pagebg.jpg);
background-repeat: no-repeat;
}
.ftpagesapm {
width: 100%;
margin: auto;
display: block; padding: 150px 0px;
}
.frntpage {
width: 100%;
float: left;
display: block;
}
.fnf{
width: 50%;
margin: auto;
display: block;
}
.fnf p {
font-size: 20px;
padding: 30px 0 30px 0;
color: #fff;
text-align: center;
}
.blog-content2.lokesh .blogsec2.col-md-6.col-sm-12.col-xs-12,.blog-content2.rajsh .blogsec2.col-md-6.col-sm-12.col-xs-12 {
padding-right: 0px;
padding-left:0px;
}
.banner.testimonial .blog-content.bandana .blogsec2{
padding: 142px 15px !important;
}
.banner.testimonial .blog-content.karuppusamy .blogsec2{
padding: 165px 15px !important;
}
.blog-content2.lokesh {margin-top: 40px;}
.banner.testimonial .blog-content2.rajsh .blogsec1{padding: 85px 15px !important;}
.banner.testimonial .blog-content2,.banner.testimonial .blogsec2{background-color:#141517;}
.banner.testimonial .blog-content2 h2,.banner.testimonial p,.banner.testimonial .blog-content h2{color:#ffffff;}
.blog-content2.lokesh .blogsec1.col-md-6.col-sm-12.col-xs-12,.blog-content2.rajsh .blogsec1.col-md-6.col-sm-12.col-xs-12{padding-right:15px;}
.blog.testi{
width: 100%;
float: left;
display: block;
background: url(images/testimonalbg.jpg) no-repeat;
background-size: 100% 101%;
}
.footer-wrapper {
background-color: #121212 !important;
width: 100% !important;
display: block !important;
float: left !important;
}
.social_links {
width: 100%;
display: block;
padding: 20px 0px;
float: left;
}
.social_links ul li.fb {
background: url(images/fb.png) no-repeat;
width: 24px;
}
.social_links ul li {
display: inline-block;
margin: 0 10px 0 10px;
}
.gdlr-blog-content p, a {
font-family: 'Lato-Light' !important;color: #000000 !important;
font-size: 15px !important;
font-weight: 600 !important; text-align: justify;padding-bottom: 10px;
}
.copyright-left{float:none; text-align:center;font-family: 'Lato-Light' !important;}
.footerbottom {
font-size: 18px;
color: #797979;
text-align: center;
}
.blog-content .blogsec2 h3 {
font-family: 'Lato-Bold' !important;
text-align: center;
}
.gdlr-navigation-wrapper .gdlr-main-menu > li > a {
color: #ffffff !important;
}
.gdlr-navigation-wrapper .gdlr-main-menu > li > a {
font-family: 'Lato-Light' !important;
text-transform: uppercase !important;
font-size: 15px !important;
}
.gdlr-navigation-wrapper .gdlr-main-menu > li > a {
position: relative !important;
display: block !important;
padding: 5px 15px !important;
}
.gdlr-header-inner {
padding: 25px 0px !important;
}
.gdlr-logo {
max-width: 100% !important;
}
header.post-header h1{
text-transform: uppercase;
font-weight: bold;padding-top: 15px;
font-family: 'Lato-Bold';
padding-bottom: 14px;color:#000000 !important;}
span.gdlr-nav-separator{display:none;}
.gdlr-navigation-wrapper,.gdlr-logo{margin:0px!important;}
.archive .content-wrapper {
background-color: #fff;
}