/* Enter Your Custom CSS Here */
.tick-spacer{margin-top:-25px;}

.fa-check-square::before {color:#00B22D;}
.main-title__primary{ text-transform: uppercase;}
.grecaptcha-badge{
	z-index:99999;
}

.colio-pagination .colio-next-page, .colio-pagination .colio-prev-page{
	opacity:0.7;
}

.yellow-cta-p{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.hidden { display: none;}
.readmore { margin: 0 5px;}
#footer-outer a{
	color:#666;
}

body[data-button-style*="slightly_rounded"] input[type="submit"]{
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	color:#000
}

input[type="submit"]{
	border-radius:0px !important;
	-webkit-border-radius:0px !important;	
}

.page-id-258  h3{
  color:#FFC926;
}

body #header-outer, body[data-slide-out-widget-area-style="slide-out-from-right-hover"] #header-outer {
    z-index: 8000;
}


#TestimonialBlock .row_col_wrap_12_inner:nth-child(even) { -webkit-flex-direction: row-reverse; 
  flex-direction: row-reverse;  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }
 

#TestimonialBlock .row_col_wrap_12_inner.equal-height-wrap { margin-bottom:60px !important; border-bottom: 1px solid #ffc926; }


.colio-pagination{
  display:flex;
	align-items:center;
	justify-content:center;
}

.colio-view .colio-button, .colio-view .colio-button:visited{
	font-size:15px;
	padding:7px 18px;
	color:#000;
	font-weight:400;
}

.colio-pagination li a{
	font-size:20px;
	line-height:15px;
}

.colio-wrap .colio-list > li{
	list-style:none;	  	
}

.colio-wrap .colio-filters li{
	list-style:none;	
}

.colio-pagination li{
	list-style:none;		
}


#colio_shelter_awnings .colio-summary h4{
	text-align:center;
}

.Portfolio-sec .colio-theme-black .colio-container {
    background-color: #444444;
}
.Portfolio-sec .colio-thumb-padding .colio-thumb {
    margin: 1px;
    outline: 0px solid #eee;
    border: 0px solid #fff;
}
.Portfolio-sec .colio-wrap .colio-filters a {
    padding: 8px 35px;
    color: #333 !important;
    background-color: #FFC926;
    font-size: 16px;
    text-shadow: 0 0 black;
    font-weight: 500;
    border-radius: 0;
    margin-left: 30px;
    border: 1px solid #FFC926;
    font-weight: 400;
	  position: relative;
	  overflow: hidden;
}
.Portfolio-sec .colio-wrap .colio-filters {
      margin: 0 20px 20px 0;
   
}
.Portfolio-sec .colio-wrap .colio-filters a:hover{
	background-color: #333 !important;
	color: #fff!important;
	border: 1px solid #333;
}
.Portfolio-sec .colio-wrap .colio-filters li {
     margin: 5px 0px 0 0;
}
.Portfolio-sec .colio-wrap .colio-filters a.colio-active-filter {
    color: #fff;
    background-color: #01284d;
    text-shadow: none;
}
.Portfolio-sec .colio .colio-feed li {
     padding: 0 10px 10px 0;
}

.colio-item .colio-side{
    width:100%;	
}
.colio-grid4 .colio-list>li{
	width: 50% !important;
}

.fancybox-outer, .fancybox-inner { position:relative !important; }
.fancybox-overlay { z-index:8029; }

.colio-item.colio-has-side .colio-main{
	  display:none;	
}

.colio-list .colio-thumb img {  margin-bottom:0px !important; }

#colio_viewport_projects .colio-navigation a, #colio_viewport_projects .colio-feed li a, #colio_viewport_projects .flex-active{
	  background-color:#FFC926;
}

#colio_shelter_awnings ul.colio-filters { opacity: 0 !important;
visibility: hidden !important; display: none; }

.colio .colio-feed img { margin-bottom:0px; }

.list-icon li{
	list-style:none;
}
.list-icon li:before{
       content: '\f067';
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        line-height: 1;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    margin-top: 19px;
    z-index: 1;
    height: 15px;
    width: 15px;
    line-height: 0;
    margin-left: -25px;
    padding: 0;
    text-align: center;
    color: #FFC926;
    margin-right: 14px;
    top: 2px;
}



