@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}

.carousel-control-prev,
.carousel-control-next { top:20%}
.cnt-frm textarea{ height:150px !important}
p{color:#5d5d5d !important; font-size:15px !important; line-height:10px !important;}
.dropdown-menu{ margin:1.5rem 0 0 !important; border:0px !important }
body{ font-family: 'Righteous', cursive !important; font-weight:600;line-height:22px; }
.fnt-bd{ font-family: 'Righteous', cursive !important;font-weight:normal !important; line-height:22px; text-decoration: none;     letter-spacing: 0.4px !important; }
.fnt-bd2{ font-family: 'Righteous', cursive !important;font-weight:bold !important; line-height:22px; text-decoration: none;     letter-spacing: 0.4px !important; }
.fnt-nrml{ font-family: 'Righteous', cursive !important; font-size:15px; font-weight:100}
.fnt-nrml2{ font-family: 'Righteous', cursive !important; font-size:15px; color:#ddd !important }
.fnt-nrml3{ font-family: 'Righteous', cursive !important; font-size:14px; color:#5d5d5d !important }
.fnt-nrml4{ font-family: 'Righteous', cursive !important; font-size:16px; color:#5d5d5d !important }
.fnt16{ font-size:16px !important; }
.fnt14{ font-size:14px !important; }
.brd-btm{ padding:10px 0px;; border-bottom:1px dashed #ccc; }
.service-content{ min-height:220px; }
.single-service{ box-shadow: 2px 2px 5px #e8e2e2, -2px -2px 5px #e8e2e2; margin-top:30px;  }  
.serv-cont p{ font-size:15px; line-height:20px; }
.serv-cont ul li{ font-size:15px; margin-bottom:10px; display:flex;font-size:15px; line-height:20px;  }
.serv-cont ul li i{ width:30px; padding-right:10px;}
.dropdown-item:hover{ background-color:#e2e4e6 !important }
.wood{ cursor:default !important }
.py-21{ padding-top:.7rem !important; padding-bottom:.7rem !important; }
.serv-head{display:block !important;}
.serv-head li{margin:7px 0;}
.serv-head li .btn{text-align:left !important;}
.btn-darkgrey{ background:#ddd }
.btn-darkgrey:hover { background:#525252; color:#fff}

.tittle{ padding:10px 0; margin-bottom:10px; }
.breadcrumbs{ padding-top:10px; }
.requ-frm textarea { height:100px; }
.serv-head li a button{text-align:left}
.imgtitle{ position:absolute; display:block; margin-top:-42px; background-color:rgba(51, 51, 51, 0.5); color:#fff; width:92%; } 
.imgtitle h3{ margin-bottom:0px !important; padding:10px 0; }
.footer-content a{  color:#ddd }
.footer-content a:hover{ color:#525252 }
.footer-icons ul li{display:inline-block}.footer-icons ul li a{color:#fff;display:block;font-size:20px;line-height:38px;text-align:center;margin-right:5px;width:40px;height:40px;background:#525252;border:1px solid #525252;border-radius:2px}.footer-icons ul li a:hover{color:#525252;background:0 0;border:1px solid #525252}.footer-icons{margin-top:51px;display:inline-block;margin-right:39px }.footer-head h4{color:#ddd;font-size:18px;margin-bottom:20px;text-transform:uppercase;font-weight:700}.footer-services-link ul.footer-list{width:50%;float:left; margin-top:0px;}.footer-icons ul li{display:inline-block}.footer-icons ul li a{color:#fff;display:block;font-size:20px;line-height:38px;text-align:center;margin-right:5px;width:40px;height:40px;background:#525252;border:1px solid #525252;border-radius:2px}.footer-icons ul li a:hover{color:#525252;background:0 0;border:1px solid #525252}.footer-icons{margin-top:12px;display:inline-block;margin-right:39px }.footer-icons h5{color:#ddd}
.bg-wight{background:#fff !important }
.bg-dark{ padding:15px 0; font-size:20px; }
.b_download{ height:41px;}

.serv-head li:nth-child(1){margin-top:0px;}
.serv-head li a.active {background:#525252; color:#fff !important; display:block; }
.serv-head li a.active .btn{ color:#fff;}
.serv-head li a{background:#ddd; color:#666; display:block;border-radius: 4px; }

.service-btn{    text-decoration: none;}
.banner-text{font-size:54px; font-weight:600px; color:#fff}
/**********hearder*****************/
.topbar li{ display: inline-block;  }
.topbar li:nth-child(1){ display: none; }
.topbar li a:hover{ color:#fff !important  }
.text-dark{ color: #333 !important }
.bg-darkblue{ background: #222f3d;  }
/*------project slider*/
/* Style the tab */
.tab {
    overflow: hidden;
    border: 0px solid #ccc;    
	position:absolute; top:0px; right:0px; color:#fff;  background-color:#ccc; text-align:right; width:auto
}
.slider-top_left{ text-align:left !important; padding-left:10px; width:100%; padding:10px; }

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}
.produ{ margin-bottom:30px; }
.slick-slide img{ width:100%;}
.slick-initialized .slick-slide{ background-color:transparent!important; border:0;}
.slick-prev{ z-index:999; left:5px;top:48% !important;}
.slick-next{ z-index:999; right:5px;}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.yslider p{ position:relative;top: 0px; color: white; padding-left: 10px;float:left; margin-top:0px;}
	
.hvr-img{overflow:hidden !important}
.hvr-img img{
	
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	
}
.hvr-img a{ overflow:hidden; display:block }
.hvr-img img:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.fil-hide{top:35px; position: absolute;}
@media only screen and (max-width: 900px) {
	.banner-text{font-size:14px; }
	.carousel { margin-top:268px }
	.page-area{ margin-top:227px }
	.topbar li{ padding:5px 0 }
	.produ{ margin-bottom:20px; }
	.uk-accordion-title{ margin-top:10px !important; }
	.fil-hide{ top:20px !important; margin-left:10px; }
	.cont{ margin-top:20px; }
	.wpb_wrapper{ margin-top:80px; }
	.cd-gallery ul li{ width:100% }
	.cd-gallery{ padding:0px 5%  !important }
	.page-area .py-5 { padding-top:1.5rem !important; padding-bottom:.5rem !important }
	.tab-pane img{ padding:20px 0     ; }
	.cont-form{ Padding-top:20px; border-top:1px solid #ccc; margin-top:20px; }
	.pro-details{ padding-top:220px; }
	.detais{ margin-top:0px !important; }
	.slick-prev{ top:40% !important }
	.modal-open .modal{ z-index:999999 !important; }
	.modal-open .modal input{ margin-bottom:5px; }
	.spec .mb-5{ margin-bottom:0px !important; }
	.spec .pb-5{ padding-bottom:0px !important; }
	.carousel-control-prev,
.carousel-control-next { top:6%}
.content-start{ padding-top:0px !important; padding-bottom:0px !important; }
.spec h2{ margin-top:20px !important; }
.page-area h1{ font-size:20px !important; }
.page-area .pb-3{ padding-bottom:0px  !important; }
.pre-pro{ padding:20px 0; }
.next-pro{ margin-top:-20px; }
.footer-area{ margin-top:20px; }
.slick-slider .slick-prev{ top:44% !important; }
.slider-nav .slick-prev{ top:25% !important; }
}