/*
Template Name: Garish general maint & cleaning
company name: xltechnologies
company URI: http://www.xltech.in
author:sreedarsh
author URI:sreedarshcp@gmail.com
*/

@charset "utf-8";
/* CSS Document */
.main{
	background:#f4f4f3;
	width:100%;
	height: auto;}
.mail{ position:relative;
	 z-index:999999;}
.mail a{
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	color:#5a5454;
	float:left;
	margin-top: 17px;
	text-decoration:none;}
.mail a:hover{
	color:#ef8925;} 
.mail i{
	float:left;
	padding: 16px 14px 18px 8px;}
.logo{
	width:150px;
	height:auto;}
.social_main{
	float:right;}
.social{
	background:url(../images/fb.png);
	width:36px;
	height:33px;
	float:right;
	margin-top:1%;}
.social_2{
	background:url(../images/twitter.png);
	width:36px;
	height:33px;
	float:right;
	margin-top:1%;}
.social_3{
	background:url(../images/be.png);
	width:36px;
	height:33px;
	float:right;
	margin-top:1%;}
.social_4{
	background:url(../images/google.png);
	width:36px;
	height:33px;
	float:right;
	margin-top:1%;}
.social_5{
	background:url(../images/pin.png);
	width:36px;
	height:33px;
	float:right;
	margin-top:1%;}		
.logo img{
	width:100%;
	float:left;
	margin-top: -3px;}
.garish_border{
	border-top: 1px solid #C3C2C2;}
.none_border b{
	border:none;}
.help{
	width: 199px;
	height: 58px;
	margin-top: 29%;
	border-left: 1px solid #E0CFCF;
	margin-left: -32px;
	}
.help h1{
	font-size: 17px;
	font-weight: 900;
	font-family: open sans;
	color:#5a5454;
	margin: 0px;
	}
.help p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	padding: 4% 0% 0% 0%;
	margin: 0px;
	color:#5a5454;
	}
.help i{
	font-size:53px;
	color: #EC8D16;
	float:left;
	padding: 0% 6% 0% 6%;}
.whowe_are h1{
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	margin-top: 13%;
	color: #000000;
	text-transform: uppercase;
	}
.whowe_are p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	margin-top: 31px;
	line-height: 21px;
	color:#5a5454;
	margin-bottom:20px;
	}
.who_main{
	width:100%;
	background-color:#f4f4f3;
	height:auto;
	/* margin-top: 31px; */
	}
.who_manage{
	margin-top:30%;}
.who{
	width:455;
	height:auto;
	border-left: 1px solid #B9AAAA;
	padding: 5px;
	}
.who img{
	width:100%;
	margin-top: 20%;
	height: auto;
	margin-bottom: 10%;}
	
.who_we{
	margin-top:3%;
}
.who_we i{
	margin-top:7em;
	color:#fff;
}
.who_we img{
	width:455px;
	 height:302px;
}
.who_we_carousel{
}
.carousel-control.left, .carousel-control.right{
	background:none !important;
}
.carousel-control.left {
    left: 3% !important;
    width:6% !important;

}
.carousel-control.right {
    right: 3% !important;
    width:6% !important;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      /*width: 70%;*/
      margin: auto;
  }
  .carousel-indicators{
	  display:none;
  }
.our_service h1{
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color:#000;
	text-transform: uppercase;
	margin-top: 68px;
	}
.service img{
	float:left;
	margin-top: 9%;
	margin-bottom: 30%;
	}