.page-id-258 h3 {
color: #FFC926;
}

body{
	font-family:'Roboto';
	 
}
body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title{
	padding-top:0px!important;
}

div[data-style="minimal"] .toggle{
	border-bottom:none !important;
}

nav ul li a{
	color:#000!important;
	font-size:20px !important;
	font-family: 'Roboto', sans-serif;
	
	
}

nav ul li a:hover, nav ul li.current-menu-item a { color:#ffc926 !important; }


nav ul li a span{
font-size: 20px!important;
}
nav ul li {
	padding: 0px 10px;
	
}

.small-nav .menu-free-quote{
	margin-top: 40px!important;
}
.small-nav .menu-phone{
	margin-top: 40px!important;
}
.menu-phone{

height: 40px;
margin-top: 55px!important;
	margin-right: 10px!important;
	transition: 0.3s;
}
.menu-phone a span:hover{
	background-color: #151515;
	color: #fff !important;
	border: 1px solid  #151515;
}
.menu-free-quote {
	
		height:40px;
margin-top: 55px!important;
	transition: 0.3s;
}

.menu-phone a span{
	border: 1px solid #FFC926;
	font-weight:500;
	transition: 0.3s;
	padding: 10px 25px;
}
.menu-phone a span:hover{
	color: #fff;
}
.menu-free-quote a span{
	border: 1px solid #FFC926;
	background:#FFC926;
	font-weight:500;
	transition: 0.3s;
	padding: 10px 25px;
	color:#000;
}
.menu-free-quote a span:hover{
	background-color: #151515;
	color: #fff !important;
	border: 1px solid  #151515;
}

.current-menu-item.menu-free-quote > a span:active{
	color:#000 !important;
}

nav ul li a span:after{
	display:none!important;
}
/*.menu-free-quote a{
	
margin-right: 10px!important;
padding:10px!important;
}

.hero-section .tp-bullets{
	transform: translate(-18px, -50px) !important;
}*/
.hero-section #rev_slider_1_1_wrapper .hermes .tp-bullet:after{
	background-color: #ffc926;
    box-shadow: 0 0 1px #ffc926;
}
.hero-section #rev_slider_1_1_wrapper .hermes .tp-bullet{
	background-color: rgb(255 255 255);
    box-shadow: inset 0 0 0 2px #ffffff;
}
.hero-section .rev-btn{
	color: #000 !important;
    background-color: #ffc926 !important;
    border: 1px solid #ffc926 !important;
    transition: 0.3s !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    position: relative;
    padding: 0px 20px 0px 60px !important;
    line-height: 45px !important;
}
.hero-section .rev-btn:hover{
	color: #fff !important;
	background-color: #151515 !important;
	border: 1px solid #151515 !important;
	border-radius: 5px !important;
    text-align: center !important;
}
.hero-section .rev-btn:before{
	position: absolute;
    content: '';
    display: block;
    background-color: #ffe184;
    width: 25px;
    height: 2px;
    bottom: 20px;
    left: 20px;
	transition: 0.3s;
}


.about-section{
padding-top: 60px!important;
padding-bottom: 60px!important;
}
.about-section h2{
	font-size: 30px;
font-weight: 500;
color: #ffc926;
	margin-bottom: 17px;
	font-family: 'Montserrat', sans-serif;
}

.about-section p{
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 400;
	/*margin-bottom: 40px!important;*/
	color: #222222;
}
.welcome-section span.color-text{
	color: #ffc926;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 500;
}

.welcome-section .welcome-text{
	padding: 0px 50px !important;
}
.btn-section span{
	padding: 0px 0px 0px 0px;
  font-size: 16px;
	font-weight:400;
}

#footer-outer, #nectar_fullscreen_rows>#footer-outer.wpb_row .full-page-inner-wrap {
    background-color: transparent;
}

#footer-widgets{
background: #202020!important;
}
#footer-widgets .one-fourths h2{
	color: #fff;
  font-size: 19px;
	font-weight: 500;
}
#footer-widgets .one-fourths h2{
	position: relative;
	}
#footer-widgets .one-fourths h2:before{
	position: absolute;
    content: '';
    display: block;
    background-color: #ffc926;
    width: 60px;
    height: 3px;
    bottom: -12px;
    left: 0px;
	}
