/* Global Industry - Factory and Industry HTML Template*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Services Section
7. Projects Section / Style Two
8. Testimonial Section
9. Counter Section
10. News Section
11. Team Section
12. Clients Section
13. Map Section
14. Main Footer
15. Welcome Section
16. Subscribe Section
17. Accordian Section
18. Call To Action Section
19. Work Process Section
20. Page Title
21. Error Section
22. Comming Soon Section
23. Services Single Section
24. Projects Detail Section
25. News Blog
26. Comments Section
27. Comments Form
28. Shop Item
29. Shop Detail
30. Contact Form
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: 'Arimo', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Raleway', sans-serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
/*@import url('jquery-ui.css');*/
/*@import url('jquery.fancybox.min.css');*/
@import url('jquery.bootstrap-touchspin.css');
/*@import url('jquery.mCustomScrollbar.min.css');*/
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
:root{
--bc: #fed101;
}
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #222;
}
/***
====================================================================
Theme all Color Settings
====================================================================
***/
a,
.theme_color,
.list-style-one li .icon,
.social-icon-one li a:hover,
.list-style-two li .icon,
.services-block .inner-box .upper-box h3 a:hover,
.main-header .info-box .icon-box,
.footer-lists li a:hover,
.footer-lists li a:before,
.news-widget .post .text a:hover,
.news-widget .post .post-info li .icon,
.team-block .inner-box .lower-box h3 a,
.social-icon-two li a:hover,
.process-block .inner-box .lower-box h3,
.process-block .inner-box .lower-box h3 a,
.process-block .inner-box .upper-box .icon-box,
.services-block-four .inner-box h3 a:hover,
.welcome-section .content-column .inner-column .text h3,
.main-header .header-top .top-right .social-nav li a:hover,
.gallery-section .filters .filter-tabs .filter.active,
.gallery-section .filters .filter-tabs .filter:hover,
.testimonial-block .inner-box .author-box .designation,
.news-block .inner-box .lower-content h3 a:hover,
.news-block .inner-box .lower-content .post-meta li span,
.news-block-two .inner-box .content-column h3 a:hover,
.news-block-two .inner-box .content-column .post-meta li span,
.header-style-two .nav-outer .outer-box .contact-number .icon,
.header-style-three .nav-outer .outer-box .contact-number .icon,
.services-block-two .inner-box .lower-box h3 a:hover,
.portfolio-item-two .overlay-inner h3 a:hover,
.portfolio-item-two .overlay-inner .content .tags,
.testimonial-block-two .inner-box .quote-icon,
.accordion-box .block .icon-outer,
.list-style-three li .icon,
.page-title .page-breadcrumb li a,
.services-block-three .inner-box h3 a:hover,
.services-block-four .inner-box:hover .icon-box,
.testimonial-block-two .inner-box .lower-box .rating,
.news-block-three .inner-box .lower-content h3 a:hover,
.time-counter .time-countdown .counter-column,
.news-block-three .inner-box .lower-content .post-meta li span,
.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover,
.accordion-box.style-two .block .acc-btn.active,
.project-list li.social-icons a:hover,
.cat-list li.active a, .cat-list li a:hover,
.sidebar .popular-posts .post a:hover,
.sidebar .popular-tags a:hover,
.news-single .inner-box .lower-content .post-meta li span,
.social-icon-three li a:hover,
.shop-item .inner-box .lower-content .price,
.shop-item .inner-box .lower-content .add-cart:hover,
.shop-item .inner-box .lower-content .rating .fa,
.shop-item .inner-box .lower-content h3 a:hover,
.cart-table tbody tr .remove-btn,
.sidebar-page-container .comments-area .comment-info .comment-time,
.news-single .inner-box .lower-content .post-share-options .tags a:hover,
.sidebar .popular-posts .post .post-thumb .overlay-box,
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus,
.services-single .services-tabs .tab-btns .tab-btn:hover,
.services-single .services-tabs .tab-btns .tab-btn.active-btn,
.range-slider-one .theme-btn:hover,
.sidebar .related-posts .post .rating .fa,
.cart-section .totals-table .total .price,
.checkout-page .default-links li a,
.product-details .basic-details .details-header .rating,
.product-details .basic-details .details-header .item-price,
.sidebar .related-posts .post a, .sidebar .related-posts .post a:hover,
.subscribe-form-three .form-group input[type="submit"], .subscribe-form-three button,
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation,
.projects-section .owl-nav .owl-prev:hover, .projects-section .owl-nav .owl-next:hover,
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more,
.project-page-section .filters .filter-tabs .filter.active,
.project-page-section .filters .filter-tabs .filter:hover,
.order-box ul li span,
.sidebar-page-container .comments-area .comment .comment-inner .rating,
.shop-comment-form .rating-box .rating a:hover{
color:#fed101;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#fed101 !important;
}
/*Background Color*/
.btn-style-one,
.sec-title .separater:before,
.btn-style-two:hover,
.scroll-to-top:hover,
.services-block .inner-box .upper-box .icon,
.main-menu .navigation > li:before,
.project-list li .icon,
.testimonial-section .owl-dots .owl-dot,
.fact-counter .column .counter-title:before,
.team-block .inner-box:hover .lower-box,
.subscribe-form .form-group input[type="submit"],
.subscribe-form .form-group button,
.main-footer .footer-bottom,
.header-style-two .header-top,
.btn-style-three:hover,
.subscribe-section:before,
.services-block-three .inner-box .icon-box,
.services-section-two .owl-dots .owl-dot,
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default,
.services-block-four .inner-box .icon-box,
.comming-soon .content .content-inner .logo:after,
.process-block .inner-box:hover .upper-box .icon-box,
.process-block .inner-box .upper-box .icon-box .block-number,
.accordion-box .block .acc-btn.active .icon-outer .icon-minus,
.services-block-two .inner-box .upper-box .image .icon-box,
.services-block .inner-box .lower-box .image .overlay-box .link-btn,
.main-header .header-lower .outer-box .advisor-box .advisor-btn span,
.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button,
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover,
.blog-cat li a:after,
.brochure-box:hover,
.cart-section .coupon-btn,
.cart-section .cart-options .cart-btn:hover,
.cart-section .cart-options .cart-btn,
.sidebar-title .separater:after,
.cart-section .coupon-btn:hover,
.shipping-form button,
.shipping-form button:hover,
.cart-section .totals-table .proceed-btn,
.cart-section .totals-table .proceed-btn:hover,
.sidebar .search-box .form-group button,
.ui-state-active, .ui-widget-content .ui-state-active,
.shop-item .inner-box .image .overlay-box .cart-option li a,
.sidebar-page-container .comments-area .comment .comment-reply,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
background-color:#fed101;
}
/*Border Color*/
.btn-style-one,
.btn-style-two:hover,
.main-menu .navigation > li > ul,
.list-style-two li .icon,
.btn-style-three:hover,
.brochure-box:hover,
.portfolio-item-two .overlay-inner,
.main-menu .navigation > li > ul > li > ul,
.projects-section .owl-nav .owl-prev:hover,
.projects-section .owl-nav .owl-next:hover,
.process-block .inner-box:hover .upper-box .icon-box,
.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover,
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus,
.list-style-three li .icon,
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover,
.sidebar-page-container .comments-area .comment-box:hover,
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus,
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default,
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus,
.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus,
.ui-state-active, .ui-widget-content .ui-state-active,
.checkout-form input:focus, .checkout-form select:focus,
.checkout-form textarea:focus,
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
border-color:#fed101;
}
.subscribe-section .title-column:after,
.header-style-two .main-menu .navigation > li > a:after,
.main-menu .navigation > li:after{
border-bottom-color:#fed101;
}
.subscribe-section .title-column:after{
border-left-color:#fed101;
}
.subscribe-section .title-column:after{
}
/*RGBA Color Dark*/
.default-portfolio-item .overlay-box,
.fluid-section-one .title-column:before{
background-color:rgba(255,178,0,0.80);
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Arimo', sans-serif;
font-size:14px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#fed101;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
.para-links{
color: inherit;
}
.para-links:hover{
color: inherit;
}
.para-link-y{
color:#000;
font-weight: 600;
transition: all ease-in-out 0.4s;
}
.para-link-y:hover{
color:#fed101;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Montserrat', sans-serif;
}
input,button,select,textarea{
font-family: 'Montserrat', sans-serif;
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;
}
ol li {
list-style: decimal;
color: #fff;
margin-left: 15px;
font-size: 15px;
margin-bottom: 5px;
}
.text-content{
color: #777777;
font-size: 16px;
line-height: 1.8em;
}
.text-light{
color: #fff;
font-size: 16px;
line-height: 1.8em;
}
.gray_bg{
background-color:#f5f5f5;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/*List Style One*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#333333;
font-size:15px;
padding-left:70px;
font-weight:700;
/* padding-top:14px; */
margin-bottom:40px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:0px;
color:#fed101;
font-size:36px;
line-height:46px;
font-weight:300;
}
/*List Style Two*/
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#666666;
font-size:14px;
padding-left:60px;
font-weight:400;
margin-right:40px;
display:inline-block;
}
.list-style-two li:last-child{
margin-right:0px;
}
.list-style-two li strong{
position:relative;
color:#333333;
font-size:17px;
font-weight:700;
display:block;
}
.list-style-two li .icon{
position:absolute;
left:0px;
top:0px;
width:42px;
height:42px;
color:#fed101;
font-size:20px;
line-height:40px;
font-weight:300;
text-align:center;
border-radius:50%;
border:1px solid #fed101;
}
/*List Style Three*/
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
color:#666666;
font-size:14px;
padding-left:70px;
font-weight:400;
margin-bottom:30px;
}
.list-style-three li:last-child{
margin-right:0px;
}
.list-style-three li strong{
position:relative;
color:#333333;
font-size:17px;
font-weight:700;
display:block;
}
.list-style-three li .icon{
position:absolute;
left:0px;
top:0px;
width:42px;
height:42px;
color:#fed101;
font-size:20px;
line-height:40px;
font-weight:300;
text-align:center;
border-radius:50%;
border:1px solid #fed101;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
padding:12px 28px 11px;
line-height:24px;
text-transform:capitalize;
background:#fed101;
color:#222222;
border:2px solid #fed101;
font-size:14px;
font-weight:500;
border-radius:50px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-one:hover{
background:#333333;
color:#ffffff;
border-color:#333333;
}
.btn-style-one.btn-sm{
padding:6px 18px 6px;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:12px 30px 11px;
line-height:24px;
text-transform:capitalize;
background:none;
color:#ffffff;
border:2px solid #ffffff;
font-size:14px;
font-weight:500;
border-radius:50px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-two:hover{
background:#fed101;
color:#ffffff;
border-color:#fed101;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
padding:11px 30px 11px;
line-height:24px;
text-transform:capitalize;
background:none;
color:#222222;
border:2px solid #222222;
font-size:16px;
font-weight:700;
border-radius:50px;
font-family: 'Arimo', sans-serif;
}
.btn-style-three:hover{
background:#fed101;
color:#ffffff;
border-color:#fed101;
}
/*Social Icon One*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin:0px 6px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
font-size:16px;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-icon-one li a:hover{
color:#fed101;
}
/*Social Icon Two*/
.social-icon-two{
position:relative;
}
.social-icon-two li.follow{
position:relative;
color:#ffffff;
font-size:20px;
margin-left:0px;
font-family: 'Montserrat', sans-serif;
}
.social-icon-two li{
position:relative;
margin-left:13px;
display:inline-block;
font-weight:600;
}
.social-icon-two li a{
position:relative;
font-size:16px;
margin-bottom:10px;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-two li a:hover{
color:#fed101;
}
/*Social Icon Three*/
.social-icon-three{
position:relative;
}
.social-icon-three li{
position:relative;
margin-left:5px;
display:inline-block;
font-weight:600;
}
.social-icon-three li a{
position:relative;
width:40px;
height:40px;
font-size:16px;
margin-bottom:10px;
color:#333333;
line-height:38px;
text-align:center;
display:inline-block;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-three li a:hover{
color:#fed101;
}
.theme_color{
color:#fed101;
}
.preloader{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:999999;
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-image:url(../images/icons/solar-loader.gif);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
.quote-cont{
display: none;
}
.quote-toggle{
position: fixed;
background: #fed101;
color: #222222 !important;
padding: 12px 25px;
font-size: 20px;
font-weight: 600;
top: 35%;
right: 23px;
transform: rotate(-90deg);
transform-origin: right;
border-radius: 30px 30px 0px 0px;
z-index: 99;
transition: all ease-in-out 0.4s;
}
.quote-toggle:hover{
color: #fff !important;
background-color: #333333;
}
.quote-toggle::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 30px 30px 0 0;
background-color: #fed101;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(0);
opacity: 0.2;
transform-origin: bottom;
z-index: -1;
animation: ripple 2s cubic-bezier(0, 0, 0.74, 0.21) infinite;
}
@keyframes ripple{
16%{
transform: translate(-50%,-50%) scale(1.1);
opacity: 0.5;
}
32%{
transform: translate(-50%,-50%) scale(1.2);
opacity: 0.4;
}
48%{
transform: translate(-50%,-50%) scale(1.25);
opacity: 0.3;
}
64%{
transform: translate(-50%,-50%) scale(1.3);
opacity: 0.2;
}
80%{
transform: translate(-50%,-50%) scale(1.35);
opacity: 0.1;
}
100%{
transform: translate(-50%,-50%) scale(0);
opacity: 0;
}
}
.quote-toggle:hover::after{
background-color: #222;
}
.quote-toggle.hide-quote{
transition: all ease-in-out 0.4s;
transform: rotate(-90deg) translateY(100%);
}
.form-head{
background: #fed101;
color: #222222 !important;
padding: 12px 25px;
font-size: 20px;
font-weight: 600;
border-radius: 30px 30px 0px 0px;
transition: all ease-in-out 0.4s;
margin-top: -52px;
width: 165px;
transform: translateY(115%);
z-index: -1;
}
.form-head.animate-me{
animation: show-me 0.4s ease-in-out forwards 0.4s;
}
@keyframes show-me{
100%{
transform: translateY(0px);
}
}
#quote-modal.modal.fade:not(.show) .modal-dialog {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
transition: all ease-in-out 0.7s;
}
.beat-digits{
font-size: 20px;
color: #fed101;
animation: beat-me 1s ease-in-out infinite alternate;
display: inline-block;
}
@keyframes beat-me{
100%{
transform: scale(1.2);
}
}
.logo-box .navbar-toggler{
display: none;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
display: none!important;
position:fixed;
bottom:15px;
right:15px;
width:50px;
height:50px;
color:#ffffff;
font-size:22px;
text-transform:uppercase;
line-height:50px;
text-align:center;
z-index:100;
cursor:pointer;
background:#0a0a0a;
display:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
color:#ffffff;
background:#fed101;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:60px;
}
.sec-title h2{
position:relative;
color:#333333;
font-size:36px;
font-weight:700;
line-height:1.4em;
padding-bottom:20px;
}
.sec-title h5{
position:relative;
color:#333333;
font-weight:700;
padding-bottom:20px;
}
.sec-title .separater{
position:relative;
width:100px;
height:2px;
background-color:#333333;
}
.sec-title .separater:before{
position:absolute;
content:'';
right:0px;
bottom:-4px;
width:10px;
height:10px;
display:inline-block;
background-color:#fed101;
}
.sec-title.centered .separater{
left:50%;
margin-left:-50px;
}
.sec-title .text{
position:relative;
color:#333333;
font-size:18px;
margin-top:32px;
}
.sec-title.centered h2:after{
left:50%;
margin-left:-30px;
}
.sec-title.light .separater{
background-color:#ffffff;
}
.sec-title.centered .separater:before{
left:50%;
right:auto;
margin-left:-5px;
}
.sec-title.light h2, .sec-title.light h5{
color:#ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
z-index:999;
width:100%;
}
.main-header .header-top{
position:relative;
top:40px;
margin-top:-40px;
background-color:#222222;
}
.main-header .header-top .top-right ul li{
position:relative;
color:#ffffff;
font-size:14px;
/* margin-right:70px; */
/* display:inline-block; */
display: none;
}
/* .main-header .header-top .top-left ul li span{
position:relative;
top:2px;
margin-right:10px;
color:#fed101;
font-size:16px;
line-height:1em;
} */
.main-header .header-top .top-right{
position:relative;
padding:18px 0px;
}
.main-header.header-style-two .header-top .top-left{
padding:14px 0px;
}
.main-header .header-top .top-left{
position:relative;
text-align:right;
padding:10px 0px;
}
.main-header.header-style-two .header-top .top-right{
padding:8px 0px;
}
.social-nav{
position:relative;
float:left;
z-index:1;
margin-top:10px;
margin-right:45px;
}
.main-header.header-style-two .header-top .top-right .social-nav{
margin-top:7px;
margin-right:0px;
}
.social-nav li{
position:relative;
padding-left:15px;
display:inline-block;
}
.social-nav li a{
position:relative;
color:#ffffff;
font-size:16px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-nav li a:hover{
color: #fed101;
}
.call-nav li{
display: inline-block;
}
.main-header.header-style-two .header-top .top-right .social-nav li a:hover{
color:#222222;
}
.main-header .search-box{
position:relative;
float:left;
}
.main-header .search-box .form-group{
position:relative;
margin:0px;
}
.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"]{
position:relative;
line-height:25px;
padding:10px 50px 10px 20px;
background:rgba(255,255,255,0.10);
display:block;
font-size:14px;
height:40px;
width:270px;
float:right;
color:#ffffff;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-box .form-group input::-webkit-input-placeholder{
color:rgba(255,255,255,1);
}
.main-header .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:40px;
width:45px;
display:block;
font-size:14px;
color:#ffffff;
line-height:100%;
font-weight:normal;
background:none;
}
.postcode-search input[type="text"]{
width: 300px;
height: 50px;
padding: 0 20px;
border-radius: 30px 0 0 30px;
border-color: #d0d0d0;
border-width: 2px;
border-right: 0;
}
.postcode-search input[type="text"]:focus{
border-color: #222;
box-shadow: none;
}
.postcode-search input[type="button"],.postcode-search button{
background: #fed101;
border-color: #222;
border-radius: 0px 30px 30px 0;
padding: 0 35px;
}
.postcode-search input[type="button"]:hover,.postcode-search button:hover{
background: #222;
color: #fff;
}
.postcode-search button{
font-size: 16px;
}
.postcode-search button i.fa{
margin-right: 5px;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header.header-style-two .main-box .logo-box{
max-width: 165px;
padding: 20px 0;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .nav-toggler{
position:absolute;
top:50%;
margin-top:0px;
display: block;
}
.main-header .nav-toggler button{
position:relative;
display:block;
color:#444444;
text-align:center;
font-size:24px;
line-height:34px;
font-weight:normal;
background:none;
}
.main-header .header-upper .logo-box .logo{
max-width: 165px;
}
.main-header .header-upper{
position:relative;
top:40px;
}
.main-header .header-upper .upper-right{
padding-top:40px;
}
.main-header .header-upper .upper-right h6, .main-header .header-upper .upper-right form{
display: inline-block;
}
.main-header .header-upper .upper-right h6{
margin-right: 20px;
color: #222;
font-weight: 600;
}
.main-header .header-upper .upper-right .extra-logo{
width: 150px;
margin-right: 20px;
}
.main-header .nav-outer{
position:relative;
bottom:-40px;
padding:0px 0px 0px 35px;
background-color:#222222;
}
.header-style-two .header-top{
background-color:#fed101;
top:auto;
margin-top:0px;
}
.main-header.header-style-two .header-top .top-left li{
color:#222222;
font-size:14px;
}
.main-header.header-style-two .header-top .top-left li span{
font-weight:700
}
.header-style-three{
position:absolute;
}
.header-style-two .nav-outer,
.header-style-three .nav-outer{
position: static;
background:none;
margin:0px;
float:right;
bottom:auto;
padding-left:0px;
}
.header-style-three .nav-outer .main-menu{
padding-top:35px;
}
.header-style-two .nav-outer .outer-box,
.header-style-three .nav-outer .outer-box{
position:relative;
float:right;
margin-top:46px;
margin-left:35px;
}
.header-style-two .nav-outer .outer-box .contact-number{
position:relative;
padding-left:45px;
color:#666666;
font-size:14px;
font-weight:700;
}
.header-style-three .nav-outer .outer-box .contact-number{
color:#666666;
position:relative;
padding-left:50px;
font-size:14px;
font-weight:700;
}
.header-style-two .nav-outer .outer-box .contact-number .icon,
.header-style-three .nav-outer .outer-box .contact-number .icon{
position:absolute;
left:0px;
top:0px;
color:#fed101;
line-height:1em;
font-size:40px;
font-weight:400;
}
.header-style-two .nav-outer .outer-box .contact-number strong{
color:#222222;
font-size:18px;
display:block;
}
.header-style-three .nav-outer .outer-box .contact-number strong{
color:#ffffff;
font-size:18px;
display:block;
}
.main-header .header-upper .logo-box{
padding:20px 0px;
}
.main-header .info-box{
position:relative;
float:left;
min-height:56px;
margin-left:50px;
font-size:13px;
color:#777777;
text-align:left;
text-transform:uppercase;
padding:0px 0px 20px 50px;
}
.main-header .info-box:last-child .theme-btn{
padding:11px 22px 10px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:6px;
color:#fed101;
font-size:34px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box li{
position:relative;
line-height:20px;
color:#777777;
font-size:16px;
margin-bottom:6px;
font-weight:400;
text-transform:capitalize;
}
.main-header .info-box strong{
position:relative;
font-weight:500;
color:#333333;
font-size:18px;
font-family: 'Montserrat', sans-serif;
}
.main-header .info-box .quote-btn{
position: relative;
line-height: 24px;
color: #1f1f1f;
font-size: 16px;
font-weight: 600;
padding:14px 38px;
border-radius:50px;
background:none;
text-transform: uppercase;
border:2px solid #f2f2f2;
}
.main-header .info-box .quote-btn:hover{
color:#ffffff;
border-color:#26447b;
background-color:#26447b;
}
.main-menu{
position:static;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin:0px 25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
/* .main-menu .navigation > li:last-child::after{
display:none;
} */
.main-menu .navigation > li:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
opacity:0;
background-color:#fed101;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
opacity:0;
margin-left:-6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fed101;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .main-menu .navigation > li:before{
bottom:-1px;
}
.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::after,
.main-menu .navigation > li.current::after{
opacity:1;
}
.sticky-header .main-menu .navigation > li > a{
padding:30px 0px !important;
color:#444444 !important;
font-size: 14px;
text-transform: uppercase !important;
}
.sticky-header .main-menu .navigation > li > a:after{
opacity:0 !important;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#fed101 !important;
}
.sticky-header .nav-outer .options-box{
margin-top:26px;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #e6e6e6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:10px 0px 10px;
max-width: 125px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
text-align:center;
line-height:30px;
text-transform:uppercase;
letter-spacing:0px;
opacity:1;
font-weight:600;
padding:17px 0px;
font-size:14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.header-style-two .main-menu .navigation > li,
.header-style-three .main-menu .navigation > li{
position:relative;
margin-right: 0px;
margin-left: 30px;
}
.header-style-two .main-menu .navigation > li > a:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
margin-left:-6px;
opacity:0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fed101;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .main-menu .navigation > li.current > a::after,
.header-style-two .main-menu .navigation > li:hover > a::after{
opacity:1;
}
.header-style-two .sticky-header .main-menu .navigation > li{
margin-right:0px;
}
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li > a{
color:#222222;
padding:50px 0px;
text-transform:capitalize;
}
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li > a{
color:#ffffff;
text-transform:capitalize;
}
.header-style-two .main-menu .navigation > li > a:hover{
color:#222222;
}
.header-style-two .main-menu .navigation > li:after{
display:none;
}
.sticky-header .main-menu .navigation > li{
position:relative;
margin-right:0px;
margin-left:45px;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
display:none;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
width:100%;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #fed101;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 15px;
line-height:24px;
font-weight:400;
font-size:14px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#2c2c2c;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:10px;
width:10px;
height:20px;
display:block;
color:#253d4a;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #fed101;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:10px 15px;
line-height:24px;
font-weight:400;
font-size:14px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
background:#2c2c2c;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:calc(100% - 2px);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#fed101;
line-height:28px;
border:1px solid #fed101;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn{
color:#fff;
border:1px solid #fff;
}
.main-header .options-box{
position:relative;
float:left;
margin-top:42px;
right:0px;
margin-left:0px;
}
.main-header .options-box .options-nav{
position:relative;
}
.main-header .options-box .options-nav > li{
position:relative;
color:#ffffff;
font-size:22px;
margin-left:28px;
display:inline-block;
}
.main-header .options-box .options-nav li.menu-btn{
cursor:pointer;
}
.main-header .options-box .options-nav > li > a{
position:relative;
color:#ffffff;
}
.main-header .header-lower .outer-box{
position:relative;
float:right;
}
.main-header .header-lower .outer-box .advisor-box{
position:relative;
float:left;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn{
position:relative;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn span{
position:relative;
display:block;
color:#222222;
font-size:16px;
font-weight:500;
line-height:24px;
border-radius:50px 0px 0px 50px;
padding:20px 20px 20px 28px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
font-family: 'Raleway', sans-serif;
background-color:#fed101;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn:before{
position:absolute;
content:'';
left:-3px;
top:0px;
width:100%;
height:100%;
background-color:#ffffff;
border-radius:50px;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:rgba(0,0,0,0.40) !important;
}
.main-slider .tparrows.gyges{
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
background-color:rgba(255,255,255,0.20);
}
.main-slider .tparrows.gyges:before{
line-height:60px;
}
.main-slider .tparrows.gyges:hover{
color:#333333 !important;
background-color:#333333;
}
.main-slider h2{
position:relative;
font-size:60px;
color:#ffffff;
font-weight:600;
line-height:1.2em;
}
.main-slider .text{
font-weight:400;
line-height:1.6em;
color:#ffffff;
font-size:20px;
}
.main-slider .text.alternate{
text-align:center !important;
}
.main-slider .title{
position:relative;
color:#ffffff;
font-size:36px;
font-weight:600;
line-height:1.4em;
text-shadow: 2px 2px 2px #222222;
}
.main-slider h2.alternate{
font-size:60px;
}
.main-slider .theme-btn{
margin-right:25px;
}
.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3{
background:none !important;
overflow:hidden;
height:90px;
}
.main-slider.alternate .tparrows.preview3{
margin-top:30px !important;
height:50px;
}
.main-slider .contact-number{
position:absolute;
width:100%;
bottom:40px;
display:block;
z-index:20;
color:#ffffff;
font-size:15px;
text-align:center;
}
.main-slider .contact-number .icon{
position:relative;
display:block;
margin-bottom:15px;
color:#fed101;
font-size:30px;
}
.main-slider .tparrows.preview3::after{
top:0px;
color:#101010;
font-size:26px;
padding:0px;
background:rgba(255,255,255,0.70);
font-weight:400;
width:36px;
height:90px;
line-height:90px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider .tparrows.tp-leftarrow.preview3::after{
content: '\f104';
font-family:'FontAwesome';
}
.main-slider .tparrows.tp-rightarrow.preview3::after{
content: '\f105';
font-family:'FontAwesome';
}
.main-slider .tparrows.preview3:hover::after{
background:rgba(255,255,255,1);
}
.main-slider .tparrows.preview3.tp-leftarrow{
left:0px !important;
}
.main-slider .tparrows.preview3.tp-rightarrow{
right:-36px !important;
}
.main-slider .tparrows.preview3 .tp-arr-iwrapper{
visibility:hidden;
opacity:0;
display:none;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding:80px 0px 50px;
}
.services-block{
position:relative;
margin-bottom:50px;
}
.services-block .inner-box{
position:relative;
}
.services-block .inner-box .upper-box{
position:relative;
padding-left:78px;
min-height:57px;
}
.services-block .inner-box .upper-box .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:57px;
color:#333333;
font-size:24px;
line-height:56px;
text-align:center;
background-color:#fed101;
}
.services-block .inner-box .upper-box h3{
position:relative;
color:#333333;
font-size:20px;
font-weight:700;
line-height:57px;
}
.services-block .inner-box .upper-box h3 a{
position:relative;
color:#333333;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Arimo', sans-serif;
}
.services-block .inner-box .upper-box h3 a:hover{
color:#fed101;
}
.services-block .inner-box .lower-box{
position:relative;
}
.services-block .inner-box .lower-box .image{
position:relative;
}
.services-block .inner-box .lower-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block .inner-box .lower-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
padding:32px 35px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(51,51,51,0.90);
}
.services-block .inner-box:hover .lower-box .image .overlay-box{
opacity:1;
}
.services-block .inner-box .lower-box .image .overlay-box .text{
position:relative;
color:#ffffff;
font-size:15px;
line-height:2em;
}
.services-block .inner-box .lower-box .image .overlay-box .link-btn{
position:absolute;
color:#333333;
font-size:18px;
right:30px;
bottom:0px;
display:inline-block;
padding:17px 12px 10px;
border-radius:50px 50px 0px 0px;
background-color:#fed101;
}
/***
====================================================================
Products Section
====================================================================
***/
.product-section{
position:relative;
}
.product-section.alternate{
padding-bottom:90px;
}
.product-section .upper-box{
position:relative;
padding:80px 0px 200px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
}
.product-section .upper-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(51,51,51,0.50);
}
.product-section .upper-box h2{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:400;
line-height:1.7em;
text-align:center;
font-family: 'Montserrat', sans-serif;
}
.product-section .upper-box h2 span{
font-weight:600;
}
.product-section .lower-box{
position:relative;
margin-top:-120px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
.product-section .lower-box .image-column{
position:relative;
padding:0px;
float:left;
}
.product-section .lower-box .image-column .image{
position:relative;
}
.product-section .lower-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.product-section .lower-box .content-column{
position:relative;
padding:0px;
float:left;
}
.product-section .lower-box .content-column .inner-column{
position:relative;
padding:50px 50px 0;
}
.product-section .lower-box .content-column .inner-column h3{
position:relative;
color:#333333;
font-size:30px;
font-weight:700;
line-height:1.4em;
margin-bottom:25px;
}
.product-section .lower-box .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.product-section .lower-box .content-column .inner-column .text p{
position:relative;
color:#777777;
font-size:15px;
margin-bottom:0px;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:80px 0px 80px;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
text-align:center;
padding:50px 50px 70px;
background:url(../images/background/testimonial.jpg) no-repeat;
background-size:cover;
}
.testimonial-block .inner-box .quote-icon{
position:relative;
color:#fed101;
font-size:28px;
line-height:1em;
margin-bottom:35px;
}
.testimonial-block .inner-box .text{
position:relative;
font-size:15px;
font-weight:400;
line-height:1.9em;
color:#ffffff;
margin-bottom:35px;
}
.testimonial-block .inner-box .author-box{
position:relative;
padding-left:70px;
text-align:left;
display:inline-block;
}
.testimonial-block .inner-box .author-box .image{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-block .inner-box .author-box h3{
position:relative;
font-size:15px;
font-weight:500;
color:#ffffff;
font-family: 'Montserrat', sans-serif;
}
.testimonial-block .inner-box .author-box .designation{
position:relative;
color:#fed101;
font-size:12px;
}
.testimonial-section .owl-nav{
display:none;
}
.testimonial-section .owl-dots{
position:relative;
text-align:center;
margin-top:70px;
}
.testimonial-section .owl-dots .owl-dot{
position:relative;
margin:0px 3px;
width:20px;
height:5px;
background-color:#fed101;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active{
width:30px;
background-color:#1b1b1b;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
background-position:center center;
padding-top:50px;
}
.counter-section .counter-main-column{
position:relative;
}
.counter-section .counter-main-column .inner-column{
position:relative;
padding-top:85px;
}
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
z-index:5;
margin-bottom:70px;
}
.fact-counter .column .inner{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fact-counter .count-outer{
position:relative;
font-size:40px;
line-height:1em;
font-weight:700;
color:#222222;
}
.fact-counter .count-outer .count-text{
position:relative;
font-weight:700;
color:#222222;
font-size:48px;
}
.fact-counter .column .counter-title{
position:relative;
font-size:30px;
font-weight:500;
color:#666666;
margin-top:25px;
padding-top:16px;
display:inline-block;
font-family: 'Montserrat', sans-serif;
}
.fact-counter .column .counter-title:before{
position:absolute;
content:'';
top:0px;
width:40px;
height:5px;
background-color:#fed101;
}
.counter-section .image-column{
position:relative;
text-align:center;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:70px 0px 50px;
}
.clients-section .title-column{
position:relative;
margin-bottom:25px;
}
.clients-section .title-column h2{
position:relative;
color:#222222;
font-size:30px;
font-weight:600;
line-height:1.3em;
}
.clients-section .sponsors-outer{
position:relative;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:75%;
/* -webkit-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%); */
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover{
-webkit-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section{
position:relative;
padding:0px 0 80px;
}
.map-section .auto-container{
position:relative;
}
.map-section .map-outer{
position:relative;
background-color:#0e1626;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:500px;
}
.map-section .map-info-box{
position:absolute;
left:50%;
top:50%;
margin-top:-54px;
margin-left:-465px;
}
.map-info-box{
position:relative;
}
.map-info-box .info-inner{
position:relative;
padding:25px 30px;
border-radius:50px;
background-color:#ffffff;
}
.map-info-box .info-inner:after{
position:absolute;
content:'';
left:50%;
bottom:-20px;
margin-left:-20px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 25px solid #ffffff;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.main-footer .widgets-section{
position:relative;
padding:70px 0px 50px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-title{
position:relative;
margin-bottom:28px;
}
.main-footer .footer-title h2{
position:relative;
font-size:24px;
font-weight:500;
color:#ffffff;
line-height:1.4em;
padding-bottom:15px;
text-transform:capitalize;
}
.main-footer .footer-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:55px;
height:2px;
background-color:#fed101;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:20px;
}
.main-footer .logo-widget .text{
position:relative;
color:#fff;
font-size:15px;
line-height:1.8em;
}
.footer-lists{
position:relative;
}
.footer-lists li{
position:relative;
margin-bottom:8px;
}
.footer-lists li a{
position:relative;
display: block;
transform-origin: left;
color:#ffffff;
font-size:15px;
font-weight:400;
padding-left:20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.footer-lists li a:before{
position:absolute;
content:'\f105';
left:0px;
top:1px;
line-height:1em;
color:#fed101;
font-family: 'FontAwesome';
}
.footer-lists li a:hover{
color:#fed101;
transform: scale(1.08);
}
/*News Widget*/
.news-widget .post{
position:relative;
padding-left:85px;
min-height:90px;
margin-bottom:24px;
border-bottom:2px solid rgba(255,255,255,0.20);
}
.news-widget .post:last-child{
border:none;
min-height:auto;
}
.news-widget .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:65px;
height:65px;
overflow:hidden;
}
.news-widget .post .text{
position:relative;
line-height:1.4em;
font-size:15px;
font-weight:500;
padding-top:5px;
margin-bottom:10px;
font-family: 'Montserrat', sans-serif;
}
.news-widget .post .text a{
position:relative;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-widget .post .text a:hover{
color:#fed101;
}
.news-widget .post .post-info{
position:relative;
}
.news-widget .post .post-info li{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
margin-right:18px;
display:inline-block;
}
.news-widget .post .post-info li .icon{
position:relative;
margin-right:10px;
color:#fed101;
}
.subscribe-widget .text{
position:relative;
color:#999999;
font-size:15px;
line-height:1.8em;
margin-bottom:30px;
}
.subscribe-form{
position:relative;
margin-bottom:30px;
}
.subscribe-form .form-group{
position: relative;
display: block;
z-index:1;
margin-bottom: 0px;
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
position: relative;
width: 100%;
line-height: 30px;
padding: 10px 20px;
height: 50px;
color:#ffffff;
display:inline-block;
font-size: 13px;
border-radius:50px;
background: #444444;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-form .form-group input[type="submit"],
.subscribe-form .form-group button {
position: absolute;
width:50px;
height:50px;
top: 0px;
right: 0px;
color:#222222;
font-size:18px;
padding-right:6px;
border-radius:0px 50px 50px 0px;
display:inline-block;
background-color:#fed101;
}
.main-footer .footer-bottom{
position:relative;
padding:20px 0px;
text-align:center;
background-color:#fed101;
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#0b0b0b;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding:0px 0px 60px;
}
.services-section-two .inner-container{
position:relative;
margin-top:-120px;
z-index:10;
}
.services-block-two{
position:relative;
}
.services-block-two .inner-box{
position:relative;
}
.services-block-two .inner-box .upper-box{
position:relative;
border:3px solid #ffffff;
}
.services-block-two .inner-box .upper-box .image{
position:relative;
}
.services-block-two .inner-box .upper-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-two .inner-box .upper-box .image .icon-box{
position:absolute;
left:30px;
bottom:30px;
width:60px;
height:57px;
color:#333333;
font-size:28px;
z-index:1;
text-align:center;
line-height:57px;
background-color:#fed101;
}
.services-block-two .inner-box .upper-box .image .overlay-box{
position:absolute;
left:-3px;
top:-3px;
right:-3px;
bottom:-3px;
padding:30px 30px;
opacity:0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-color:rgba(34,34,34,0.80);
}
.services-block-two .inner-box:hover .upper-box .image .overlay-box{
opacity:1;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner{
position:relative;
height:100%;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.9em;
font-weight:400;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more{
position:absolute;
right:0px;
bottom:0px;
font-size:16px;
color:#fed101;
font-weight:700;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block-two .inner-box .upper-box .image .overlay-box .read-more:hover{
color:#ffffff;
}
.services-block-two .inner-box .lower-box{
position:relative;
padding-top:25px;
}
.services-block-two .inner-box .lower-box h3{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
}
.services-block-two .inner-box .lower-box h3 a{
position:relative;
color:#222222;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block-two .inner-box .lower-box h3 a:hover{
color:#fed101;
}
.services-block-two .inner-box .lower-box .title{
position:relative;
color:#666666;
font-size:16px;
font-weight:400;
margin-top:5px;
}
.services-section-two .owl-nav{
display:none;
}
.services-section-two .owl-dots{
position:relative;
text-align:center;
margin-top:60px;
}
.services-section-two .owl-dots .owl-dot{
position:relative;
margin:0px 3px;
width:40px;
height:3px;
background-color:#fed101;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active{
height:6px;
background-color:#1b1b1b;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section{
position:relative;
padding:90px 0px 50px;
}
.welcome-section.about-welcome{
padding:90px 0px 80px;
}
.welcome-section.alternate{
padding-top:80px;
}
.welcome-section .content-column{
position:relative;
margin-bottom:40px;
}
.welcome-section .content-column.about-content{
margin-bottom:0px;
}
.welcome-section .content-column .inner-column{
position:relative;
}
.welcome-section .content-column .inner-column h2,
.welcome-section .content-column .inner-column h1{
position:relative;
color:#222222;
font-size:36px;
font-weight:500;
line-height:1.3em;
margin-bottom:25px;
}
.welcome-section .content-column .inner-column h2 span,
.welcome-section .content-column .inner-column h1 span{
display:block;
font-weight:700;
}
.welcome-section .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.welcome-section .content-column.about-content .inner-column .text{
margin-bottom: 20px;
}
.welcome-section .content-column .inner-column .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.welcome-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.welcome-section .content-column .inner-column .text h3{
position:relative;
color:#fed101;
font-size:24px;
font-weight:700;
margin-bottom:15px;
}
.welcome-section .image-column{
position:relative;
}
.welcome-section .image-column .image{
position:relative;
}
.welcome-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
outline: 2px dashed #ffffff;
outline-offset: -20px;
}
.welcome-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section{
position:relative;
padding:80px 0px 70px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
}
.default-section .testimonial-column{
position:relative;
margin-bottom:40px;
}
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
}
.testimonial-block-two .inner-box .quote-icon{
position:relative;
color:#fed101;
font-size:24px;
line-height:1em;
margin-bottom:60px;
}
.testimonial-block-two .inner-box .text{
position:relative;
color:#666666;
font-size:16px;
line-height:1.9em;
margin-bottom:45px;
}
.testimonial-block-two .inner-box .lower-box{
position:relative;
}
.testimonial-block-two .inner-box .lower-box .author-box{
position:relative;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner{
position:relative;
padding-left:90px;
padding-top:30px;
min-height:70px;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:3px;
z-index:1;
background-color:#fed101;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image img{
width:100%;
display:block;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner h3{
position:relative;
color:#333333;
font-size:15px;
font-weight:500;
line-height:1.2em;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation{
position:relative;
color:#fed101;
font-size:12px;
}
.testimonial-block-two .inner-box .lower-box .rating{
position:absolute;
right:0px;
top:50px;
color:#fed101;
font-size:18px;
}
.default-section .testimonial-column .owl-dots{
display:none;
}
.default-section .testimonial-column .owl-nav{
position:absolute;
right:0px;
top:0px;
}
.default-section .testimonial-column .owl-nav .owl-prev,
.default-section .testimonial-column .owl-nav .owl-next{
position:relative;
width:30px;
height:30px;
color:#222222;
text-align:center;
line-height:26px;
font-size:18px;
margin-left:10px;
border:2px solid #222222;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover{
color:#fed101;
border-color:#fed101;
}
.default-section .testimonial-column .inner-column{
position:relative;
padding-right:100px;
}
.default-section .accordian-column{
position:relative;
}
.default-section .accordian-column .inner-column{
position:relative;
padding-right:100px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:10px;
border:1px solid #aaaaaa;
background-color:#ffffff;
}
.accordion-box .block.active-block{
background-color:#ffffff;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
cursor:pointer;
line-height:30px;
color:#333333;
font-weight:700;
padding:10px 20px 10px 80px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active{
color:#ffffff;
background-color:#333333;
}
.accordion-box .block .icon-outer{
position:absolute;
left:-1px;
top:0px;
font-size:18px;
color: #fed101;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
top:0px;
left:0px;
width: 50px;
height: 50px;
font-size: 16px;
font-weight: 300;
text-align: center;
line-height:50px;
background-color:#333333;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
font-weight:300;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
color:#333333;
background-color:#fbb908;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:25px 20px 15px 30px;
}
.accordion-box .block .content .text{
margin-bottom:10px;
line-height:1.9em;
font-size:14px;
color:#666666;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.accordion-box.style-two{
margin-top:40px;
margin-bottom:60px;
}
.accordion-box.style-two .block{
border:2px solid #eeeeee;
}
.accordion-box.style-two .block .acc-btn{
background-color:#eeeeee;
font-size:18px;
font-weight:400;
padding:15px 30px 15px 25px;
font-family: 'Montserrat', sans-serif;
}
.accordion-box.style-two .block .icon-outer,
.accordion-box.style-two .block .icon-outer .icon{
right:0px;
left:auto;
font-size:20px;
line-height:60px;
height:60px;
color:#333333;
background-color:#eeeeee;
}
.accordion-box.style-two .block .acc-btn.active{
color:#fed101;
background-color:#333333;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{
background:none;
color:#fed101;
}
.accordion-box.style-two .block .content .text{
font-size:16px;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section-two{
position:relative;
}
.map-section-two .map-canvas{
height:600px;
}
.map-section-two .map-info-box{
position:absolute;
left:50%;
bottom:-50px;
z-index:1;
margin-left:-465px;
}
.map-section-two .map-info-box .info-inner:after{
display:none;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section{
position:relative;
padding:50px 0px;
}
.call-to-action-section .text{
position:relative;
color:#222222;
font-size:24px;
font-weight:600;
line-height:1.4em;
margin-top:15px;
text-transform:uppercase;
}
.call-to-action-section .btn-column{
position:relative;
text-align:right;
}
.call-to-action-section .btn-column .theme-btn{
font-weight:700;
font-size:16px;
text-transform:uppercase;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section-three{
position:relative;
padding:80px 0px 80px;
}
.services-block-three{
position:relative;
margin-bottom:50px;
}
.services-block-three .inner-box{
position:relative;
text-align:center;
padding:110px 30px 30px;
border:2px solid #dddddd;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover{
border-color:#000000;
}
.services-block-three .inner-box .icon-box{
position:absolute;
left:50%;
top:-2px;
color:#333333;
font-size:22px;
margin-left:-30px;
text-align:center;
padding:35px 20px 15px;
background-color:#fed101;
}
.services-block-three .inner-box h3{
position:relative;
color:#333333;
font-size:20px;
font-weight:700;
line-height:1.4em;
margin-bottom:18px;
font-family: 'Arimo', sans-serif;
}
.services-block-three .inner-box h3 a{
position:relative;
color:#333333;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box h3 a:hover{
color:#fed101;
}
.services-block-three .inner-box .text{
position:relative;
color:#666666;
font-size:14px;
line-height:1.9em;
}
.services-block-four{
position:relative;
margin-bottom:40px;
}
.services-block-four .inner-box{
position:relative;
padding:20px 15px 20px 90px;
border:2px solid #dddddd;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box .icon-box{
position:absolute;
left:-2px;
top:-2px;
width:60px;
bottom:-2px;
color:#333333;
font-size:28px;
text-align:center;
line-height:100px;
background-color:#fed101;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box:hover .icon-box{
color:#fed101;
background-color:#333333;
}
.services-block-four .inner-box h3{
position:relative;
color:#333333;
font-size:20px;
font-weight:700;
line-height:1.4em;
margin-bottom:5px;
font-family: 'Arimo', sans-serif;
}
.services-block-four .inner-box h3 a{
position:relative;
color:#333333;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box h3 a:hover{
color:#fed101;
}
.services-block-four .inner-box .text{
position:relative;
color:#777777;
font-size:15px;
line-height:1.6em;
}
/***
====================================================================
Work Section
====================================================================
***/
.work-section{
position:relative;
padding:80px 0px 50px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.work-section .sec-title{
margin-bottom:100px;
}
.process-block{
position:relative;
margin-bottom:60px;
}
.process-block .inner-box{
position:relative;
text-align:center;
}
.process-block .inner-box .upper-box{
position:relative;
}
.process-block .inner-box .upper-box:after{
position:absolute;
content:'\f178';
left:100%;
top:50%;
color:#e4e4e4;
font-size:45px;
margin-top:-10px;
font-family: 'FontAwesome';
}
.process-block:last-child .inner-box .upper-box:after{
display:none;
}
.process-block .inner-box .upper-box .icon-box .block-number{
position:absolute;
right:-20px;
top:-20px;
width:40px;
height:40px;
color:#333333;
font-size:24px;
text-align:center;
border-radius:50%;
font-weight:700;
line-height:40px;
background-color:#fed101;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Arimo', sans-serif;
}
.process-block .inner-box:hover .upper-box .icon-box .block-number{
background-color:#ffffff;
color:#333333;
}
.process-block .inner-box .upper-box .icon-box{
position:relative;
width:150px;
height:150px;
margin:0 auto;
color:#fed101;
font-size:60px;
line-height:154px;
margin-bottom:32px;
background-color:#ffffff;
border-radius:25px 0px 25px 0px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.process-block .inner-box:hover .upper-box .icon-box{
color:#333333;
border-color:#fed101;
background-color:#fed101;
}
.process-block .inner-box .lower-box{
position:relative;
}
.process-block .inner-box .lower-box h3{
position:relative;
font-size:20px;
font-weight:500;
color:#fed101;
margin-bottom:15px;
text-transform:uppercase;
}
.process-block .inner-box .lower-box h3 a{
position:relative;
color:#fed101;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.process-block.style-two .inner-box:hover .lower-box h3 a{
color:#333333;
}
.process-block .inner-box:hover .lower-box h3 a{
color:#ffffff;
}
.process-block .inner-box .lower-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
max-width:95%;
margin:0 auto;
}
.process-block.style-two .inner-box .lower-box .text{
color:#777777;
}
/***
====================================================================
Contact Info Section
====================================================================
***/
.contact-info-section{
position:relative;
padding:80px 0px 80px;
}
.contact-info-section .info-column{
position:relative;
}
.contact-info-section .info-column .inner-column{
position:relative;
}
.contact-info-section .info-column .logo{
position:relative;
margin-bottom:25px;
}
.contact-info-section .info-column .text{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
margin-bottom:35px;
}
.contact-info-section .form-column{
position:relative;
}
.contact-info-section .form-column .sec-title{
margin-bottom:40px;
}
/***
====================================================================
Default Form
====================================================================
***/
.default-form{
position:relative;
}
.default-form .form-group{
position:relative;
margin-bottom:15px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:14px;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form.form-sm .form-group input[type="text"],
.default-form.form-sm .form-group input[type="password"],
.default-form.form-sm .form-group input[type="tel"],
.default-form.form-sm .form-group input[type="email"],
.default-form.form-sm .form-group select{
padding: 5px 15px;
height: 40px;
font-size: 12px;
}
.default-form.form-sm .form-group textarea{
height: 100px;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
border-color:#fed101;
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 20px;
color:#a5a5a5;
height:180px;
font-size:14px;
resize:none;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form button{
margin-top:10px;
font-size:16px;
font-weight:700;
padding:12px 34px;
color:#333333;
border-radius:50px;
text-transform:capitalize;
}
#quote-modal .default-form button{
font-size: 14px;
padding: 5px 20px;
outline: none;
}
.error-handling-messages {
position: fixed;
top: 120px;
right: 15px;
z-index: 999;
width: 320px;
}
.error-handling-messages .success-msg,
.p-error-handling-messages .p-success-msg,
.error-handling-messages .error-msg,
.p-error-handling-messages .p-error-msg {
padding: 10px 20px;
border: 2px solid;
color: #222;
font-weight: 600;
display: none;
}
.error-handling-messages .success-msg,
.p-error-handling-messages .p-success-msg{
background: #fffae4;
border-color: #fed101;
}
.error-handling-messages .error-msg,
.p-error-handling-messages .p-error-msg{
background: #ffe9e9;
border-color: #fe0101;
}
.form-loader,.p-form-loader{
display: none;
padding: 13px;
font-size: 18px;
color: #222;
}
.form-loader i, .p-form-loader i{
transform: rotate(0deg);
animation: refresh 1s linear infinite;
}
@keyframes refresh{
100%{
transform: rotate(360deg);
}
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
.footer-style-two{
position:relative;
padding:22px 0px;
background-color:#222222;
}
.footer-style-two .copyright{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:400;
}
.footer-style-two .social-column{
text-align:right;
}
/*********quote form *****/
.multistep-form-section {
position: relative;
padding: 90px 0px 90px;
}
/*form styles*/
#msform {
width: 100%;
margin: 0px auto;
text-align: center;
position: relative;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgb(0 0 0 / 0.15);
padding: 30px;
box-sizing: border-box;
width: 100%;
/*stacking fieldsets above each other*/
position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
#msform textarea{
height: 80px;
}
#msform select{
height: 50px;
border-radius: 0px;
}
#msform select:focus{
box-shadow: none;
}
/*headings*/
.fs-title {
font-weight: 600;
color: #222;
text-align: left;
margin-bottom: 10px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: #222;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
width: 33.33%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 40px;
line-height: 40px;
display: block;
font-size: 20px;
color: #fff;
background: #222;
border-radius: 3px;
margin: 0 auto 15px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #222;
position: absolute;
left: -50%;
top: 20px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after{
background: #fed101;
color: white;
}
.clone_trigger{
float: left;
}
.clone_trigger .more-btn{
font-weight: 600;
font-size: 12px;
line-height: initial;
padding: 10px 20px;
transition: all ease-in-out 0.4s;
background-color: #efefef;
border-radius: 30px;
color: #222;
cursor: pointer;
}
.clone_trigger .more-btn:hover{
color: #fff;
background: #222;
}
.clone_trigger button i{
margin-right: 4px;
}
#msform .next, #msform .previous, #msform .submit{
font-size: 12px;
padding: 8px 30px;
line-height: initial;
float: right;
font-weight: bold;
}
.clone_me{
padding-bottom: 15px;
}
.clone_me:nth-child(n+2){
padding-top: 15px;
border-top: 1px solid #b5b5b5;
display: none;
}
.complation_sec {
padding: 30px 0;
}
.finish_icon {
font-size: 50px;
color: #fed101;
line-height: 60px;
margin-bottom: 10px;
}
.finish_text {
font-size: 18px;
}
.panel_cont, .inverter_cont{
display: none;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
text-align:center;
padding:125px 0px 125px;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.page-title.bg-overlay::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 55%);
}
.page-title h1{
position:relative;
color:#ffffff;
font-size:36px;
font-weight:700;
line-height:1.2em;
margin-bottom:18px;
text-transform:uppercase;
}
.page-title .page-breadcrumb{
position:relative;
}
.page-title .page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:10px;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.page-title .page-breadcrumb li:after{
position:absolute;
content:'\f105';
right:-4px;
top:0px;
color:#dcdbdb;
font-family: 'FontAwesome';
}
.page-title .page-breadcrumb li:last-child::after{
display:none;
}
.page-title .page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-title .page-breadcrumb li a{
color:#fed101;
font-weight:500;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
}
.fluid-section-one .outer-container{
position:relative;
}
.fluid-section-one .title-column{
position: relative;
float:left;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-one .title-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(255,178,0,0.90);
}
.fluid-section-one .title-column .inner-column{
position:relative;
max-width:600px;
width:100%;
float:right;
min-height:192px;
padding:66px 50px 66px 15px;
}
.fluid-section-one .title-column .inner-column h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:600;
line-height:1.2em;
text-transform:capitalize;
}
.fluid-section-one .title-column .inner-column .text{
position:relative;
color:#222222;
font-size:18px;
font-weight:400;
margin-bottom:8px;
}
.fluid-section-one .title-column .inner-column .icon-box{
position:absolute;
right:-47px;
top:50%;
color:#222222;
font-size:32px;
z-index:1;
width:95px;
height:95px;
margin-top:-47px;
line-height:90px;
text-align:center;
background-color:#ffffff;
border:3px solid #cccccc;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
.fluid-section-one .title-column .inner-column .icon-box .icon{
position:relative;
display:block;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.fluid-section-one .form-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-one .form-column .inner-column{
position:relative;
max-width:600px;
width:100%;
min-height:192px;
padding:71px 15px 71px 150px;
}
.subscribe-form-three .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
z-index:1;
}
.subscribe-form-three .form-group input[type="text"],
.subscribe-form-three .form-group input[type="tel"],
.subscribe-form-three .form-group input[type="email"],
.subscribe-form-three .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:50px;
font-size:14px;
color:#ffffff;
background:none;
padding:10px 50px 10px 0px;
border-bottom:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form-three .form-group input[type="submit"],
.subscribe-form-three button{
position:absolute;
right:0px;
top:0px;
width:40px;
height:50px;
line-height:40px;
color:#fed101;
font-size:20px;
background:none;
}
/***
====================================================================
Solutions Page Section
====================================================================
***/
.solutions-page-section{
position:relative;
padding:100px 0px 100px;
}
.solutions-page-section .styled-pagination{
margin-top:40px;
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 15px 6px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:46px;
height:48px;
font-size:19px;
min-width:48px;
color:#666666;
font-weight:700;
text-align:center;
background:#ffffff;
border:2px solid #dddddd;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li.prev a{
color:#ffffff;
border-radius:50px 0px 0px 50px;
background-color:#333333;
border-color:#333333;
}
.styled-pagination li.next a{
border-radius:0px 50px 50px 0px;
background-color:#333333;
border-color:#333333;
color:#ffffff;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
background-color:#fed101;
border-color:#fed101;
color:#ffffff;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#666666;
border-color:#dddddd;
background-color:#dddddd;
}
ul.comp-list li {
float: left;
font-size: 18px;
margin-right: 18px;
list-style: disc;
margin-left: 20px;
margin-bottom: 20px;
font-weight: 700;
}
/*Services Single*/
.services-single{
position:relative;
}
.services-single .inner-box{
position:relative;
}
.services-single .inner-box .image{
position:relative;
}
.services-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-single .inner-box .image .icon{
position: absolute;
left: 30px;
bottom: 30px;
width: 60px;
height: 57px;
color: #333333;
font-size: 28px;
z-index: 1;
text-align: center;
line-height: 57px;
background-color: #fed101;
}
.services-single .inner-box .lower-content{
position:relative;
padding-top:28px;
}
.services-single .inner-box .lower-content h2{
position:relative;
color:#333333;
font-size:30px;
font-weight:500;
line-height:1.4em;
margin-bottom:22px;
}
.services-single .inner-box .lower-content .text{
position:relative;
}
.services-single .inner-box .lower-content .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-bottom:20px;
}
.services-single .inner-box .lower-content .text h3{
position:relative;
color:#333333;
font-size:30px;
font-weight:500;
margin-top:50px;
margin-bottom:15px;
}
.services-single .inner-box .lower-content .text .sec-title{
margin-top:50px;
margin-bottom:30px;
}
.services-single .inner-box .lower-content .text .sec-title h2{
margin-bottom:0px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.services-single .services-tabs{
position:relative;
}
.services-single .services-tabs .tab-btns{
position:relative;
z-index:1;
border-bottom:1px solid #dddddd;
}
.services-single .services-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:5px;
font-size:16px;
background:#ebebeb;
color:#333333;
text-transform:capitalize;
font-weight:700;
line-height:24px;
cursor:pointer;
border:2px solid #dddddd;
padding:11px 22px 9px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-single .services-tabs .tab-btns .tab-btn:hover:after,
.services-single .services-tabs .tab-btns .tab-btn.active-btn:after{
position:absolute;
content:'';
left:0px;
bottom:-3px;
width:100%;
height:5px;
background-color:#fed101;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-single .services-tabs .tab-btns .tab-btn:hover,
.services-single .services-tabs .tab-btns .tab-btn.active-btn{
color:#222;
border-color:#e2e2e2;
background:#fed101;
}
.services-single .services-tabs .tabs-content{
position:relative;
padding:22px 22px 22px;
border:2px solid #dddddd;
border-top:0px;
}
.services-single .services-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.services-single .services-tabs .tabs-content .tab.active-tab{
display:block;
}
.services-single .services-tabs .tabs-content .tab .content{
position:relative;
}
.services-single .services-tabs .tabs-content .tab .content p{
position:relative;
font-size:15px;
line-height:2em;
color:#fff;
margin-bottom:0px;
}
/***
====================================================================
Project Page Section
====================================================================
***/
.project-page-section{
position:relative;
padding:100px 0px;
}
.project-page-section .filters{
position:relative;
}
.project-page-section .filters .filter-tabs{
position:relative;
margin-bottom:60px;
text-align:center;
}
.project-page-section .filters .filter-tabs .filter{
position:relative;
color:#222222;
font-size:16px;
cursor:pointer;
font-weight:400;
padding:0px 20px;
text-transform:uppercase;
display:inline-block;
line-height:1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-page-section .filters .filter-tabs .filter:after{
position:absolute;
content:'/';
right:-2px;
top:0px;
color:#222222;
font-size:18px;
}
.project-page-section .filters .filter-tabs .filter:last-child::after{
display:none;
}
.project-page-section .filters .filter-tabs .filter.active,
.project-page-section .filters .filter-tabs .filter:hover{
color:#fed101;
}
.default-portfolio-item.mix{
display:none;
}
.project-page-section .styled-pagination{
margin-top:60px;
}
.cat-list{
position:relative;
}
.cat-list li{
position:relative;
margin-bottom:2px;
}
.cat-list li a{
position:relative;
padding:18px 28px;
display:block;
font-size:16px;
font-weight:700;
color:#777777;
padding-left:50px;
background-color:#eeeeee;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Raleway', sans-serif;
}
.cat-list li a:before{
position:absolute;
content:'\f0da';
left:30px;
top:17px;
font-family: 'FontAwesome';
}
.cat-list li a span{
float:right;
font-family: 'Arimo', sans-serif;
}
.cat-list li.active a,
.cat-list li a:hover{
color:#fed101;
background-color:#333333;
}
.project-list{
position:relative;
}
.project-list li{
position:relative;
color:#777777;
font-size:14px;
margin-bottom:30px;
border:1px solid #bbbbbb;
padding:13px 12px 13px 70px;
}
.project-list li .icon{
position:absolute;
left:-1px;
top:-1px;
width:50px;
height:51px;
color:#333333;
bottom:-1px;
font-size:20px;
line-height:50px;
text-align:center;
background-color:#fed101;
}
.project-list li strong{
color:#333333;
font-weight:600;
margin-right:15px;
font-family: 'Montserrat', sans-serif;
}
.project-list li.social-icons{
border:0px;
padding:0px;
margin-top:32px;
}
.project-list li.social-icons .follow{
position:relative;
font-size:20px;
font-weight:700;
color:#333333;
font-family: 'Montserrat', sans-serif;
}
.project-list li.social-icons a{
color:#777777;
font-size:20px;
margin-left:15px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-list li.social-icons a:hover{
color:#fed101;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:80px 0px 50px;
}
.contact-section .form-column{
margin-bottom:30px;
}
.contact-section .info-column .social-icon-two li{
color:#222222;
}
.contact-section .info-column .social-icon-two li a{
color:#666666;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:15px;
font-style:normal;
height:45px;
padding:10px 20px;
line-height:26px;
color:#999999;
border-radius:0px;
border:1px solid #cccccc;
background:#ffffff;
cursor:pointer;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:0px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:45px;
display:block;
color:#262626;
line-height:23px;
font-size:15px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background-color:#fbb908;
border-color:#fbb908;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.square-hover-effect {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.square-hover-effect .hover-1,
.square-hover-effect .hover-2,
.square-hover-effect .hover-3,
.square-hover-effect .hover-4 {
background: rgba(17,17,17,0.90);
width: 50%;
height: 50%;
position: absolute;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.square-hover-effect .hover-1 {
left: 0;
top: 0;
}
.square-hover-effect .hover-2 {
left: 50%;
top: 0;
}
.square-hover-effect .hover-3 {
left: 50%;
top: 50%;
}
.square-hover-effect .hover-4 {
left: 0;
top: 50%;
}
.square-hover-effect:hover .hover-1,
.square-hover-effect-parent:hover .hover-1 {
left: 50%;
top: 0;
opacity: 1;
}
.square-hover-effect:hover .hover-2,
.square-hover-effect-parent:hover .hover-2 {
left: 50%;
top: 50%;
opacity: 1;
}
.square-hover-effect:hover .hover-3,
.square-hover-effect-parent:hover .hover-3 {
left: 0%;
top: 50%;
opacity: 1;
}
.square-hover-effect:hover .hover-4,
.square-hover-effect-parent:hover .hover-4 {
left: 0%;
top: 0%;
opacity: 1;
}
/*****
====================================================================
Package Page
====================================================================
***/
.package-section{
padding: 80px 0 50px;
}
.package-tab.nav-tabs{
border: none;
}
.package-tab .nav-link h6{
font-weight: 700;
font-size: 18px;
}
.package-tab li.nav-item a {
background: #222;
color: #fff;
border: none;
padding: 10px 40px;
}
.package-tab li.nav-item:first-child a {
border-radius: 30px 0px 0px 30px;
}
.package-tab li.nav-item:nth-child(2) a {
border-radius: 0px 30px 30px 0px;
}
.package-tab li.nav-item a.nav-link.active{
background-color: #fed101;
}
.package-section .tab-content{
padding: 60px 0 0;
}
.prices-box {
border: 1px solid #222;
padding: 30px 20px;
text-align: center;
margin-bottom: 40px;
}
.prices-box-size b {
font-size: 36px;
color: #fed101;
display: block;
line-height: 50px;
}
.prices-box-size h6{
font-size: 15px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 5px;
}
ul.price-features {
padding: 20px 0 20px;
}
ul.price-features li {
padding: 8px 0;
border-bottom: 1px solid #d8d8d8;
}
ul.price-features li:last-child {
border-bottom: none;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section{
position:relative;
padding:90px 0px 90px;
}
.faq-section .prod-tabs{
position:relative;
padding:0px 70px;
}
.faq-section .prod-tabs .tab-btns{
position:relative;
margin-bottom:40px;
padding:0px 20px;
border:1px solid #f2f2f2;
border-top-color:#fed101;
}
.faq-section .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:16px;
color:#222222;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:10px 0px 10px 0px;
transition:all 500ms ease;
text-transform:capitalize;
border-bottom:1px solid #f2f2f2;
}
.faq-section .prod-tabs .tab-btns .tab-btn:last-child{
border:none;
}
.faq-section .prod-tabs .tab-btns .tab-btn span{
position:relative;
display:block;
font-size:16px;
color:#020e28;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:5px 15px 5px 30px;
transition:all 500ms ease;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.faq-section .prod-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:11px;
top:23px;
width:8px;
height:8px;
background-color:#e6e6e6;
border:1px solid #f2f2f2;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{
z-index:1;
background-color:#fed101;
border-color:rgba(245,91,20,0.20);
}
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span{
color:#fed101;
}
.faq-section .prod-tabs .tabs-content{
position:relative;
}
.faq-section .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.faq-section .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
/************************* Team Single ************************/
/*Teacher Single*/
.teacher-single{
position:relative;
padding:80px 0px 80px;
}
.teacher-single .image-column{
position:relative;
/* margin-bottom:30px; */
}
.teacher-single .image-column .image{
position:relative;
}
.teacher-single .image-column .image img{
position:relative;
width:100%;
display:block;
}
.teacher-single .content-column{
position:relative;
}
.teacher-single .content-column .content-inner{
position:relative;
padding-left:25px;
}
.teacher-single .content-column .content-inner h3{
font-size:30px;
color:#222;
font-weight:700;
}
.teacher-single .content-column .content-inner .designation{
position:relative;
font-size:15px;
margin-bottom:15px;
color:rgba(0,0,0,0.40);
}
.teacher-single .content-column .content-inner .text{
position:relative;
margin-top:15px;
margin-bottom:30px;
}
.teacher-single .content-column .content-inner .text p{
position:relative;
font-size:15px;
margin-bottom:20px;
color:rgba(0,0,0,0.45);
}
.teacher-single .content-column .content-inner .text p:last-child{
margin-bottom:0px;
}
.teacher-single .teachers-info{
position:relative;
}
.teacher-single .teachers-info .teacher-block{
position:relative;
margin-bottom:20px;
margin-right:22px;
display:inline-block;
}
.teacher-single .teachers-info .teacher-block .inner{
position:relative;
padding:20px 25px;
text-align:center;
border:1px solid #f2f2f2;
}
.teacher-single .teachers-info .teacher-block .inner .title{
position:relative;
color:#b2b2b2;
font-size:15px;
}
.teacher-single .teachers-info .teacher-block .inner h3{
color:#000000;
font-size:28px;
font-weight:700;
}
/*Social Icon Five*/
.social-icon-five{
position:relative;
}
.social-icon-five li{
position:relative;
margin-right:6px;
display:inline-block;
}
.social-icon-five li a{
position:relative;
width:32px;
height:32px;
color:#cccccc;
font-size:14px;
line-height:28px;
text-align:center;
border-radius:50%;
display:inline-block;
border:2px solid #e5e5e5;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-five li a:hover{
color:#f5a10c;
border-color:#f5a10c;
background:none;
}
.solar-adv{
padding-bottom: 80px;
}
.solar-adv .sec-title{
margin-bottom: 50px;
}
.adv-box {
text-align: center;
border: 1px solid #222;
padding: 30px 20px;
}
.adv-icon i {
font-size: 36px;
color: #fed101;
}
.adv-box h4 {
margin: 10px 0;
color: #222;
font-weight: 600;
font-size: 18px;
}
.adv-box p{
color: #222;
margin-bottom: 0px;
min-height: 200px;
}
.commercial-adv .adv-box p{
min-height: 230px;
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu{
position:static;
}
.header-style-two .main-menu .navigation > li.has-mega-menu > a:after,
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after{
display:none;
}
.main-menu .navigation > li > .mega-menu{
position:absolute;
left:0px;
right: 0;
margin: auto;
width:100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index:100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li:hover > .mega-menu{
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar{
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
padding-bottom:10px;
border-bottom:1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul{
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column{
position:relative;
margin-bottom:10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
border:none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
position:relative;
display:block;
padding:10px 15px;
line-height:20px;
font-weight:400;
font-size:14px;
color:#848484;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
color:#ffffff;
background:#2c2c2c;
}
/***********404 page ********/
#error-middle{
text-align: center;
top: 48%;
position: absolute;
width: 100%;
left: 0;
transform: translateY(-50%);
}
#error-middle h1 {
font-size: 220px;
line-height: 1;
margin-bottom: 20px;
color: #fed101;
}
#error-middle h2 {
font-size: 33px;
}
#error-middle a {
margin: 50px 0 0;
}