/**
	
* Template Name: Uwash - Cleaning Service Company HTML5 Template
* Version: 1.0.8
* Author: Unicoder
* Email: support@unicoderbd.com
* Developed By: Unicoder
* Last Update: 21th May, 2018
* Author URL: www.unicoderbd.com

**/

/*===================================================
Table of CSS Content arrage with every section name
=====================================================
	1.   Default CSS
	2.   Default Padding & Margin css
	3.   Default Background css
	4.   Color Setting css
	5.   Header Top css
	5.1  Main Header section css
	5.2  Header Style 2 section css
	6.   Slider Section css
	6.1  Slider2 Section css
	6.2  Slider3 Section css
	7.   About Section css
	7.1  About-2 Section css
	8.   Service Section css
	8.1  Service2 Section css
	8.2  Service3 Section css
	9.   Why Choose Us Section css
	10.  Our Project Section css
	10.1 Our Project2 Section css
	10.2 Single Project Page css
	11.  Quote & Testmonial Section css
	12.  Recent News Section css
	12.1 Blog Page css
	12.2 Single Blog Page css
	13.  Pricing Table Section css
	14.  Acordion css
	15.  banner Section css
	16.  About Us Page css
	17.  Team Profile Page css
	18.  Service Inner Page css
	19.  Product Page css
	19.1 Single Product Page css
	19.2 Cart Page css
	20.  Terms and Condition page css
	21.  Quote, Sign In and Sign Up page css
	22. Contact page css
	23. Footer Section css
	24. Element Page css
	25. Unchangeable color css

===================================================== */

@import url('animate.min.css');
@import url('jquery.fancybox.css');
@import url('owl.css');

/*====== Link Google Fonts API ========*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i');


/*===========================================================
Settings CSS
============================================================*/
.box-layout {
	margin: 0 auto;
	width: 1310px;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 9;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
}
.body-overlay {
	position: relative
}
.body-overlay:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .40);
}



/*====================================================================
25. Sidebar panel css
====================================================================*/
/*----- Input Radio Switch ----*/
.switcher-layout, .box-bg-style{
	border-top: 1px solid
}
.select-bg {
	display: inline-block;
	width: 100%
}
.layout-title{
	font-size: 14px;
    margin-bottom: 10px;
    display: inline-block
}
.radio-check {
    border-radius: 22px;
    display: block;
    height: 44px;
    width: 100px;
	position: relative;
	overflow: hidden
}
.radio-check input[type="checkbox"]{
	display: none
}
.radio-check label {
	padding:0 15px;
	transform: translateX(0px);
	width: 156px;
	cursor: pointer;
	max-width: inherit
}
.radio-check input[type="checkbox"]:checked + label{
	transform:translateX(-56px)
}
.radio-check label span {
	line-height: 44px
}
.radio-check label span:first-child {
	float:left
}
.radio-check label span:last-child {
	float:right
}
.radio-check label::before {
    background-color: var(--white-theme-color);
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 58px;
    position: absolute;
    top: 2px;
    width: 40px;
    z-index: 1;
}
/*----- Box BG Image ----*/
[type="radio"] {
	display: none;
}
label.radios {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-weight: 500;
	width: 30px;
	height: 30px;
	margin-bottom: -5px
}
[type="radio"]:checked + label.radios::after {
	content: '✔';
	line-height: 28px;
	border: 1px solid;
	text-align: center
}
.box-bg-style label::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
[type="radio"]:checked + label.radios::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 30px;
	height: 30px
}
.box-bg-style li{
	float: left;
    margin: 0 3px 0 0
}

/*====================================================================
4. Color Setting css
====================================================================*/
.on-panel {
    height: 45px;
    left: -45px;
    position: absolute;
    top: 0;
    width: 45px;
    cursor: pointer;
}
.color-panel {
	position: fixed;
	right: -225px;
	top: 140px;
	z-index: 999;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}
.color-panel.open {
	right: 0
}
.on-panel {
	height: 45px;
	left: -45px;
	position: absolute;
	top: 0;
	width: 45px;
	cursor: pointer
}
.on-panel img {
	padding: 10px
}
.panel-box, .switcher-layout,
.box-bg-style {
  padding: 14px 10px 14px 20px;
  width: 225px;
  background: #f8f8f8;
  display: table
}
.panel-box .panel-title {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px
}
.color-box {
	display: table;
	width: 100%;
	text-align: left
}
.color-box li{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	cursor: pointer
}
.scroll-btn{
	position: fixed;
	right: 30px;
	bottom: 50px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	text-align: center;
	color: var(--white-theme-color);
	z-index: 9
}
.color-panel {
	background-color: var(--white-theme-color)
}
.color-box li.default {
	background-color: #f8b604
}
.color-box li.green {
	background-color:#23c16a
}
.color-box li.yellow-light{
	background-color:#f3dd21
}
.color-box li.red {
	background-color:#fa5e5e
}
.color-box li.tender-leaf {
	background-color: #6faf01
}