.footer-list{
	color:#fff;
}
#footer-widgets p, #footer-widgets a{
	color:#fff;
}
#footer-widgets .footer-contact-underline{
	position: relative;
}
#footer-widgets .footer-contact-underline:before{
	position: absolute;
    content: '';
    display: block;
    background-color: #fff;
    width: 100%;
    height: 1px;
    bottom: -12px;
    left: 0px;
}
#footer-widgets .contact-padding{
	padding-bottom:3px!important;
}
#footer-outer #copyright {
    background-color: #fff;
    color: #000;
    padding-left: 35px;
}
 
.our-service-section img{
	margin: 0 auto;
}
.our-service-section h2{
	font-family: 'Montserrat', sans-serif;
	padding-bottom: 30px !important;
	color: #1f1f1f;
}
.our-service-section .owl-theme .owl-item h4{
	font-size:20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 30px 0px;
}
.our-service-section .owl-theme .owl-item a.read-more-butn{
    border: 1px solid #212121;
    padding: 10px 40px;
    color: #1f1f1f;
    font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
	display:inline-block;
	margin-bottom:10px;
}
.our-service-section .owl-theme .owl-item a.read-more-butn:hover{
	border: 1px solid #ffc926;
	background-color: #ffc926;
}
.our-service-section{
	padding-top:30px!important;
	padding-bottom:70px!important;
}
.our-service-section .owl-carousel .owl-stage-outer {
    overflow: unset;
	
}

.faq-section{
	padding-top:30px!important;
	padding-bottom:30px!important;
	
}
.faq-section .faq-text{
	max-width: 40%;
    margin: 0 auto !important;
}
.faq-section h3{
	font-size: 34px;
	font-family: 'Montserrat', sans-serif;
}
.faq-section img{
	width: 100%;
	padding-right: 25px;
}
.faq-section #wpsm_accordion_61 .ac_title_class{
	padding-left:0px!important;
}
.faq-section .child_column h3{
margin-bottom: 50px!important;
	font-family: 'Montserrat', sans-serif;
	color: #1f1f1f;
	margin-top: 20px !important;
	font-size: 34px;
}
.faq-section .wpsm_panel-body{
	padding-left: 0px!important;
	padding-bottom: 20px!important;
	padding-bottom: 20px!important;
}
.faq-section #wpsm_accordion_61.wpsm_panel-group .wpsm_panel-heading .wpsm_panel-title a .ac_title_class{
	font-size: 24px !important;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif !important;
	color: #1f1f1f !important;
}
.faq-section #wpsm_accordion_61.wpsm_panel-group .wpsm_panel-collapse .wpsm_panel-body{
	font-size: 16px !important;
	font-weight: 400;
  /*font-family: 'Montserrat', sans-serif !important;*/
	color: #1f1f1f !important;
}
.faq-align #wpsm_accordion_61.wpsm_panel-group .ac_open_cl_icon.fa-minus{
	background-color: #ffc926!important;
	font-size: 12px;
	margin-top: 45px !important;
	padding-bottom: 11px !important;
	border-radius: 5px!important;
}
.faq-align #wpsm_accordion_61.wpsm_panel-group .ac_open_cl_icon.fa-plus{
	font-size: 12px;
	margin-top: 45px !important;
	
}
.faq-align #wpsm_accordion_61 .wpsm_panel-body{
	border-bottom: 1px solid #cccccc !important;
}
#wpsm_accordion_61 .ac_title_class {
  padding: 50px 0px !important;
	border-bottom: 1px solid #ccc;
}

.our-promise-section {
	  padding-top: 80px!important;
    padding-bottom: 80px!important;
}