.service h2{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color:#000;}
.service  p{
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	line-height: 21px;
	color: #676666;}
.service ul{
	margin-left: 26%;}
.service li{
	list-style:url(../images/lilogo.png);
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	line-height: 30px;
	color: #676666;}
.service a{
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	line-height: 21px;
	color: #F08D26;
	font-weight:900;
	text-transform:capitalize;
	text-decoration: none;}
.service a:hover{
	color: #5D5656;}
.process{
	border-left:28px solid #261e9f;
	height: 360px;
	float:left;
	margin-bottom: 38px;
	margin-top: 33px;
	}
.process_2{
	margin-left:30px;
	height: 360px;
	border-left:7px solid #f08d26;
	margin-top: 33px;}
.process_box{






	width:100%;
	height:auto;
	float:left;
	border-left: 1px solid #D8D1D1;}
.process_box_sp{
	width: 100%;
	height: auto;
	float:left;
	margin-left: 10px;
	margin-bottom: 15px;
	}
.process_box_sp h2{
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #595956;
	font-weight: bold;
	/* margin-left: 20%; */
	text-align: center;
	}
.col_fl{
	float:left;}
.process_box h2{
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #595956;
	font-weight: bold;
	/* margin-left: -8%; */
	text-align: center;
	}
.process_box_sp p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #595956;
	text-align: center;
	margin-top: 20px;
	text-align: justify;
	}
.process_box_sp img{
	text-align:center;
	margin:0px;
	margin-left: 129px;
	}
.process_box p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #595956;
	text-align: center;
	margin-top: 20px;
	margin-left: 20px;
	text-align: justify;
	}
.process_box img{
	text-align:center;
	margin:0px;
	margin-left: 123px;
	}
.clean h1{
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #000000;
	margin-top: 32px;
	font-weight: bold;} 
.clean p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #686767;
	line-height: 21px;
	text-align: justify;}
.news {
	margin-bottom:50px;}
.news h1{
	 font-size: 25px;
	 font-family: 'Raleway', sans-serif;
	 text-transform: uppercase;
	 color: #000000;
	 margin-top: 32px;
	 font-weight: bold;
	 text-align: center;}
.footer_garish{
	background-color:#303031;
	height:auto;
	width:100%;}
.footer_ga{
	float:left;}
.footer_ga i{
	font-size:30px;
	float: left;
	padding: 15px 0px 0px 0px;
	color: #5D5A5A;
	}
.footer_ga p{
	/* margin-bottom:30px; */
	margin-top: 15px;
	font-family: open sans;
	text-transform: uppercase;
	color: #676666;
	padding: 0px 0px 0px 33px;
	}
.footer_garish_right{
	/*float:*/}
.footer_garish_right p{
	margin-bottom:30px;
	margin-top:30px;
	font-family: open sans;
	text-transform: uppercase;
	color: #f08d26;
	text-align: center;
	float:right;
	}
.footer_garish_right i{
	font-size: 64px;
    color: #999;
    margin-left: 70%;
    margin-top: 4%;}
.banner{
	width:100%;
	height:430px;
	position:absolute;}
.powerby {
	float:right;
    color:#fff;}
.powerby a{
	font-size: 13px;
	 font-family: open sans;
	 font-weight:500;
	 text-transform: uppercase;
	 color: #A2A0A0;}
.powerby a:hover{
	 color: #FF6600;}
.powerby p{
	 font-size: 13px;
	 font-family: open sans;
	 font-weight:500;
	 text-transform: uppercase;
	 color: #A2A0A0;}
.powerby span{
	color: #5f5e5e;}
.news_1{
	width:100%; 
	background-color:#F4F4F3; 
	border-left:2px solid #ccc;}
.garish_page {
	margin:0px;
	text-align:center;
	margin-top:30px;
	height:auto;}
.garish_page1 h1{
	font-size: 29px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #000000;
	margin-top: 45px;
	}
.garish_page1 img{
	width:100%;}
.garish_page h1{
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	text-transform: capitalize;
	color: #000000;
	margin-bottom: 28px;
	}
.garish_page p{
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
	color: #716565;
	text-align: center;
	margin-top: 33px;}
.we_offer{
	margin-bottom:20px;}
.we_off{
	border-left:1px solid #999;
	float: left;
	}
.second {
	padding-top:5px;}
.second .we_off{
	border-left:none;
	border-right:1px solid #999;}
.we_off h3{
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
	color: #716565;
	text-align: center;
	/* margin-left: 11px; */
	}
.we_off ul{
	float:left;}
.we_off li{
	line-height: 25px;
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
	color: #716565;
	/* text-align:center; */
	list-style:url(../images/lilogo.png);
	}
.we_off1{
	border-left:none;
	float: left;
	}
.we_off1 h3{
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
	color: #716565;
	text-align: left;
	margin-left: 25px;
	}
.we_off1 ul{
	float:left;}
.we_off1 li{
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
	color: #716565;
	/* text-align:center; */
	list-style:url(../images/lilogo.png);
	}

@media (max-width: 768px) {
.service img {
    float: left;
    margin-top: 9%;
    margin-bottom: 30%;}
	
.help{
	border:none;}
.logo img {
    margin-top: 0px;}
.responsive_logo{
	    /* margin-top: 119px; */
	    }	
.process{
	display:none;}	
.process_2{
	display:none;}
.garish_border {
	border:none;
	/* margin-top:50px; */
	margin-left: 38px;
	}	
.social{
	background:url(../images/fb2.png);
	width:25px;
	height:33px;
	float:right;
	margin-top:1%;
	margin: 1px;
	}
.social_2{
	background:url(../images/twitter2.png);
	width:25px;
	height:33px;
	float:right;
	margin-top:1%;
	margin: 1px;
	}
.social_3{
	background:url(../images/be2.png);
	width:25px;
	height:33px;
	float:right;
	margin-top:1%;
	margin: 1px;
	}
.social_4{
	background:url(../images/google3.png);
	width:25px;
	height:33px;
	float:right;
	margin-top:1%;
	margin: 1px;
	}
.social_5{
	background:url(../images/pin2.png);
	width:25px;
	height:33px;
	float:right;
	margin-top:1%;
	margin: 1px;
	}		
.who_manage {
    /* margin-top: 427px; */
    }
.footer_garish_right p {
    margin-right: 44px;}
.footer_garish_right i {
    margin-left: 10%;
    margin-top: 9%;}
.process_box {
    border-left:none;}
.news_1{ 
	border-left:none;}
.logo img {
    float: left;
    margin-left: 67px;}
.process_box_sp{
	width: 100%;
	height:220px;
	float:left;
	margin-left: 0px;
	}
.process_box_sp h2{
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #595956;
	font-weight: bold;
	margin-left: 12%;
	}
.process_box h2{
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #595956;
	font-weight: bold;
	margin-left: 12%;
	}
.process_box_sp p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #595956;
	text-align: center;
	margin-top: 20px;}
.process_box_sp img{
	text-align:center;
	margin:0px;
	margin-left: 89px;
	}

.process_box p{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #595956;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	}
.process_box img{
	text-align:center;
	margin:0px;
	margin-left: 82px;
	}
}
@media (max-width: 992px) {
.service img {
    float: left;
    margin-top: 9%;
    margin-bottom: 0%;}
.help {
   
     margin-top:0%; }
.logo {
    z-index: 99;
    position: relative;}
.who {
    border:none;}
.process{
	border-top:28px solid #261e9f;
	height: 0px;
	
	margin-bottom: 0px;
	margin-top: 0px;
	}
.process_2{
	margin-left:0px;
	height: 0px;
	
	border-top:none;
	margin-top: 10px;
	}	
.process_box {
	border:none;}}
@media (min-width: 767px) and (max-width: 1199px) {
.footer_garish_right p {
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: open sans;
    text-transform: uppercase;
    color: #f08d26;
    text-align: center;
    float: right;}
.powerby {
    float: right;
    color: #fff;
    width: 100%;}
.footer_garish_right i {
    font-size: 64px;
    color: #999;
    margin-left: 33%;
    margin-top: 4%;
}	
	
	
	
	}

<!--services-->
.services{
	margin-top:30px;
	    height: 500px;
		padding:0px !important;
}
.service h2{
		font-size: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color:#333;
	text-transform: uppercase;
}


.tabs {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom:30px;
  border: 1px solid #E2E6E7;
}

.tabs nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  color: #6C5D5D;
  width: 160px;

}

.tabs nav a {
  padding: 18px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  color: #777;
  background-color: #F4F4F3;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
}

.tabs nav a:hover{
	color:#ed8726;
}
.tabs nav a.selected {
  background: #ed8726;
  color: #fff;
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */
}

.tabs .content {
  padding: 20px 0px;
  position: absolute;
  top: 0px;
  left: 160px;
  width: 0px;
  height: 70%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.1s linear 0s;
  margin-left:10px;
}

.tabs .content.visible {
  padding: 20px;
  width: calc(100% - 150px);
  overflow: hidden;
  opacity: 1;
}

.tabs .content h3 {
	padding-bottom: 5px;
	margin: 0px !important;
	font-size: 22px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-weight: 600;
	/* margin-bottom: 100px; */
	border-bottom: 1px solid #E2E6E7;
	width: 100%;
}
.tabs .content img {
	padding-right: 10px;
	float:left;
	margin-top: 10px;
}
.tabs .content p {
	 line-height: 27px;
	 text-align: justify;
	 color:#777;
	 margin-top: 10px;
}
.tabs .content ul {
	float: left;
	margin-top: 10px;}
.tabs .content li {
	 line-height: 27px;
	 text-align: justify;
	 color:#777;
	 list-style:url(../images/Services/arrow.png);
}
@media (max-width: 240px) {
 .mail i {
    float: left;
    padding: 16px 14px 0px 32px;}
.garish_border {
    margin-left: 0px;}}
@media (max-width:320px) {
.social_main {
    margin-right: 83px;}
.mail i {
    float: left;
    padding: 16px 14px 18px 54px;}}	
@media (max-width:568px) {
.footer_garish_right i {
    margin-left: 21%;
    margin-top: 0%;
}
.btn-1d {
    padding: 6px 104px;}}
@media (max-width:375px) {
.navbar-toggle {
    margin-right: 102px;}}