/*====================================================================
3. Default Background css
====================================================================*/
.body-bg-1 {
	background: url(../images/bg-image/bg-1.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-2 {
	background: url(../images/bg-image/bg-2.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-3 {
	background: url(../images/bg-image/bg-3.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-4 {
	background: url(../images/bg-image/bg-4.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-5 {
	background: url(../images/bg-image/bg-5.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-6 {
	background: url(../images/bg-image/bg-6.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-7 {
	background: url(../images/bg-image/bg-7.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-8 {
	background: url(../images/bg-image/bg-8.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-9 {
	background: url(../images/bg-image/bg-9.jpg) no-repeat fixed;
	background-position: center center
}
.body-bg-10 {
	background: url(../images/bg-image/bg-10.jpg) no-repeat fixed;
	background-position: center center
}
.pattern-1{
	background: url(../images/bg-image/pattern/1.png) repeat fixed
}
.pattern-2{
	background: url(../images/bg-image/pattern/2.png) repeat fixed
}
.pattern-3{
	background: url(../images/bg-image/pattern/3.png) repeat fixed
}
.pattern-4{
	background: url(../images/bg-image/pattern/4.png) repeat fixed
}
.pattern-5{
	background: url(../images/bg-image/pattern/5.png) repeat fixed
}
.pattern-6{
	background: url(../images/bg-image/pattern/6.png) repeat fixed
}
.pattern-7{
	background: url(../images/bg-image/pattern/7.png) repeat fixed
}
.pattern-8{
	background: url(../images/bg-image/pattern/8.png) repeat fixed
}
.pattern-9{
	background: url(../images/bg-image/pattern/9.png) repeat fixed
}
.pattern-10{
	background: url(../images/bg-image/pattern/10.png) repeat fixed
}
.pattern-11{
	background: url(../images/bg-image/pattern/11.png) repeat fixed
}
.pattern-12{
	background: url(../images/bg-image/pattern/12.png) repeat fixed
}
.pattern-13{
	background: url(../images/bg-image/pattern/13.png) repeat fixed
}
.pattern-14{
	background: url(../images/bg-image/pattern/14.png) repeat fixed
}
.pattern-15{
	background: url(../images/bg-image/pattern/15.png) repeat fixed
}

.box-bg-style .pattern1{
	background: url(../images/bg-image/pattern/1.png) no-repeat center
}
.box-bg-style .pattern2{
	background: url(../images/bg-image/pattern/2.png) no-repeat center
}
.box-bg-style .pattern3{
	background: url(../images/bg-image/pattern/3.png) no-repeat center
}
.box-bg-style .pattern4{
	background: url(../images/bg-image/pattern/4.png) no-repeat center
}
.box-bg-style .pattern5{
	background: url(../images/bg-image/pattern/5.png) no-repeat center
}
.box-bg-style .pattern6{
	background: url(../images/bg-image/pattern/6.png) no-repeat center
}
.box-bg-style .pattern7{
	background: url(../images/bg-image/pattern/7.png) no-repeat center
}
.box-bg-style .pattern8{
	background: url(../images/bg-image/pattern/8.png) no-repeat center
}
.box-bg-style .pattern9{
	background: url(../images/bg-image/pattern/9.png) no-repeat center
}
.box-bg-style .pattern10{
	background: url(../images/bg-image/pattern/10.png) no-repeat center
}
.box-bg-style .pattern11{
	background: url(../images/bg-image/pattern/11.png) no-repeat center
}
.box-bg-style .pattern12{
	background: url(../images/bg-image/pattern/12.png) no-repeat center
}
.box-bg-style .pattern13{
	background: url(../images/bg-image/pattern/13.png) no-repeat center
}
.box-bg-style .pattern14{
	background: url(../images/bg-image/pattern/14.png) no-repeat center
}
.box-bg-style .pattern15{
	background: url(../images/bg-image/pattern/15.png) no-repeat center
}

.box-bg-style .body-image1{
	background: url(../images/bg-image/bg-1.jpg) no-repeat center / cover;
}
.box-bg-style .body-image2{
	background: url(../images/bg-image/bg-2.jpg) no-repeat center / cover;
}
.box-bg-style .body-image3{
	background: url(../images/bg-image/bg-3.jpg) no-repeat center / cover;
}
.box-bg-style .body-image4{
	background: url(../images/bg-image/bg-4.jpg) no-repeat center / cover;
}
.box-bg-style .body-image5{
	background: url(../images/bg-image/bg-5.jpg) no-repeat center / cover;
}
.box-bg-style .body-image6{
	background: url(../images/bg-image/bg-6.jpg) no-repeat center / cover;
}
.box-bg-style .body-image7{
	background: url(../images/bg-image/bg-7.jpg) no-repeat center / cover;
}
.box-bg-style .body-image8{
	background: url(../images/bg-image/bg-8.jpg) no-repeat center / cover;
}
.box-bg-style .body-image9{
	background: url(../images/bg-image/bg-9.jpg) no-repeat center / cover;
}
.box-bg-style .body-image10{
	background: url(../images/bg-image/bg-10.jpg) no-repeat center / cover;
}


/*=================================================================
Default Animation
==================================================================*/
a, h1, h2, h3, h4, h5, h6,p, img, .animate-inout,
.service-item .title, .service-item .service-icon,
.default-portfolio-item .overlay-box, .blog-post, .blog-date,
.project-item2 .project-item2-hover, .pricing-item,
.about-us-2 .about-us-item, .team-member .member-img-hover, 
.other-service li, .product-item .product-img,
[type="checkbox"]:checked + label.checkboxes::before,
.about-us-item .down-line:before,
.box-bg-style li.active a:after,
.about-us-item, .radio-check label{
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.carousel-caption, .choose-us-right,
.carousel-control, .owl-theme .owl-nav,
#slider.slider-style3 .quote-form2{
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.both-line:before, .both-line:after,
.blog-date, .about-us-left .small-img,
.slider-style2 .slider-caption .slider-title::before,
.down-line.text-center:before,
.newsletter-2 {
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.small-img.overlay-primary [class^="flaticon-"]::before,
.video-right a.video-popup span:before,
.photo-gallery a:before{
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.default-portfolio-item .overlay-box,
.team-member .member-img-hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8)
}
.default-portfolio-item:hover .overlay-box,
.team-member:hover .member-img-hover {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1)
}
.blog-post:hover .blog-img img,
.product-item:hover img,
.product-item-list:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.according-title.active:after{
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}
.according-title:after{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

/*====================================================================
5. Slider Animation css
====================================================================*/
#slider .carousel-caption h1, 
.page-style2 #slider .carousel-caption h1 {
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 0
}
#slider .carousel-caption p, 
.page-style2 #slider .carousel-caption p {
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 0;
}

.carousel-caption li:nth-child(1) {
	animation-delay: 1s;
	animation-duration: 1s
}
.carousel-caption li:nth-child(2) {
	animation-delay: 1.1s;
	animation-duration: 1s
}
.carousel-caption li:nth-child(3) {
	animation-delay: 1.2s;
	animation-duration: 1s
}
.carousel-caption .button-group {
	animation-delay: 1.5s;
	animation-duration: 1s
}
#slider .item.active .carousel-caption p, 
#slider .item.active .carousel-caption h1, 
#slider .item.active .carousel-caption li:nth-child(1), 
#slider .item.active .carousel-caption li:nth-child(2), 
#slider .item.active .carousel-caption li:nth-child(3),
.page-style2 #slider .item.active .carousel-caption p, 
.page-style2 #slider .item.active .carousel-caption h1, 
.page-style2 #slider .item.active .carousel-caption li:nth-child(1), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(2), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(3){
	animation-name: fadeInUp
}
#slider .item.active .carousel-caption p, 
#slider .item.active .carousel-caption h1, 
#slider .item.active .carousel-caption li:nth-child(1), 
#slider .item.active .carousel-caption li:nth-child(2), 
#slider .item.active .carousel-caption li:nth-child(3),
.page-style2 #slider .item.active .carousel-caption p, 
.page-style2 #slider .item.active .carousel-caption h1, 
.page-style2 #slider .item.active .carousel-caption li:nth-child(1), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(2), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(3){
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity: 1
}
#slider .item .carousel-caption .button-group, 
.page-style2 #slider .item .carousel-caption .button-group{
	opacity: 0;
}
#slider .item.active .carousel-caption .button-group, 
.page-style2 #slider .item.active .carousel-caption .button-group {
	animation-name: fadeInUp
}
#slider .item.active .carousel-caption .button-group, 
.page-style2 #slider .item.active .carousel-caption .button-group {
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity: 1
}


/*====================================================================
1. Default CSS
====================================================================*/
body{
	font-family: 'Montserrat', sans-serif;
	color: var(--body-theme-color);
	font-size: 15px;
	line-height: 28px
}
a {
	text-decoration: none !important;
	outline: none
}
ul {
	margin: 0;
	padding: 0
}
li {
	list-style: none
}
img {
	width: 100%
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Montserrat', sans-serif;
	text-transform: capitalize;
	font-weight: 700;
	color: var(--black-theme-color) !important;
	margin-top: 0
}
.full-row{
	position: relative;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
}
.text-area {
	margin: 15px 0;
	display: inline-block
}
.circle {
	border-radius: 50%;
	
}

.cirle-itrend img{
 height: 23rem;
}

.circle-itrend-two{
	position: absolute;
	top: 4rem;
}

.we-are-itrend-crumbs{
	padding-top: 2rem;
}
.overflow-hidden{
	overflow: hidden
}
.margin-auto {
    display: table;
    margin: 0 auto;
}
.down-line::before{
	content: "";
	width: 30px;
	height: 3px;
	position: absolute;
	bottom: -15px;
	left: 0
}
.btn {
	display: inline-block;
	white-space: nowrap;
	border: 2px solid transparent;
	border-radius: 30px;
	line-height: 40px;
	text-align: center;
	font-weight: 600;
	padding: 0 25px;
	font-size: 14px
}
.btn-link {
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.flaticon-small [class^="flaticon-"]:before{
	font-size: 20px
}
.flaticon-medium [class^="flaticon-"]:before{
	font-size: 35px
}
.flaticon-large [class^="flaticon-"]:before{
	font-size: 60px
}
.owl-carousel .owl-nav [class^="flaticon-"]::before {
	font-size: 16px;
}
.social-icon i, .social-icon-2 i{
	display: inline-block;
	margin-right: 20px
}
.social-icon a:last-child i, 
.social-icon-2 a:last-child i{
	margin: 0
}

.social-icon{
	display: flex;
	gap: 30px !important;
}

.nav-on-top a{
	color: #fff !important;
}

.social-icon-two a{
	padding:0 10px ;
	color: #B8860B !important;
}

.social-icon-two i{
	color: #B8860B !important;
}

.social-icon a{
	color: #ffff !important;
}
.overlay-secondary:before,
.overlay-primary:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}
label.checkboxes {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-weight: 500
}
[type="checkbox"]:checked + label.checkboxes::before {
	content: '✔';
	line-height: 13px;
	border: 1px solid;
	text-align: center
}
label.checkboxes::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.form-control{
	border-radius: 0
}
textarea.form-control {
    height: auto;
    min-height: 120px;
}
#wrapper {
	position: relative;
    padding-left: 15px;
    padding-right: 15px;
	overflow: hidden !important;
}
/*==========================Section Title===========================*/
.both-line{
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px
}
.both-line:before, .both-line:after{
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	left: 50%
}
.both-line:before{
	top: 0
}
.both-line:after{
	bottom: 0
}
.down-line.text-center:before{
	left: 50%
}
.sub-title.box {
    width: 770px;
}
.sub-title {
    display: block;
    font-weight: 500;
    line-height: 32px;
    margin: 0 auto;
    padding-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
}
.nav-on-banner {
    animation-fill-mode: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
.nav-on-top {
    animation-fill-mode: both;
    width: 100%;
    z-index: 999;
    top: 0;
    position: absolute;
}

/*====================================position=================================*/

.overlay-secondary, .overlay-primary,
.down-line{
	position: relative
}
/*====================================width & height=================================*/

/*=====================================================
2. Default Margin and Padding
======================================================*/



.mt-30, .my-30{
	margin-top: 30px !important
}
.mr-20{
	margin-right: 20px !important
}
.mr-30{
	margin-right: 30px !important
}
.mb-30, .my-30{
	margin-bottom: 30px !important
}
.ml-30{
	margin-left: 30px !important
}
.mb-40{
	margin-bottom: 40px
}
.mt-70{
	margin-top: 70px
}
/*===============================Padding==================================*/

.p-30{
	padding: 30px !important
}

.pt-30, .py-30{
	padding-top: 30px !important
}
.pb-30, .py-30{
	padding-bottom: 30px !important
}
.pb-40{
	padding-bottom: 40px !important
}
.py-70, .pt-70{
	padding-top: 70px !important;
}
.py-70, .pb-70{
	padding-bottom: 70px !important
}
.px-30{
	padding-left: 30px !important;
	padding-right: 30px !important
}
/*====================================================================
3. Default Background css
====================================================================*/
.background-1{
  background-image: url(../images/bg-image/itrend\ bus\ only.jpg); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-banner{
	background-image: url(../images/bg-image/itrend\ bus\ only.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding-top: 120px !important;
}
/*==========================Default Form===========================*/
.transparent-form .form-control{
	background: transparent;
	border-color: transparent transparent var(--white-theme-color) transparent;
	box-shadow: none;
	padding-left: 0
}
/*=========================Default List Style========================*/
.list-style-1 li, .list-style-2 li{
	position: relative
}
.list-style-1 li, .list-style-2 li{
	margin-left: 20px
}
.list-style-1 li:before, .list-style-2 li:before{
	position: absolute;
	left: -20px;
	font-family: "Font Awesome 5 Free";
}
.list-style-1 li:before{
	content: "\f00c";
	font-weight: 900;
	
}
.list-style-2 li:before{
	content: "\f14a";
}
/*====================================================================
5. Header Top css
====================================================================*/
.header-top {
	line-height: 45px;
	font-size: 12px
}
.icon-list li {
	display: inline-block;
	margin-right: 15px;
	
}
.icon-list li i{
	margin-right: 7px
}

.icon-list  i {
color: #fff !important;
}
/*====================================================================
5.1 Main Header section css
====================================================================*/
.navbar-expand-lg .navbar-nav > li {
	padding: 33px 15px
}
.navbar-expand-lg .navbar-nav > li > a {
	padding: 0 !important;
    font-weight: 600;
    font-size: 15px;
}
.navbar-expand-lg a.dropdown-item{
	font-weight: 600;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
}
.navbar-expand-lg .navbar-nav > li > a.dropdown-toggle::after{
	display: none
}
.dropdown-toggle::after {
	right: 25px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.cart-nav {
	margin-right: 0px
}
.fixed-header .cart-nav li {
	padding: 12px 0
}
.cart-nav li {
	display: inline-block;
	padding:20px 0
}
.cart-nav li a:hover, .cart-nav li a:focus{
	background: transparent
}
.nav.cart-nav li{
	margin-left: 5px
}
.nav.cart-nav li a {
	border: 2px solid;
	display: block;
	padding: 8px 13px;
}
.dropdown-toggle i.fa {
	font-size: 16px;
	padding-left: 5px
}
/*------- For Round Circle bottom of the menu ---------*/
.navbar-brand > img {
	display: block;
	left: 0;
	position: relative;
	top: 15px;
	width: 90px;
	z-index: 9
}

.fixed-header .navbar-brand::after{
	display: none
}
.fixed-header .navbar-brand > img{
	top: 0px;
	width: 75px
}
[class*="main-header"] .collapse.navbar-collapse {
	position: relative
}
/*--new add start--*/
.search-icon {
	cursor: pointer
}
.search-from-menu{
	top: -150px;
    position: absolute;
	width: 100%;
	padding: 20px 0;
	right: 0;
	z-index:9
}
.main-header-2 .search-from-menu{
	padding-top: 0 !important
}
.main-header-2 .search-from-menu input[type="search"] {
	height: 62px;
}
.main-header-2 .search-from-menu:before{
	position: absolute;
	content: "";
	border: 31px solid;
	left: -62px
}
.main-header-2 .search-from-menu input[type="search"]{
	border: none
}

.search-from-menu.active {
	top: 0;
	width: 95%
}
.search-from-menu input[type="search"] {
	border: 1px solid #f1f1f1;
	height: 50px;
	padding: 5px 40px 5px 15px;
	width: 100%
}
.search-from-menu .src-close {
	color: #ccc;
	position: absolute;
	right: 15px;
	top: 32px;
	cursor: pointer
}
.fixed-header .src-close{
	top: 22px
}
.main-header .navbar-brand::after {
    border-radius: 50%;
    content: "";
    height: 126px;
    left: -33px;
    position: absolute;
    top: 2px;
    width: 150px;
}
.main-header-2 .navbar-brand::after {
    border-radius: 50%;
    content: "";
    height: 96px;
    left: -33px;
    position: absolute;
    top: -5px;
    width: 140px;
}
/*--new add end--*/
/*---- Header Fixed CSS ----*/
/* #header {
    animation-fill-mode: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
} */
@keyframes menu-sticky {
0% {
    margin-top: -100px;
}
50% {
    margin-top: -90px;
}
100% {
    margin-top: 0;
}
}
@keyframes menu-sticky {
0% {
    margin-top: -100px;
}
50% {
    margin-top: -90px;
}
100% {
    margin-top: 0;
}
}
.dropdown-menu li.active a:hover {
	background: transparent;
	color: inherit
}

/*====================================================================
6. Slider Section css
====================================================================*/
#slider, .page-banner {
	margin-top: 130px;
	background: var(--white-theme-color)
}
.slider-style1 .carousel-inner > .item{
	max-height: 750px;
}
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img {
	height: auto;
	width: 100%
}
.box-layout .carousel-inner > .item > a > img,
.box-layout .carousel-inner > .item > img {
	height: 100%;
	width: auto
}
.carousel-caption {
	width: 100%;
	right: 0;
	left: 0;
	padding-bottom: 30px
}
.slider-caption{
	width: 900px
}
.slider-title {
    font-size: 55px;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    white-space: normal;
    margin-top: 0;
    height: auto;
    line-height: initial;
	padding-bottom: 30px
}
.slider-title:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 120px;
	height: 3px
}
.slider-caption p {
	margin: 40px 0
}
.carousel-inner .item:after{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1;
	left: 0;
	top: 0
}
.carousel-caption li {
	opacity: 0;
	padding-bottom: 10px
}
/*====================================================================
6.1 Slider2 Section css
====================================================================*/
.slider-style2 .slider-caption {
	display: table;
	margin: 0 auto
}
.slider-style2 .carousel-caption{
	top: 58%
}
.slider-style2 .carousel-inner > .item {
	height: 850px
}
.slider-style2 #slider{
	position: relative;
	margin-top: 0
}
.slider-style2 .slider-title:before{
	left: 50%
}
.carousel-control span:before{
	font-size: 21px;
	border: 2px solid;
	padding: 7px
}
/*====================================================================
7. About Section css
====================================================================*/
.about-us-left .big-img{
	width: 370px
}
.about-us-left .small-img {
	position: absolute;
	right: -90px;
	bottom: 35px;
	width: 210px
}
.about-us-left .small-img.overlay-primary:before{
	border-radius: 50%
}
.small-img.overlay-primary [class^="flaticon-"]::before {
	position: absolute;
	left: 50%;
	top: 50%
}
/*====================================================================
7.1 About-2 Section css
====================================================================*/
.about-us-item {
	margin-left: -14px;
	margin-right: -14px;
	margin-bottom: 2px;
	padding: 30px
}
.about-us-item .btn-link{
	display: inline-block
}
/*====================================================================
8. Service Section css
====================================================================*/
.service-middle{
	width: 380px;
	border: 5px solid transparent;
	padding: 10px
}
.service-left, .service-right {
	width: 42%;
	position: absolute;
	top: 5px;
	z-index: 3
}
.service-left {
	left: 0
}
.service-left .service-item {
	display: table;
	float: right
}
.service-right .service-item {
	display: table;
	float: left
}
.service-left .service-icon {
	float: right
}
.service-left .service-icon {
	margin-left: 30px
}
.service-right .service-icon {
	margin-right: 30px
}
.service-right .service-icon {
	float: left
}
.service-right {
	right: 0
}
.service-icon {
	border: 10px solid;
	height: 100px;
	width: 100px
}
.service-icon span:before{
	line-height: 80px
}
.service-left .service-item .inner-title{
	line-height: 100px;
	text-align: right;
	float: right;
	margin: 0
}
.service-right .service-item .inner-title{
	line-height: 100px;
	text-align: left;
	float: left;
	margin: 0
}
/*====================================================================
8.1 Service2 Section css
====================================================================*/
.our-service2 .service-item{
	border-radius: 10px;
}

.our-service2 .itrend-card-text{
	padding: 10px 30px
}
.our-service2 .service-icon{
	float: inherit;
	border: none
}

.itrend-img-about-us img{
 height: 400px;
 border-radius: 100%;
 width: 422px !important;
}

.our-service2 .itrend-card-img img{
	height: 250px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.our-service2 .service-icon span{
	line-height: 100px
}
.our-service2 .service-item a{
	display: inline-block
}
/*====================================================================
8.2 Service3 Section css
====================================================================*/
.our-service3 .service-icon{
	border: 2px solid;
	float: none;
	margin: 0 auto 15px
}
.our-service3 .service-icon span{
	line-height: 110px
}
/*====================================================================
9. Why Choose Us Section css
====================================================================*/
.choose-us-2{
	padding: 70px 50px
}
.choose-resons span {
	width: 70px;
	height: 70px;
	display: table;
	float: left
}
.choose-resons .choose-text{
	display: table
}
.choose-resons span i:before{
	line-height: 70px
}
.choose-us-right {
	position: relative;
	top: 50%;
	left: 8%
}
.choose-us-right img {
	position: absolute;
	width: 130%;
	bottom: -150px;
	left: -30px;
}
.achievement span:before{
	font-size: 45px
}
.why-choose-us3 .choose-us .bg-img {
	bottom: 0px;
	position: absolute;
	width: 30% !important;
	left: 15% !important
}
/*====================================================================
10. Our Project Section css
====================================================================*/
.default-portfolio-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0
}
.default-portfolio-item:hover .overlay-box {
	opacity:1
}
.default-portfolio-item .overlay-box .inner-content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%
}
.default-portfolio-item .overlay-box .arrow img {
	width: 25px;
	position: absolute;
	top: 30px;
	right: 30px
}
.default-portfolio-item .overlay-box .content-bottom {
	bottom: 5px;
	left: 30px;
	position: absolute
}
.default-portfolio-item .overlay-box .inner-title {
	max-width: 300px;
	margin: 15px auto 20px
}
.filter-tabs{
	margin: 0 0 50px;
	text-align: center
}
.filter-btns li {
	cursor: pointer;
	display: inline-block;
	font-family: "Montserrat",sans-serif;
	font-size: 13px;
	font-weight: 600;
	margin: 0 15px;
	line-height: 40px;
	text-transform: uppercase;
}
.filter-btns li:last-child{
	margin-right: 0
}
.filter-list .mix {
	display: none
}

.gallery-section .controls li {
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	margin: 0 15px;
	padding: 10px 0;
	text-transform: uppercase;
	position: relative;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent
}
.gallery-section .filter-btns li.filter.active{
	border-top:2px solid;
	border-bottom:2px solid;
	padding: 0
}
/*====================================================================
11. Quote & Testmonial Section css
====================================================================*/
.testimonials .owl-controls{
	top: auto;
	bottom: -50px
}
.quote, .testimonials{
	padding: 60px 35px
}


.quote-image {
	position: absolute;
	bottom: 0px;
	right: -20px;
	width: 37%;
	z-index: 1
}
.quote-sidebar{
	display: inline-block;
}


.testimonial-author {
	width: 50%;
	margin: 50px 0 30px;
}
.testimonial-detail::before {
	position: absolute;
	content: "";
	border: 15px solid;
	border-color: transparent transparent var(--white-theme-color);
	top: -30px
}
.owl-dots {
	margin: 50px auto 0;
	display: inline-block;
	width: 100%;
}
.owl-dot {
	float: left;
	height: 3px;
	width: 20px;
	margin-right: 5px;
	position: relative;
	outline: none;
}
.owl-carousel .owl-nav{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
	border: 2px solid;
	width: 40px; 
	height: 40px;
	line-height: 40px;
}

.owl-carousel .owl-nav button.owl-next{
	float: right;
}


.itrend-partner img{
	height: 150px !important;	
}

.itrend-partner{
	padding-top: 60px;
}

.partner-slider-main{
	padding: 0 25% 0 25%;
	
}


.partner-slider-main{
	text-align: center;
	
}

.itrend-img{
	padding-top: 10px;
}

.itrend-partner{
	text-align: center;
}

.our-team-member .owl-dots{
display: table;
width: auto;
}

.our-team-member img{
  height: 22rem;
  
}

.team-member .member-title{
	color: #B8860B !important;
}

.our-team-itrend img{
	height: 17rem;
}

.our-team-itrend .item{
	padding-bottom: 20px;
}

.our-team-member .owl-dot,
.our-team-member .owl-dot span {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #B8860B;
	border-radius: 30px;
	display: block;
	height: 15px;
	transition: opacity 200ms ease 0s;
	width: 15px;
	margin: 0 4px;
}
.our-team-member .owl-dot.active span {
	background-color: var(--primary-theme-color)
}
.main-header-2 .navbar-expand-lg .navbar-nav > li > a:hover,
.main-header-2 .navbar-expand-lg .navbar-nav > li.active > a{
	color: var(--white-theme-color) !important
}
.testimonials .owl-dot span,
.feedback-sidebar .owl-dot span{
	width: 20px;
	height: 3px;
	background-color: var(--white-theme-color);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0;
	border: none;
}
.testimonials.p-0 .owl-dot span,
.feedback-sidebar .owl-dot span{
	background-color: var(--secondary-theme-color) !important
}
.testimonials .owl-dot.active span,
.feedback-sidebar .owl-dot.active span{
	background-color: var(--primary-theme-color) !important;
	outline: none
}
/*====================================================================
12. Recent News Section css
====================================================================*/
.blog-post {
	border-bottom: 3px solid transparent
}
.blog-date {
	position: absolute;
	width: 190px;
	left: 50%;
	bottom: -23px;
	text-transform: capitalize;
	border: none;
	padding: 7px 0;
}
.post-admin {
	font-size: 11px;
	font-weight: 500
}
.blog-img > a , .blog-img > span{
  display: block;
  overflow: hidden
}
.process-item{
	padding: 70px 50px
}
/*====================================================================
12.1 Blog Page css
====================================================================*/
.search-box button {
	background: transparent;
	border: medium none;
	line-height: 44px;
	padding: 0 15px 0 12px;
	position: absolute;
	right: 0;
	top: 0
}
.blog-title {
	margin-top: 15px
}
.sidebar-item li img{
	width: 70px;
	margin-right: 20px
}
.sidebar-item.post li{
	display: flex
}
.sidebar-item li{
	margin: 15px 0;
	font-weight: 500
}
.sidebar-item li p{
	font-size: 13px
}
.sidebar-item .content h6{
	white-space: normal
}
.sidebar-gallery {
	display: inline-block;
	margin-left: -7px;
	margin-right: -7px
}
.photo-gallery a {
	width: 28.5%;
	float: left;
	margin: 7px;
	position: relative
}
.photo-gallery a:hover:before{
	position: absolute;
	content: "\f067";
	font-size: 20px;
	top: 50%;
	left: 50%;
	z-index: 1;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
.photo-gallery a:hover:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}
/*====================================================================
12.2 Single Blog Page css
====================================================================*/
.single-blog-date {
	position: absolute;
	top: 30px;
	left: 30px;
	line-height: 44px;
	border-radius: 30px;
	font-weight: 500;
	width: 190px
}
.blog-tag span, .blog-tag li a{
	float: left
}
.blog-tag li a,
.comment h6 i{
	font-weight: 500;
	font-size: 12px;
	margin-left: 7px
}
.comment img{
	width: 80px;
	margin: 12px 20px 0 0;
	float: left
}
.comment-details{
	display: table
}
.comment-form .form-control{
	border: none
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid var(--off-white-theme-color);
}
/*====================================================================
10. Our Project Section css
====================================================================*/
.default-portfolio-item{
	position: relative
}
.default-portfolio-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0
}
.default-portfolio-item:hover .overlay-box {
	opacity:1
}
.default-portfolio-item .overlay-box .inner-content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%
}
.default-portfolio-item .overlay-box .arrow img {
	width: 25px;
	position: absolute;
	top: 30px;
	right: 30px
}
.default-portfolio-item .overlay-box .content-bottom {
	bottom: 5px;
	left: 30px;
	position: absolute
}
.default-portfolio-item .overlay-box h5 {
	max-width: 300px;
	margin: 15px auto 20px
}
.filter-list .mix {
	display: none
}
.gallery-section .controls li {
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	margin: 0 15px;
	padding: 10px 0;
	text-transform: uppercase;
	position: relative;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent
}
.gallery-section .controls li.mixitup-control-active{
	border-top:2px solid;
	border-bottom:2px solid
}
/*====================================================================
10.1 Our Project2 Section css
====================================================================*/
.project-item2-hover {
	left: 0;
	padding: 20px 25px;
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 85%
}
.project-item2:hover .project-item2-hover{
	padding: 90px 25px;
	top: 0
}
.project-item2 .inner-title{
	font-size: 18px;
	margin-top: 0
}
/*====================================================================
10.2 Single Project Page css
====================================================================*/
.service-slider .owl-prev, .service-slider .owl-next{
	border-radius: 50%;
	border-color: transparent
}
.service-slider.owl-theme .owl-nav{
	z-index: 2
}
.service-slider .owl-prev{
	margin-left: 70px;
	left: 0
}
.service-slider .owl-next{
	margin-right: 70px;
	right: 0
}
.single-project-content .list-icon li, 
.information-table li {
	padding-bottom: 10px;
	width: 100%;
	float: none;
}
.information-table{
	padding: 30px 20px
}
.information-table li b {
	width: 85px;
	display: inline-block;
	float: left;
}
.information-table li span {
	font-size: 13px;
	display: table
}
/*====================================================================
13. Pricing Table Section css
====================================================================*/
.pricing-item .inner-title{
	font-size: 18px
}
.pricing-item .service-price{
	font-size: 21px;
	font-weight: 600
}
.pricing-item .get-info li{
	padding: 7px 0
}
/*====================================================================
14. Acordion css
====================================================================*/
.according-area {
	margin-bottom: 3px
}
.according-title {
	cursor: pointer;
	line-height: 35px;
	position: relative;
	text-transform: uppercase
}
.according-title:before{
	content: "";
	position:absolute;
	width:10px;
	height:2px;
	right:20px;
	top: 17px
}
.according-title:after{
	content: "";
	position:absolute;
	width:10px;
	height:2px;
	right:20px;
	top: 17px
}
.according-details {
	padding: 20px 15px;
	display: none
}
.according > div:first-child .according-details{
	display:block
}
/*====================================================================
15. banner Section css
====================================================================*/
.page-banner-link li{
	display: inline-block
}
/*====================================================================
16. About Us Page css
====================================================================*/
.company-details .list-style-1 li {
    width: 45%;
	float: left
}
.video-right {
	width: 100%;
	height: 350px;
	background: #f8c304 url(../images/video-img.jpg) no-repeat;
	background-size: cover;
	position: relative
}
.video-right a.video-popup span:before {
	position: absolute;
	top: 50%;
	left: 50%
}
.our-history .choose-resons span{
	width: 100px;
	height: 100px;
	border: 7px solid
}
.our-history .choose-resons .choose-text{
	display: table
}
.history-list li span{
	font-weight: 600;
	font-size: 16px
}
.history-list li{
	margin-bottom: 20px
}
.choose-resons .years{
	line-height: 66px
}
.our-history-right {
	width: 80%
}
.banner-quote .quote-button {
	position: absolute;
	top: 5px;
	right: 15px
}
.member-img-hover {
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0;
	z-index: 1;
	padding: 80px 40px;
	opacity: 0
}
.team-member:hover .member-img-hover{
	opacity: 1
}
.team-member a .title{
	margin-bottom: 0
}
/*----------Ineer pages of About us----------*/
.other-service li a{
	font-size: 14px;
	font-weight: 500;
	line-height: 50px;
	
}
.brochure-info a {
	display: block;
	line-height: 50px;
	padding: 0 20px;
	margin-bottom: 5px;
	font-weight: 600
}
/*====================================================================
17. Team Profile Page css
====================================================================*/
.about-trainer tr td {
	padding-bottom: 10px
}
.about-trainer tr td:last-child {
	padding-left: 30px
}
.trainer-profile-acquire li{
	float: left;
	width: 25%
}
.trainer-profile-acquire li i{
	font-size: 25px;
	margin-bottom: 15px
}
/*====================================================================
18. Service Inner Page css
====================================================================*/
/*----------Appartment Service----------*/
.project-thumbnail a {
	display: block;
	overflow: hidden
}
.project-thumbnail a.onlive {
	position: relative
}
.project-thumbnail a.onlive::after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border: 5px solid
}
.service-sidebar .other-service li a{
	line-height: 60px;
	font-size: 15px;
	font-weight: 600
}
.other-service li a {
	display: block;
	padding: 0 20px;
	text-transform: uppercase;
	margin-bottom: 5px
}
.btn-download a{
	border-radius: 0;
	margin: 3px 0
}
.our-brochure .btn-download a{
	width: 100%
}
.feedback-sidebar{
	border: 1px solid
}
.feedback-sidebar .user img{
	width: 50px;
	float: left
}
.feedback-sidebar .user .user-name{
	padding-top: 7px
}
.facts span{
	float: left
}
.facts .content{
	display: table
}
/*====================================================================
19. Product Page css
====================================================================*/
.product-category .according-title.active{
	background-color: transparent !important
}
.product-category li a:before,
.product-category li a:after{
	display: none
}
.product-category a,
.product-brand a{
	text-transform: capitalize;
	border-bottom: 1px solid;
	padding: 7px 0;
	display: inherit
}
.product-category a i{
	line-height: 44px
}
.filter-price{
	width: 110px;
	height: 36px
}
.product-small-img img{
	width: 65px;
	margin: 7px 10px 0 0;
	float: left
}
.product-small-detail{
	display: table;
	font-size: 12px
}
del, .grid-view{
	margin-right: 7px
}
.product-store .select-icon{
	width: 200px
}
.show-per-page .form-control{
	width: 80px
}
.product-show select, .product-img{
	padding: 10px
}
.view-category {
	float: right;
	margin-top: 8px;
	font-size: 20px
}
.show-per-page {
	display: inline-block
}
.product-info .btn{
	line-height: 30px;
	padding: 0 15px;
	font-size: 13px
}
.product-img {
	border: 1px solid transparent
}
.product-name a {
	font-size: 13px;
	font-weight: 700
}
.product-status .amount{
	float: left
}
.product-status .stars {
	font-size: 10px;
	text-align: right
}
/*====================================================================
19.1 Single Product Page css
====================================================================*/
.single-product-info label{
	font-weight: normal
}
.single-product-info .stars{
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-size: 12px
}
.single-product-info .price{
	font-size: 20px;
	font-weight: 600
}
.all-quantity .quantity-nav i{
	left: auto;
	right: 0
}
.all-quantity span {
	margin: 8px 0px 0px 10px;
	display: inline-block
}
.product-tab-menu .nav-tabs {
	position: absolute;
	left: 0;
	top: 0;
	display: inherit
}
.product-tab-menu ul li {
	float: none
}
.product-tab-menu .nav-tabs li a {
  line-height: 44px;
  margin-bottom: 3px;
  text-align: center;
  width: 170px
}
.product-tab-menu .nav-tabs > li > a.active, 
.product-tab-menu .nav-tabs > li > a.active:hover, 
.product-tab-menu .nav-tabs > li > a.active:focus {
	border-top: none;
	border: 1px solid var(--off-white-theme-color);
	border-right: none;
	width: 174px;
	margin-right: 0;
	background-color: var(--white-theme-color) !important
}
.product-tab-menu .tab-content {
	border: 1px solid;
	margin-left: 173px;
	padding: 20px
}
.single-product-categories {
	border-top: 1px solid
}
/*====================================================================
19.2 Cart Page css
====================================================================*/
.woocommerce-cart-form tr img{
	width: 60px
}
.woocommerce-cart-form tr td, .woocommerce-cart-form tr th {
	text-align: center
}
.woocommerce-cart-form tr td {
	padding: 20px
}
.woocommerce-cart-form tr th {
	line-height: 40px
}
.woocommerce-cart-form .product-remove {
	width: 100px;
	padding: 0;
}
.woocommerce-cart-form .product-thumbnail, .woocommerce-cart-form .product-name{
	text-align: left;
	padding-left: 0
}
.woocommerce-cart-form tr:first-child, .woocommerce-cart-form tbody{
	border-bottom: 1px solid
}
.woocommerce-cart-form .total-price {
	width: 100%;
}
.product-quantity .form-control {
	width: 100px;
	padding: 0 35px;
	-moz-appearance: textfield
}
.product-quantity{
	position: relative
}
.quantity-nav i {
	position: absolute;
	right: 0px;
	border: 1px solid;
	padding: 3px 5px;
	cursor: pointer
}
.quantity-nav i:first-child{
	top: 0px
}
.quantity-nav i:last-child{
	bottom: 0px
}
.cart-total td {
	border: 1px solid;
	padding: 15px 30px
}
.cupon .form-control {
	border-radius: 30px
}
.cupon .btn-primary {
	position: absolute;
	top: 30px;
	right: 14px;
	border-radius: 0px 30px 30px 0px;
	line-height: 36px;
	padding: 0 15px;
}
/*====================================================================
20. Terms and Condition page css
====================================================================*/
.conditions li a {
	font-weight: 600;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 14px;
	width: 100%
}
/*====================================================================
21. Quote, Sign In and Sign Up page css
====================================================================*/
.sign-in-or-up-form #checkbox-2{
	display: none
}
.service-quote-form label, 
.sign-in-or-up-form label{
	font-weight: normal;
	cursor: pointer
}
.sign-in-or-up {
	margin: 150px auto;
	width: 180px
}
.sign-in-or-up-form {
	padding: 70px 10%
}
.sign-in-or-up-form .checkboxes span{
	margin-left: 10px
}
/*====================================================================
Error page css
====================================================================*/
.error-content .inner-title{
	font-size: 150px;
	line-height: normal
}
/*====================================================================
22. Contact page css
====================================================================*/
.contact-icon {
	width: 70px;
	height: 70px;
	border: 5px solid
}
.contact-icon i {
	line-height: 58px;
	font-size: 28px;
	color: #B8860B !important;
}

.contact-info p, a{ 
	color: #B8860B;
}

.contact-info a:hover{ 
	color: #B8860B;

}

.contact-location {
 padding-bottom: 20px;
}

.contact-location .message{
	padding:50px 15px 50px 15px;
	height: 450px;
}
.error-handel{
	display: none
}

.contact-message label {
	font-weight: 400;
	font-size: 13px;
	color: var(--white-theme-color);
	width: 50% !important;
}


.error-handel {
    bottom: -5px;
    display: table;
    height: 35px;
    left: 15px;
    margin: auto 0;
    position: absolute;
    text-align: left;
    width: 100%;
}
#success, #error {
    display: none;
    line-height: 34px;
}
/*====================================================================
23. Pagination css
====================================================================*/
.pagination .page-item{
	border: none;
	float: left
}
.pagination .page-item .page-link{
	border: none;
	line-height: 44px;
	padding: 0 25px;
	border-radius: 30px;
	margin: 0 5px;
	font-weight: 600;
}
/*====================================================================
23. Footer Section css
====================================================================*/
footer .newsletter label{
	font-weight: 700
}
footer .newsletter-form input{
	height: 40px
}

footer p{
	color: #c7c5d6 !important;
}

.business-our li{
 color: #c7c5d6 !important;	
}

.widget-content a{
	color: #c7c5d6 !important;
}
.footer-widget .widget-title{
	margin-bottom: 30px
}
.footer-widget{
	font-size: 13px
}
.footer-widget img{
	width: 100px;
    margin-bottom: 13px
}
.widget-content li{
	padding-bottom: 10px
}
.widget-content i{
	font-size: 17px
}
.widget-content li .inner-title{
	margin: 0
}

.newsletter-left, .newsletter-right label{
	padding-top: 7px;
	font-size: 13px
}
.newsletter-form input[type="text"]{
	border-radius: 30px
}
.newsletter-form input[type="submit"]{
	position: absolute;
	right: 15px;
	top: 0;
	border-radius: 0 30px 30px 0;
	border: none
}
.newsletter-2 {
	position: absolute;
	top: -38px;
	left: 50%
}
.newsletter-2 .news2{
	display: flex;
	width: 100%;
	padding: 20px
}
.newsletter-2 .newsletter-form input[type="submit"]{
	right: 2px
}
/*====================================================================
24. Element Page css
====================================================================*/
.element-part {
	border-bottom: 1px solid;
	font-size: 24px
}
.all-elements [class^="padding"]{
	display: inline-block;
	width: 100%
}
.all-elements .list-style-num li {
	list-style: decimal;
	list-style-position: inside
}
.all-elements .quote, .all-elements .message{
	padding: 30px
}
.service-quote-form ul li {
	width: 48%;
	display: inline-block;
	font-size: 13px
}
.all-elements label{
	font-weight: normal
}
.service-quote-form input{
	margin-right: 10px
}
.service-quote-form input[type=checkbox]{
	display: none
}
.service-quote-form [name="date"],
.service-quote-form [name="time"]{
	position: relative
}
.service-quote-form .form-group a i {
	position: absolute;
	right: 30px;
	top: 15px
}
.forget-password {
	display: inline-block;
	width: 100%
}
.otherwise {
	margin: 11px 0px;
	display: inline-block
}
/*====================================================================
25. Unchangeable color css
====================================================================*/
.text-black,
.text-black a,
 .navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .dropdown-item{
	color: var(--black-theme-color) !important
}
 
.cart-nav li a, .dropdown-menu > li > a,
.title, .btn-link, .btn-link:hover,
.our-service3 .service-item:hover .btn.btn-link,
.other-service li a {
	color: var(--black-theme-color)
}
.pricing-item:hover .inner-title,
 .other-service li a:hover,
 .other-service li a:hover span{
	color: var(--white-theme-color) !important
}

.text-white, .text-white a, .social-icon i,
.flat-white [class^="flaticon-"]::before,
.transparent-form .form-control, .social-icon-2 i:hover,
.blog-post:hover .btn-secondary, 
.pricing-item:hover span, .pricing-item:hover li,
.main-header-3 .navbar-expand-lg .navbar-nav > li > a,
.main-header-3 .cart-nav li a,
.other-service li.active a, 
.pagination .page-item:hover .page-link,
.pagination .page-item.active .page-link,
[type="radio"]:checked + label.radios::after,
.projects2.owl-carousel .owl-nav [class*="owl-"]:hover,
#success{
	color: var(--white-theme-color)
}
.service-slider .owl-prev,
.service-slider .owl-next{
	background-color: var(--white-theme-color) !important
}
.owl-carousel .owl-nav [class*="owl-"]:hover,
.service-slider .owl-prev:hover,
.service-slider .owl-next:hover{
	background-color: var(--secondary-theme-color) !important;
	color: var(--white-theme-color) !important
}
.bg-white, .navbar-brand::after,
.newsletter-form .btn-primary:hover,
.newsletter-form .btn-secondary:hover,
.down-line.white:before, .pagination .page-item .page-link,
.according-title:before, .according-title:after{
	background-color: var(--white-theme-color)
}
.bg-black, .down-line.black:before{
	background-color: var(--black-theme-color) !important
}
.other-service li,
.pagination-2.pagination.pagination .page-item .page-link,
.search-box .form-control{
	background-color: var(--off-white-theme-color)
}
.bg-gray{
	background-color: var(--gray-theme-color) !important
}
.service-icon{
	border-color: #f1f1f1 !important
}
.switcher-layout, .box-bg-style{
	border-color: (--off-white-theme-color)
}















/*=====================All Color of color css==============================*/
/*=====================Button Color==============================*/
.btn-primary,
.pricing-item:hover .btn,
footer .newsletter-form .btn-primary:hover {
	color: var(--white-theme-color);
	background-color: var(--primary-theme-color);
}
.btn-primary:focus, .btn-primary:hover {
	color: var(--primary-theme-color);
	background-color: transparent;
	border-color: var(--primary-theme-color);
}
.btn-secondary {
	color: var(--white-theme-color);
	background-color: var(--secondary-theme-color)
}
.btn-secondary:focus, .btn-secondary:hover {
	color: var(--secondary-theme-color);
	background-color: transparent
}
.btn-default {
	color: var(--white-theme-color);
	border-color: var(--white-theme-color);
	background-color: transparent
}
.btn-default:focus, .btn-default:hover {
	color: var(--black-theme-color);
	background-color: var(--white-theme-color)
}

/*=====================Nav Color==============================*/
.navbar-expand-lg .navbar-nav > li.active > a {
	color: var(--primary-theme-color) !important
}
.navbar-expand-lg .navbar-nav > .open > a,
.navbar-expand-lg .navbar-nav > li > a:hover, 
.navbar-expand-lg .navbar-nav > li.active > a:focus,
.cart-nav li a:hover, .main-header-3 .cart-nav li a:hover,
.main-header-3 .navbar-expand-lg .navbar-nav > li > a:hover{
	background-color: transparent;
	color: var(--primary-theme-color) !important
}
.dropdown-menu li.active li.active a, .main-header-2 .nav > li:hover > a, 
.main-header-2 .search-icon:hover, .about-us-item:hover p{
	color: var(--white-theme-color) !important
}
.main-header-2 .nav.navbar-right::before {
    border-color: transparent var(--primary-theme-color) var(--primary-theme-color) transparent !important;
}
.main-header-2 .search-from-menu:before {
    border-color: transparent var(--white-theme-color) var(--white-theme-color) transparent !important;
}
/*=====================Default Font Color==============================*/
.text-dark,
.filter-btns li{
	color: var(--dark-theme-color) !important
} 
.social-icon-2 i,
.blog-post a {
	color: var(--secondary-theme-color)
}
.service-item:hover .inner-title,
.comment-details .replay{
	color: var(--primary-theme-color) !important
}

.service-item:hover .service-icon{
	background-color: var(--primary-theme-color) !important
}
.gallery-section .filter-btns li.filter.active{
	color: var(--primary-theme-color) !important
}
.text-primary,
.service-item:hover .btn-link,
.sidebar-item li:hover a,
.blog-post:hover a,
.view-category a.active,
.conditions li.active a, 
.conditions li a:hover, 
.product-category .according-title.active,
 .product-category li a:hover,
.product-brand li:hover a,
.popular-product-title.text-gray:hover {
	color: var(--primary-theme-color) !important
} 
.social-icon i:hover, .icon-primary i, 
.text-primary a, .flat-primary [class^="flaticon-"]::before,
.quick-link li a:hover,
.page-banner-link li:last-child a, .list-style-1 li:before, 
.list-style-2 li:before, .video-overlay span:hover:before, 

.popular-product-item:hover a, .product-item:hover .product-name a, 
.sign-in-or-up-form form a:hover {
	color: var(--primary-theme-color)
}

.text-secondary,
.view-category a{
	color: var(--secondary-theme-color) !important
}
.text-off-white{
	color: var(--off-white-theme-color) !important
}
.owl-carousel .owl-nav [class*="owl-"]{
	color: var(--secondary-theme-color) !important
}

.text-secondary a, .icon-secondary i,
.flat-secondary [class^="flaticon-"]::before,
[type="checkbox"]:checked + label,
[type="checkbox"]:checked + label.checkboxes::before
{
	color: var(--secondary-theme-color)
}

.form-control::placeholder,
.icon-gray i, .pagination .page-item .page-link,
.search-box i{
	color: var(--gray-theme-color)
}
.get-quote .form-control::placeholder{
	color: var(--white-theme-color) 
}
.flat-dark [class^="flaticon-"]::before {
	color: var(--dark-theme-color)
}
/*=====================Default Background Color==============================*/
.bg-dark{
	background-color: var(--dark-theme-color) !important
}
footer {
    background-color: var(--dark-theme-color)
}
.bg-primary{
	background-color: var(--primary-theme-color) !important
}
.bg-secondary{
	background-color: var(--secondary-theme-color) !important
}
.bg-off-white{
	background-color: var(--off-white-theme-color) !important;
	
}

.bg-off-white-card{
 height: 480px;
}

.bg-off-white-card-one{
	height: 330px;
}
.about-us-item:hover{
	background-color: var(--primary-theme-color) !important
}
.pricing-item:hover .service-price{
	background-color: var(--primary-theme-color) !important
}
.according-title.active{
	background-color: var(--primary-theme-color) !important
}
.other-service li.active, 
.other-service li:hover,
.pagination .page-item:hover .page-link,
.pagination .page-item.active .page-link,
.blog-post:hover .btn-secondary,
.down-line::before,
 .both-line:before,
  .both-line:after,
  .photo-gallery a:hover:after,
  .radio-check input[type="checkbox"]:checked + label{
	background-color: var(--primary-theme-color) !important
}
 .dropdown-menu, 
.slider-caption .slider-title:before,
[type="radio"]:checked + label.radios::after
.double-bounce1, .double-bounce2,
.feedback-sidebar .owl-dots .owl-dot.active span{
	background-color: var(--primary-theme-color)
}
.pricing-item:hover{
	background-color: var(--secondary-theme-color) !important
}

.transparent-form option,
.main-header-2 .navbar-brand::after,
.about-us-item:hover .down-line:before, 
 .main-header-3.fixed-header,
.projects2.owl-carousel .owl-nav [class*="owl-"]:hover,
.partner-slider.owl-carousel .owl-nav [class*="owl-"]:hover,
.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{
	background-color: var(--secondary-theme-color) !important
}

/*=====================Border Color==============================*/
.gallery-section .filter-btns li.filter.active{
	border-color: var(--primary-theme-color)
}
.btn-primary, .pricing-item:hover .btn, .blog-post:hover,
.our-service3 .service-item:hover .service-icon,
.our-history .choose-resons span, .contact-icon{
	border-color: var(--primary-theme-color)
}
.owl-nav .owl-next, .owl-nav .owl-prev{
	border-color: var(--secondary-theme-color) !important
}
.our-service3 .service-item .service-icon{
	border-color: var(--secondary-theme-color) !important
}
.our-service3  .service-item:hover .service-icon{
	border-color: var(--primary-theme-color) !important
}
.service-middle, .btn-secondary, 
.project-thumbnail a.onlive::after{
	border-color: var(--secondary-theme-color)
}
.feedback-sidebar, .woocommerce-cart-form tr:first-child, 
.woocommerce-cart-form tbody, .quantity-nav i, 
.product-tab-menu .tab-content, .form-2 .form-control,
.single-product-info .stars, .single-product-categories,
label.checkboxes::before{
	border-color: var(--off-white-theme-color)
}
.product-category a, .product-brand a{
	border-color: var(--white-theme-color)
}
/*=====================RGB Color==============================*/
.overlay-secondary:before,
.project-item2-hover,
[type="radio"]:checked + label.radios::before{
	background-color: var(--secondary-overlay-color)
}
.overlay-primary:before{
	background-color: var(--primary-overlay-color)
}
@media screen and (max-width:991px) {

.main-header-2 .navbar-nav li a,
.main-header-3 .dropdown-menu li a{
	color: var(--white-theme-color)
}
.dropdown-menu li.active li.active a,
.dropdown-menu li a:hover{
	color: var(--primary-theme-color) !important
}
}


.slick-slider-wrapper {
	position: relative;
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
}
.slick-slider {
	height: 100%;
}
.slide {
	position: relative;
	height: 100vh !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-blend-mode: overlay; 
	background-color: rgba(0, 0, 0, .5) !important;
}
.slide-content {
	max-width: 1200px;
	width: 100%;
	padding: 0 20px;
	text-align: center !important;
}
.text-content {
	padding: 20px;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.slider-btn:hover {
	color: #000 !important;
	background: #fff;
}
.slick-dots {
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.slick-dots li button:before {
	font-size: 12px;
	color: #fff;
}
.slick-dots li.slick-active button:before {
	color: #fff;
}
    @media (max-width: 768px) {
        .main-text {
            font-size: 40px !important;
            line-height: 50px !important;
        }
    }
    @media (max-width: 480px) {
        .main-text {
            font-size: 30px !important;
            line-height: 40px !important;
        }
        .projects-text {
            font-size: 16px !important;
        }
        .slider-btn {
            font-size: 12px !important;
            line-height: 40px !important;
            padding: 0 20px !important;
        }
    }


/* Make the header fixed */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Stay above everything */
}


/* Optional: Add shadow when scrolling */
.sticky-nav {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


.sticky-shadow {
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}