.our-promise-section p{
  font-size:28px;
	font-weight: 500;
	line-height:38px;
	color:#202020
}
.our-client-section{
	padding-top: 50px!important;
    padding-bottom: 40px!important;
}
#logo-carousel-free-75.sp-lc-container .sp-lc-button-prev, #logo-carousel-free-75.sp-lc-container .sp-lc-button-next
{
	display:none;
}
div#logo-carousel-free-75.logo-carousel-free .sp-lc-logo{
border: 1px solid transparent!important;	
}
#logo-carousel-free-75.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #ffc926!important;
	border-color: 1px solid #ffc926!important;
}
#logo-carousel-free-75.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet{
	background-color: #fff!important;
	border:1px solid #ccc;
}
.testinomial-section{
	padding-top: 80px!important;
  padding-bottom: 70px!important;
}
.testinomial-section h3{
	color:#fff;
	text-align: left;
    font-weight: 400;
}
.testinomial-section p{
	font-size: 16px;
	text-align: left;
}
.testinomial-section .testinomial-left-column{
	padding: 60px 110px !important;
    /* background-color: #151515; */
    background: linear-gradient( 
113deg ,#424242 0%,#000000 100%);
    padding-top: 60px!important; 
    margin-right: 0px;
}
.testinomial-section .testinomial-left-column img{
	object-fit: cover;
	height: 200px;
	margin-bottom: 0px;
}
.testinomial-section .testinomial-left-column h3{
	max-width: 300px;
    font-size: 30px;
    line-height: 1.3em;
}
.testinomial-section .testinomial-right-column{
padding: 80px 60px!important;
background-color:#fff;	
}
.testinomial-section .testinomial-right-column h3{
color: #ffc926;
	margin-bottom: 0px !important;
	line-height:32px;
}
.testinomial-section .owl-carousel .owl-nav{
	position: absolute;
	left: -260px;
    bottom: -50px;
}
.testinomial-section .owl-carousel .owl-nav.disabled {
    display: block!important;
	  position: absolute;
    left: -260px;
    bottom: -50px;
}
.testinomial-section .owl-prev span{
	font-size: 33px;
    padding: 0px 33px 4px 33px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: 1px solid #444444;
	color:#333333;
}
.testinomial-section .owl-next span{
font-size: 33px;
    padding: 0px 33px 4px 33px;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color:#333333;
}
.equal-height-wrap{
	display: flex;
  flex-wrap: wrap;
}
/*.testinomial-section .testi-btn-row{
	padding:20px;
}*/
.testinomial-btn span{
	font-size:16px;
	font-weight:500;
}
/*project section owlcarousel start*/
.projects-section .owl-dots{
	display:none!important;
}
.projects-section{
	padding-top: 50px!important;
  padding-bottom: 70px!important;
}
.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav {
    display: block!important;
	  position: absolute;
    left: -340px;
    top: 50%;
    transform: translate(0px, -50%);
}
.projects-section button span{
font-size: 32px;
    
}
.projects-section .disabled .owl-next span{
font-size: 32px;

}
.projects-section button.owl-prev, .projects-section button.owl-next{
width: 80px;
height: 80px;
border: 1px solid #464646!important;
margin: 0px 10px;
border-radius: 50px!important;
}
.service_page_button a{
	border: 1px solid #FFC926;
    background: #FFC926 !important;
	width: 120px;
    height: 40px;
    text-align: center;
    align-items: center;
    display: flex !important;
    justify-content: center;
	color:#000;
}
.service_page_button a:hover{
	background-color: #151515 !important;
    color: #fff !important;
    border: 1px solid #151515;
}

.pro a{
	border: 1px solid #FFC926;
    background: #FFC926 !important;
	width: 130px;
    height: 40px;
    text-align: center;
    align-items: center;
    display: flex !important;
    justify-content: center;
	color:#000;
	position:absolute;
	margin-top:-334px;
	left:140px;
}
.pro a:hover{
	background-color: #151515 !important;
    color: #fff !important;
    border: 1px solid #151515;
}

.project-section .image-position:hover>.welcome-section .btn-section{
	border: 1px solid #151515 !important;
    background-color: #151515 !important;
    color: #fff !important;
    box-shadow: unset !important;
    transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
}

.projects-section .image-position img{
	position:relative;
}
.projects-section .image-position:before{
	content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #00000050;
   z-index: 9;
}
.projects-section .head-position{
	position:absolute;
	bottom: 30px;
  z-index: 99;
  left: 20px;
}
.projects-section .head-position h4{
  font-size: 25px;
  color: #fff;
	padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.projects-section .head-position .read-btn{
background:#ffc926;
    padding: 10px 0px;
    color: #000;
    border-radius: 4px;
	font-weight: 400;
	font-size:16px;
}
.projects-section .head-position .read-btn:hover{
	color: #fff;
}
.projects-section .image-position img{
	margin-bottom:0px;
}
.projects-section .project-carousel{
	position:relative;
}

/*project section owlcarousel end*/

/*our-service section owlcarousel start*/
.our-service-section .owl-carousel .owl-dots.disabled, .our-service-section .owl-carousel .owl-nav {
    display: block!important;
}
.our-service-section button.owl-prev, .our-service-section button.owl-next{
width: 80px;
height: 80px;
border: 1px solid #464646!important;
border-radius: 50px!important;
	margin: 0px 10px;
	background:#1f1f1f!important;
	display: flex;
	vertical-align: middle;
	align-items: center;
	z-index: 99;
}
.our-service-section button.owl-prev{
	left: 80px;
    top: 35%;
    transform: translate(0px, -50%);
    position: absolute;
}
.our-service-section button.owl-next{
    right: 80px;
    top: 35%;
    transform: translate(0px, -50%);
    position: absolute;
}
.our-service-section .disabled .owl-prev span{
font-size: 0px;
 color: #fff;   
}

.our-service-section .owl-prev span:before{
	content:'\f104';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	
	left:-5px;
	right: 0px;
	text-align: center;
	font-size: 40px;
	color: #fff;
}


.our-service-section .disabled .owl-next span{
font-size: 0px;
color: #fff;
}

.our-service-section .owl-next span:before{
	content:'\f105';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	
	left:0px;
	right: -5px;
	text-align: center;
	font-size: 40px;
	color: #fff;
}
.our-service-section .our-service-carousel{
	position:relative;
}

.our-service-carousel .owl-carousel .owl-item img{
	width: 95% !important;
}
/*our-service section owlcarousel end*/

.our-client-section .swiper-container{
	padding-top: 15px!important;
   padding-bottom: 15px!important;
}
.our-client-section .swiper-wrapper{
	margin-bottom:50px!important;
}
.our-client-section .sp-lc-container .sp-lc-pagination .swiper-pagination-bullet {
    width: 20px;
	height: 20px;
}
.our-service-section .our-service-title{
	text-align: center;
}
.our-service-section .our-service-title h4{
	margin-bottom:20px;
}
.mobile-header-butn{
		display: none;
	}



/*.image-fade-left {
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,1));
}

.image-fade-right {
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
}*/
.welcome-section .btn-section{
padding-left: 60px!important;
padding-right: 60px!important;
	position:relative;
	transition: 0.3s !important;
	border: 1px solid #ffc926 !important;
}
.welcome-section .btn-section:hover{
	border: 1px solid #151515 !important;
	background-color: #151515 !important;
	color: #fff !important;
	box-shadow: unset !important;
	transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
}
.welcome-section .btn-section.nectar-button.medium.regular.regular-button:hover{
	box-shadow: unset !important;
}
.welcome-section .btn-section span{
	
}
.welcome-section .btn-section:before{
	position: absolute;
    content: '';
    display: block;
    background-color: #ffe184;
    width: 25px;
    height: 2px;
    bottom: 20px;
    left: 20px;
	transition: 0.3s;
}
.welcome-section .btn-section:hover:before{
transform: translatex(-10px) !important;
    -webkit-transform: translatex(-10px) !important;
	opacity: 0;
}
.welcome-section img{
	width: 100%;
}
.rev-btn{
	position:relative;
	border-radius: 5px;
}
/*.rev-btn:before{
	position: absolute;
    content: '';
    display: block;
    background-color: #ffe185;
    width: 27px;
    height: 3px;
    bottom: 0px;
    left: 9px;
    top: 29px;
}*/

.nectar-button{
	font-family: 'Roboto';
}
.faq-section .wpsm_panel-collapse .wpsm_panel-body{
	font-family: 'Roboto'!important;
}


.our-service-carousel .owl-carousel.image-slider{
	position: relative;
}

.our-service-carousel .owl-carousel.image-slider:before{
	position: absolute;
	content: '';
	display:block;
	width: 400px;
	height: 100%;
	background: -moz-linear-gradient(left, rgb(255 255 255) 25%,rgb(255 255 255 / 0%) 100%);
    background: -webkit-linear-gradient(left, rgb(255 255 255) 25%,rgb(255 255 255 / 0%) 100%);
    background: linear-gradient(to right, rgb(255 255 255) 25%,rgb(255 255 255 / 0%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0086e0df',GradientType=1 );
 left: -7px;
	top: -1px;
	z-index: 9;
}

.our-service-carousel .owl-carousel.image-slider:after{
	position: absolute;
	content: '';
	display:block;
	width: 400px;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#288890+0,ffffff+0,86e0df+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgb(255 255 255) 25%,rgb(255 255 255 / 0%) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(255 255 255) 25%,rgb(255 255 255 / 0%) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(255 255 255) 25%,rgb(255 255 255 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0086e0df',GradientType=1 ); /* IE6-9 */
 right: -7px;
	top: -1px;
	z-index: 9;
	transform: rotate(180deg);
}

.project-slider .item{
	transition: 0.3s;
}
.project-slider .item:hover .btn-section{
	border: 1px solid #151515 !important;
    background-color: #151515 !important;
    box-shadow: unset !important;
    transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
	color: #fff;
	transition: 0.3s;
}

.project-slider .item:hover .btn-section:before{
	-webkit-transform: translatex(-10px) !important;
    opacity: 0;
}


.project-slider .item h4{
	transition: 0.5s;
}
.project-slider .item:hover h4{
	-webkit-transform: translatey(-20px) !important;
    opacity: 0;
	
}

.owl-dots{
	display: none;
}


.testimonial-page-sec .testi-colm{
	margin-right: 0px;
}
.row-flex{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
.testimonial-page-sec h2{
	margin-bottom: 50px!important;
    font-family: 'Montserrat', sans-serif;
    color: #1f1f1f;
    margin-top: 0px !important;
    font-size: 30px;
}
.testimonial-page-sec h3{
	margin-bottom: 10px!important;
    font-family: 'Montserrat', sans-serif !important;
    color: #1f1f1f;
    margin-top: 0px !important;
	padding-top: 30px;
    font-size: 18px;
	border-top: 1px solid #eee;
}
.testimonial-page-sec p{
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 20px !important;
	padding-bottom: 30px;
	max-width: 85%;
	margin: 0 auto;
	position: relative;
}
.testimonial-page-sec p:before{
	content: "\f10d";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0px;
	left: -50px;
	background-color: #bbbbbb;
    text-align: center;
    color: #fff;
	font-family: FontAwesome;
	text-indent:-3px;
	line-height:30px;
}
.testimonial-page-sec .testi-colm-text{
	padding: 20px 50px;
}
.service_page_button div[data-style="minimal_small"] .toggle > h3:before{
	display:none !important;
}
.service_page_button div[data-style="minimal_small"] .toggle > h3:after{
	display:none !important;
}


/*media query start*/
@media (max-width: 1920px){
		#footer-outer[data-full-width="1"] .container{
		padding:0 60px;
	}
.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav{
	left: -250px;
}
	.our-service-section button.owl-prev{
		top: 30%;
	}
	.our-service-section button.owl-next{
		top: 30%;
	}
}
@media (max-width: 1600px){
.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav {
    left: -220px;
}
}
@media (max-width: 1354px){
	nav ul li a {
    font-size: 18px !important;
}
	.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav {
    left: -200px;
}
	.projects-section button.owl-prev, .projects-section button.owl-next{
		width: 50px;
    height: 50px;
	}
}
@media (max-width: 1300px){
nav ul li a span {
    font-size: 14px!important;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1000px){
	h2, h3{
		font-size: 28.9px !important;
	}
}
@media (max-width: 1204px){
	nav ul li a {
    font-size: 16px !important;
}
	.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav {
    left: -160px;
}
}
@media (max-width: 1172px){
	#header-outer[data-lhe=animated_underline] #top nav>ul>li>a{
		margin-right: 5px!important;
    margin-left: 5px!important;
		font-size: 11px;
}
	.our-service-section .owl-theme .owl-item h4 {
		font-size: 15px!important;
	}
}
/*@media (max-width: 1201px){
	.testinomial-section .owl-carousel .owl-nav{
		bottom: 90px;
	}
}*/
@media (max-width: 1060px){
	nav ul li a {
    font-size: 14px !important;
}
}
@media only screen and (max-width: 999px) and (min-width: 690px){
	h2, h3{
		font-size: 27.2px !important;
	}
}
@media (max-width: 999px){
	.about-section{
		padding-left: 25px !important;
    padding-right: 25px !important;
	}
	.faq-section, .projects-section{
		padding-left: 25px !important;
    padding-right: 25px !important;
	}
	.faq-section .faq-text{
		max-width:  100%;
	}
	.our-service-section button.owl-prev, .our-service-section button.owl-next{
width: 80px;
height:80px;
	}
	.our-service-section button.owl-prev span{
font-size: 0px!important;
 color: #fff!important;   
}
.our-service-section button.owl-next span{
font-size: 0px;
color: #fff;
}
	
/*	.our-service-section button.owl-prev{
		left:0px;
	}
	.our-service-section button.owl-next{
		right:0px;
	}*/
	
	.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav{
		position: unset;
		margin-top: 50px;
	}
	.mobile-header-butn{
		display: block;
    text-align: right;
    position: absolute;
    right: 255px;
    top: 23px;
    z-index: 99;
	}
	#header-outer .mobile-header-butn .mobile-header-phone{
		background: #fff!important;
    border: 1px solid #ffc926;;
    border-radius: 0px!important;
	}
	#header-outer .mobile-header-butn .mobile-header-freequote{
    border: 1px solid #ffc926;
    border-radius: 0px!important;
	}
.testinomial-section .owl-carousel .owl-dots, .testinomial-section .owl-carousel .owl-nav {
    right: 0px;
    bottom: 0px;
    left: 0px;
    top: -130px;
    text-align: center;
}
	.testinomial-section .testinomial-left-column{
		margin-bottom:0px!important;
	}
	#slide-out-widget-area-bg {
		background-color:#000!important;
	}
	#slide-out-widget-area.fullscreen .menuwrapper li a, #slide-out-widget-area.fullscreen-alt .menuwrapper li a{
		font-size:18px!important;
    line-height:30px!important;
    font-weight:600!important;
    text-align:left!important;
	}
	.menu-phone{
		margin-top: 25px!important;
		margin-left: 20px!important;
		width:200px;
		border: 1px solid #ffc926;
	}
	.menu-phone a{
		padding: 4px 45px!important;
	}
	.menu-free-quote{
		margin-top: 25px!important;
		margin-left: 20px!important;
		width:200px;
		border: 1px solid #ffc926;
		background:#ffc926;
	}
	.menu-free-quote a{
		padding: 4px 45px!important;
		color:#000!important;
	}
	.welcome-section .welcome-text{
		padding: 30px 0px 50px !important;
	}
	.faq-section .faq-text{
		padding-top: 50px !important;
	}
/*.our-service-section .disabled .owl-next span:before{
		    top: 25px;
    font-size: 30px;
	}
	.our-service-section .disabled .owl-prev span:before{
		    top: 25px;
    font-size: 30px;
	}*/
	
	.our-service-carousel .owl-carousel.image-slider:before{
		height: 105%;
	}
	.our-service-carousel .owl-carousel.image-slider:after{
		height: 105%;
	}
	.wpb_row.vc_row.bottom_padding_tablet_10px {
    padding-bottom: 50px !important;
}
	.faq-section .child_column h3{
		margin-bottom: 30px!important;
	}
	.colio-grid4 .colio-list>li{
	width: 100% !important;
}
}

@media (max-width: 966px){

	.hero-section .rev-btn{
		font-size: 14px !important;
		padding: 0px 0px 0px 60px !important;
		/*width: 150px !important;
		right: 27px;*/
		line-height: unset !important;
	}
	.hero-section .rev-btn:before{
		bottom: 13px;
	}
	
	}
@media (max-width: 768px){
		.hero-section .rev-btn{
		font-size: 12px !important;
	}
	.yellow-cta-p{
	width:100%;

}
	.our-service-section button.owl-prev {
    top: 25%;
}
	.our-service-section button.owl-next {
    top: 25%;
}
	#slider-1-slide-1-layer-4{
	}
	.our-service-section .owl-theme .owl-item h4 {
    font-size: 13px!important;
}

	.mobile-header-butn{
		position:unset;
		padding-left:17px; padding-right:17px;
	}
	.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav {
    left: -87px;
}
	.projects-section button.owl-prev, .projects-section button.owl-next {
    width: 30px;
    height: 30px;
    margin: 0px 7px;
}
	.projects-section button span {
    font-size: 21px;
}
	#header-outer .mobile-header-butn .mobile-header-freequote{
		margin-right: 25px;
	}
	.our-service-carousel .owl-carousel.image-slider:before{
		left: -76px;
	}
	.our-service-carousel .owl-carousel.image-slider:after{
		right: -76px;
	}
	#wpsm_accordion_61 .ac_title_class{
		padding: 30px 0px !important;
	}
	.faq-align #wpsm_accordion_61.wpsm_panel-group .ac_open_cl_icon.fa-minus{
		margin-top: 27px !important;
	}
	.faq-align #wpsm_accordion_61.wpsm_panel-group .ac_open_cl_icon.fa-plus {
    margin-top: 27px !important;
}
	.projects-section{
		padding-bottom: 20px !important;
	}
}
@media only screen and (max-width: 690px){
	h2, h3{
		font-size: 25.5px !important;
	}
}
@media (max-width: 689px){
	#footer-outer #copyright {
		padding: 25px 20px 0px 0;
	}
}
@media (max-width: 600px){
	.hero-section .rev-btn{
		font-size: 10px !important;
		width: 150px !important;
	}
	.our-service-section button.owl-prev{
		left: 30px;
			top: 30%;
	}
	.our-service-section button.owl-next{
		right: 30px;
		top: 30%;
	}
	.our-service-section button.owl-prev, .our-service-section button.owl-next {
    width: 50px;
		height: 50px;
	}
	.our-service-section .owl-prev span:before{
		font-size: 25px;
	}
	.our-service-section .owl-next span:before{
		font-size: 25px;
	}
#header-outer .mobile-header-butn .mobile-header-phone {
  width: 50%;
  text-align: center;
}
	#header-outer .mobile-header-butn .mobile-header-freequote {
  width: 49%;
  text-align: center;
		margin-right: 0px;
}
	.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav{
		position:unset;
		
	}
	.projects-section .owl-nav button{
		margin-top:50px!important;
	}
	.projects-section .owl-carousel .owl-dots.disabled, .projects-section .owl-carousel .owl-nav{
		margin-top: 0px;
	}
	.projects-section{
		padding-bottom: 0px!important;
	}
	.testinomial-section .testinomial-left-column h3{
		font-size: 16px !important;
	}
}

@media (max-width: 599px){
	.our-service-section button.owl-prev{
		top: 35%;
	}
	.our-service-section button.owl-next{
		top: 35%;
	}
	.our-service-carousel .owl-carousel.image-slider:before{
		display: none;
	}
	.our-service-carousel .owl-carousel.image-slider:after{
		display: none;
	}
	.faq-section #wpsm_accordion_61.wpsm_panel-group .wpsm_panel-heading .wpsm_panel-title a .ac_title_class{
		font-size: 20px !important;
	}
}
@media (max-width: 479px){
.testinomial-section .testinomial-left-column {
   padding: 60px 25px 110px 25px!important;
}
	.testinomial-section .disabled .owl-prev span{
		padding: 0px 15px 4px 15px;
	}
	.testinomial-section .disabled .owl-next span{
		padding: 0px 15px 4px 15px;
	}
	.testinomial-right-column p{
		font-size: 14px;
	}
	.testinomial-section .testinomial-right-column h3 {
    font-size: 14px;
}
	/*.hero-section .rev-btn{
		right: 35px;
	}*/
	
}
@media (max-width: 377px){
	#header-outer .mobile-header-butn .mobile-header-phone {
    width: 49%;
}
}
@media (max-width: 366px){
	.testinomial-section .owl-prev span{
		font-size: 20px;
    padding: 0px 20px 4px 20px;
	}
	.testinomial-section .owl-next span{
		font-size: 20px;
    padding: 0px 20px 4px 20px;
	}
	.testinomial-section .testinomial-right-column {
    padding: 50px 25px!important;
    background-color: #fff;
}

}

@media (max-width: 343px){
#header-outer .mobile-header-butn .mobile-header-phone {
	width: 49%;
	}
	.hero-section .rev-btn{
		right: 45px;
	}
}
@media (max-width: 335px){
	.btn-section span { 
    font-size: 15px;
}
	
}