body{
	font-size:15px;
	font-weight:300;
	line-height:30px;
	font-family: 'Open Sans', sans-serif;
	background-color:#fff;
	margin-top:50px;
	color:#414141;
}

ul{
	margin:0;
	padding:0;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

img{
	max-width:100%;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	text-rendering:optimizelegiblity;
	-webkit-font-smoothing:antialiased;
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
}

p{
	margin:0;
	padding:0;
	font-weight: 500;
	line-height:26px;
	font-size:15px;
	margin:8px 0;
}

h3{
	font-size:30px;
}

/*Color

Blue: #00bcd4;
Body Color: #414141;
icon color: #a1a1a1;


*/



/*Top Navbar*/
.navbar-brand{
	padding:0px !important;
}
.navbar-inverse {
  background-color: #231f20;
  border-color: transparent;
  padding:10px 0;
}

ul.navbar-nav li a{
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff !important;
}

.is-sticky .main-menu{
	z-index:9999999 !important;
	position:absolute;
	background:#000;
}

.is-sticky .main-menu .navbar-inverse{
	background:#231f20;
	transition:0.4s;
	padding: 0px 0;
    margin-top: -20px;
}

.is-sticky .main-menu ul.navbar-nav li a{
	color:#9b9b9b !important;
}

/*Top Navbar*/
.carousel-caption {
    background-color: #000000d1;
    position: absolute;
    right: 0% !important;
   bottom: 0px !important;
    left: 0% !important; 
    z-index: 10;
   padding: 30px 0px 30px 0px;
   
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.78);
}

/*Header*/
.carousel-caption {
  top: 80%;
}

@media only screen and (max-width: 990px){
.carousel-caption {
    top: 40px !important;
}
.slider{
	margin-top:120px !important;
}
.is-sticky .main-menu .navbar-inverse{
	background:#231f20;
	transition:0.4s;
	padding: 0px 0;
    margin-top: -50px;
}
}
.carousel-caption h1 {
  font-size: 40px;
  line-height: auto;
  text-transform: uppercase;
}

.slider-btn {
  margin-top: 21px;
}

.indicatior2{
	top:100% !important;
}

.btn.btn-learn {
  background: #00bcd4 none repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  padding: 15px 30px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}
.mailpad{
    padding-left: 40px;
    color: #ffffff;
}
.mailpad:hover{
	color:#CCC;
}
/*Header*/

/* About */
.site-padding{
	padding:70px 0 8px;
}
.site-margin{
	margin:70px 0;
}

.btn.btn-read-more {
  background: #00bcd4 none repeat scroll 0 0;
  border-radius: 50px;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 9px 21px;
}

.about-text{
	margin-top:8px;
}

/* About */



/*Awards*/
#awards{
	background:#f5f5f5;
}

.award-win{
	background:#00bcd4;
	padding:60px 10px;
	color:#fff;
	text-align:center;
}

.trophy i{
	font-size:50px;
	color:#fff;
}

.progress-bar-custom{
	margin-bottom:60px;
}

.progress-bar-custom h5{
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:15px;
}

.progress {
  background-color: #ebebeb;
  height: 29px;
  overflow: hidden;
  border:1px solid #c4c4c4;
}

.progress-bar {
  background-color: #00bcd4;
  line-height: 27px;
}

/*Awards*/


/*Services*/
.title h3{
	text-align:center;
	/*padding: 50px 0 0px;*/
}

.title h3 span{
	color:#0082b7;
}

.title{
	margin-bottom:50px;
}

#features{
	background:#f5fcfd;
}

.feature-icon i{
	font-size:50px;
	color:#a1a1a1;
}

.feature-text h4{
	font-size:16px;
	text-transform:uppercase;
}

.feature-text p{
	margin:5px 0;
}

.feature-text a{
	font-size:13px;
	color:#00bcd4;
	text-transform:uppercase;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
}

.single-feature{
	margin-bottom:30px;
}

/*Services*/


/*Featured Work*/
.featured-list{
	width:100%;
	margin:auto;
}

.featured-list #grid {
  width: 100%;
}

.featured-list #grid .thumb {
  float: left;
  height: auto;
  border: white 4px solid;
  margin: 0;
  width: 25%;
}

.protfolio-padding{
	/*padding-top:70px;*/
	/*margin:5px;*/
	    margin-bottom: 100px;
}

.thumb {
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.thumb a {
  display: inline-block;
  float: left;
  height: 100%;
  line-height: 0;
  text-decoration: none;
  width: 100%;
}

.thumb img, .thumb a img {
  display: block;
  position: relative;
  width: inherit;
}

.thumb-rollover{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	box-sizing:border-box;
	background:#00bcd463;
	opacity:0.9;
	text-align:center;
	color:#fff;
	display:none;
	transition:0.2s;
}

.project-title{
	text-align:center;
	margin:auto;
	width:auto;
	margin-top:30%;
	transition:0.2s;
}

.project-title h4{
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;
}

.project-title h5{
	font-size:12px;
	text-transform:uppercase;
}

.thumb:hover .thumb-rollover{
	display:block;
	transition:0.2s;
}
/*Featured Work*/



/*Testimonials*/
.testimonials-padding{
	padding-bottom:70px;
}

#testimonials{
	background-color:#90A3B3;
	background:url(../img/testimonials-bg.jpg) 50% 0 repeat fixed;
	//min-height:570px;
	color:#fff;
	text-rendering:optimizelegiblity;
	-webkit-font-smoothing:antialiased;
	padding:70px 0;
}

.text{
	background:#00000061;
	text-align:left;
	padding:25px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.text p{
	color:#414141;
}

.profile-image{
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}

.profile-image img{
	height:100px;
	width:100px;
	border-radius:500px;
	-moz-border-radius:500px;
	-webkit-border-radius:500px;
	margin-bottom:10px;
}

.profile-image h4{
	font-size:18px;
	color:#00bcd4;
	text-transform:uppercase;
	line-height:22px;
	font-weight:normal;
}

.profile-image p{
	font-size:14px;
	font-weight:normal;
	margin:0;
}


.carousel-indicators {
  top: 105%;
}

.carousel-indicators .active {
  background-color: rgb( 0, 0,0 );
  height: 12px;
  margin: 0;
  width: 12px;
}

.carousel-indicators li {
 background-color: rgb( 199, 199, 199 );
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  width: 10px;
}

/*Testimonials*/



/*Blog*/
#blog{
	background:#f7f7f7;
}

.single-blog img{
	margin-bottom:15px;
}

.single-blog{
	margin-bottom:15px;
}

.single-blog a{
	text-decoration:none;
	color:#414141;
}

.read-more a{
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	color:#00bcd4;
	font-family: 'Montserrat', sans-serif;
}

/*Blog*/


/*Footer*/
footer{
	background:#414141;
	padding:60px 0;
	color:#f8f8f8;
}

.single-footer h4{
	color:#FFF;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:10px;
}

ul.projects li {
  display: inline-block;
  margin-bottom: 4px;
  width: 32%;
}

.copyright{
	background:#353535;
	padding:10px 0;
	color:#fff;
}

.footer-menu ul li{
	display:inline-block;
	padding-left:5px;
}

.footer-menu ul li a{
	font-size:14px;
	font-weight:normal;
	color:#aaaaaa;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}

.social ul li{
	display:inline-block;
	padding-left:5px;
}

.social ul li a i{
	height: 30px;
    width: 30px;
    border: 1px white solid;
    text-align: center;
    color: #ffffff;
    line-height: 35px;
    font-size: 18px;
    
}

.footer-menu.pull-right {
  margin-top: 7px;
}

.social {
    margin-top: 10px;
    margin-bottom: 25px;
}

.my-form {
  height: 45px;
  border-radius: 0px;
  background: #d4d4d4;
  color: #969696;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight:500;
}

.btn.btn-subscribe {
  background: #00bcd4 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  height: 45px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

/*Footer*/



/*Pricing*/
.pricing{
	padding:70px 0;
}
		.panel.price,
		.panel.price>.panel-heading{
			border-radius:0px;
			 -moz-transition: all .3s ease;
			-o-transition:  all .3s ease;
			-webkit-transition:  all .3s ease;
		}
		.panel.price:hover{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2);
		}
		.panel.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
		}
		
				
		.panel.price>.panel-heading{
			box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
		}
			
		.price .list-group-item{
			border-bottom-:1px solid rgba(250,250,250, .5);
		}
		
		.panel.price .list-group-item:last-child {
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.panel.price .list-group-item:first-child {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}
		
		.price .panel-footer {
			color: #fff;
			border-bottom:0px;
			background-color:  rgba(0,0,0, .1);
			box-shadow: 0px 3px 0px rgba(0,0,0, .3);
		}
		
		
		.panel.price .btn{
			box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
			border:0px;
		}
		
	/* green panel */
	
		
		.price.panel-green>.panel-heading {
			color: #fff;
			background-color: #07a7bb;
		}
		
			
		.price.panel-green>.panel-body {
			color: #fff;
			background-color: #00bcd4;
		}
		
		
		.price.panel-green .list-group-item {
			color: #333;
			font-weight:600;
		}
		
		
		
		/* grey price */
		
	
		.price.panel-grey>.panel-heading {
			color: #fff;
			background-color: #6D6D6D;
		}
		
			
		.price.panel-grey>.panel-body {
			color: #fff;
			background-color: #808080;
		}
		
		
		.price.panel-grey .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
		}
		
		/* white price */
		
	
		.price.panel-white>.panel-heading {
			color: #333;
			background-color: #f9f9f9;
		}
		
		.panel.panel-white.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
		}
			
		.price.panel-white>.panel-body {
			color: #fff;
			background-color: #dfdfdf;
		}
				
		.price.panel-white>.panel-body .lead{
			color:#666;
		}
		
		.price:hover.panel-white>.panel-body .lead{
			color:#333;
		}
		
		.price.panel-white .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
		}
		
		.btn.btn-lg.btn-block.btn-success {
		  background: #00bcd4 none repeat scroll 0 0;
		  border: 1px solid #00bcd4;
		  color: #fff;
		  font-size: 16px;
		  font-weight: 600;
		}
		
		.btn.btn-lg.btn-block.btn-primary {
			background: #6d6d6d none repeat scroll 0 0;
			border: 1px solid #6d6d6d;
			color: #fff;
			font-size: 16px;
			font-weight: 600;
		}
		
/*Pricing*/




/*Blog*/
.blog-single{
	margin-top:140px;
	margin-bottom:70px;
}

.single-blog h3{
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:35px;
}
.bgcol1{
	background-color: #f0f0f0;
    height: 530px;
    box-shadow: 4px 5px 10px -7px #646464;
}
.pad10{
	padding:0 10px 0 10px;
}
.pad12{
	color:#FFF !important;
	padding-top:10px;
}
.single-blog{
	margin-bottom:40px;
}

.blog-info{
	padding:10px 5px;
	border:1px solid #e1e1e1;
	overflow:hidden;
}
.blog-info ul{
	float:left;
}
.blog-info ul li{
	display:inline-block;
	padding:0 10px;
	border-right:1px solid #e1e1e1;
}

.blog-info ul li a{
	font-size:12px;
	color:#414141;
	text-transform:none;
}


/* ===============================
15. Aside, sidebar
================================ */

aside{
	position:relative;
	margin-bottom:40px;
}

.sidebar-nav{
	float:left;
	width:100%;
}

.right-sidebar{
	border-left:1px solid #f5f5f5;
	padding:0 0 0 30px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}


.left-sidebar{
	border-right:1px solid #f5f5f5;
	padding:0 30px 0 0;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
}


.left-sidebar .widget h3, .left-sidebar .widget .widget-content{
	padding-right:20px;
}



aside .widget {
	margin-bottom:40px;
}


ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
	margin:0;
	padding:0;
	list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li {
  list-style: outside none none;
  margin: 0 0 8px;
}

ul.cat li a, ul.folio-detail li a{
	color:#656565;
}

ul.folio-detail li label{
	display:inline;
	cursor:default;
	color:#353535;
	font-weight:bold;
}

.widget ul.recent li {
	margin-bottom:20px;
}

ul.recent li h6 {
	margin:0 0 10px 0;
}

ul.recent li h6 a{
	color:#353535;
	font-size:16px;
	font-weight:600;
}


.widget ul.tags {
	list-style:none;
	margin:0;
	margin-left: 0;
	padding-left:0;
}

.widget ul.tags li {
	margin:0 5px 15px 0;
	display:inline-block;
}


.widget ul.tags li a {
	background:#e6e6e6;
	color:#333;
	padding:5px 10px;
}

.widget ul.tags li a:hover {
	text-decoration:none;
	color:#fff;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

ul.cat, ul.recent, ul.folio-detail, ul.contact-info {
  list-style: outside none none;
  margin: 15px 0 0;
  padding: 0;
}


.blog-thumb-image {
  margin-right: 15px;
}

aside .widgetheading {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 17px;
  padding-bottom: 9px;
  position: relative;
}

.widget ul.tags li a:hover {
  background: #00bcd4 none repeat scroll 0 0;
  color: #ffffff;
  padding: 5px 10px;
}

/*Blog*/


/* --- pagination --- */

#pagination a,
#pagination span {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    font-size: 12px;
    line-height:12px;
    color: #888;
	font-weight:600;
}

#pagination a:hover {
    color: #fff;
	text-decoration:none;
}

#pagination span.current {
    background: #333;
    color: #fff;
    font-weight: bold;
}

#pagination a:hover{
  color: #fff;
  background:#00bcd4;
}



/*============================
 Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
  width: 100%;
  border: 1px solid #c6c6c6;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom:20px;
}

form#contactform textarea {
border: 1px solid #c6c6c6;
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform .validation {
	font-size:11px;
}

#sendmessage {
	border:1px solid #e6e6e6;
	background:#f6f6f6;
	display:none;
	text-align:center;
	padding:15px 12px 15px 65px;
	margin:10px 0;
	font-weight:600;
	margin-bottom:30px;

}

#sendmessage.show,.show  {
	display:block;
}

/* --- comment form ---- */
form#commentform input[type="text"] {
  width: 100%;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;
}

.contact h4{
	margin-bottom:20px;
}

.contact{
	padding-bottom:70px;
}

.btn.btn-theme.margintop10 {
  background: #00bcd4;
  color:#fff;
}


/* --- search form --- */
.search{
	float:right;
	margin:35px 0 0;
	padding-bottom:0;
}

#inner-headline form.input-append {
	margin:0;
	padding:0;
}

/* --- Map --- */
.map{
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}
.navbar-toggle {
  background-color: #353535;
  margin-top: 23px!important;

}

#contact-us{
	padding:70px 0;
}
/* scroll to top ***********/
#scroll {
	z-index: 1;
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:35px;
    height:35px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-13px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#333333;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
/******** underline****************/
/*effect-underline*/
a.effect-underline:after {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.navbar-inverse .navbar-nav>.active>a{
    color: #0863cc !important;
    background-color: transparent !important;
    
}



.is-sticky .main-menu ul.navbar-nav .active a {
       color: #fff!important;
}

a.effect-underline:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);

}
.padtb10{
	padding-top:20px;
	padding-bottom:20px;
}
.socialtopicon{
	
	float:left;
	list-style:none;
}
.fltright{
	float:right;
}
/******************* top bar*********************/
.topbar {
  width: 100%;
  background-color: #414141;
  overflow: auto;
}
.floatright{
	float:right;
}
.topbar li {
  float: left;
  padding: 0px 0px 0 0px;
    color: white;
    text-decoration: none;
    font-size: 17px;
    width: 23%;/* Four links of equal widths */
  text-align: center;
}

.topbar li:hover {
  background-color: #000;
}

.topbar li.active {
  background-color: #4CAF50;
}

/*************** About Page****************/
.parallax {
  /* The image used */
  background-image: url("../img/testimonials-bg.jpg");

  /* Set a specific height */
  /*min-height: 400px; */
  min-height: 120px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**********title anim ************/
.ml6 {
  position: relative;
  font-weight: 900;
  font-size: 3em;
 color: #1f3b62;
 padding-left: 10px;
}

.ml6 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml6 .letter {
  display: inline-block;
  line-height: 1em;
}

/******************* hover ***********************/
.card::before,
.card::after {
  content: '';
  height: 14px;
  width: 14px;
  position: absolute;
  transition: all .35s ease;
  opacity: 0;
}

.card::before {
  content: '';
  right: 5px;
  top: 5px;
  border-top: 3px solid #3E8914;
  border-right: 3px solid #2E640F;
  transform: translate(-100%, 50%);
}

.card:after {
  content: '';
  left: -5px;
  bottom: -5px;
  border-bottom: 3px solid #2E640F;
  border-left: 3px solid #3E8914;
  transform: translate(100%, -50%)
}

.card:hover:before,
.card:hover:after{
  transform: translate(0,0);
  opacity: 1;
}
.martop50{
	margin-top: 80px;
}
.btn-primary {
    color: #fff;
    background-color: #0f8cbb !important;
    border-color: #2e6da4;
}
/************* contact us**********/
.site-pad50{
	padding-top:30px;
}
.site-mar50{
	margin-top:30px;
}
.send-button {
  margin-top: 15px;
  height: 34px;
  width: 100px;
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.conbutton {
  width: 75px;
  height: 34px;
  transition: all .2s ease-in-out;
}

.send-text {
  display: block;
  margin-top: 10px;
  font: 300 14px 'Lato', sans-serif;
  letter-spacing: 2px;
}

.conbutton:hover {
  transform: translate3d(0px, -29px, 0px);
}
.box1{
	background-color: #d0f6ff;
    border: #00ceff 1px solid;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-dialog {
    width: 90% !important;
    margin: 30px auto;
}
/************* text hover effect*************************************/

.sm-link{
	--uismLinkDisplay: var(--smLinkDisplay, inline-flex);	
	--uismLinkTextColor: var(--smLinkTextColor);
	--uismLinkTextColorHover: var(--smLinkTextColorHover);	
	
	display: var(--uismLinkDisplay);
	color: var(--uismLinkTextColor);
	position: relative;
	overflow: hidden;
}

a.sm-link{
	text-decoration: none;
}

.sm-link__label{
  display: block;
}

/* sm-link_padding-all */ 

.sm-link_padding-all{
	--uismLinkLineWeight: var(--smLinkLineWeight, 2px);
	--uismLinkLineColor: var(--smLinkLineColor, #000);
	--uismLinkPadding: var(--smLinkPadding, 5px);
	
	padding: var(--uismLinkPadding);
}

.sm-link_padding-all::before, 
.sm-link_padding-all::after{
  width: 100%;
  height: var(--uismLinkLineWeight);
  left: 0;
}

.sm-link_padding-all::before{
  top: 0;
}

.sm-link_padding-all::after{
  bottom: 0;
}

.sm-link_padding-all .sm-link__label::before,
.sm-link_padding-all .sm-link__label::after{
  width: var(--uismLinkLineWeight);
  height: 100%;
  top: 0;
}

.sm-link_padding-all .sm-link__label::before{
  left: 0;
}

.sm-link_padding-all .sm-link__label::after{
  right: 0;
}

.sm-link_padding-all::before,
.sm-link_padding-all::after,
.sm-link_padding-all .sm-link__label::before,
.sm-link_padding-all .sm-link__label::after{
  content: "";     
	background-color: var(--uismLinkLineColor);
  position: absolute; 
	opacity: 0;
	
	will-change: transform, opacity;
	transition-property: transform, opacity;
}

.sm-link_padding-all:hover::before,
.sm-link_padding-all:hover::after,
.sm-link_padding-all:hover .sm-link__label::before,
.sm-link_padding-all:hover .sm-link__label::after{
	opacity: 1;
}
/* effect 6 */

.sm-link6::before,
.sm-link6::after, 
.sm-link6 .sm-link__label::before,
.sm-link6 .sm-link__label::after{
  transition-duration: .2s;
  transition-timing-function: ease-out;
}

.sm-link6::before, 
.sm-link6::after{
  width: 100%;
  height: var(--uismLinkLineWeight);
  left: 0;
}

.sm-link6 .sm-link__label::before,
.sm-link6 .sm-link__label::after{
  width: var(--uismLinkLineWeight);
  height: 100%;
  top: 0;
}

.sm-link6::before{
  top: 0;
  transform: translate3d(-105%, 0, 0);
}

.sm-link6::after{
  bottom: 0;
  transform: translate3d(105%, 0, 0);
}

.sm-link6 .sm-link__label::before{
  left: 0;
  transform: translate3d(0, 105%, 0);
}

.sm-link6 .sm-link__label::after{
  right: 0;
  transform: translate3d(0, -105%, 0);
}

.sm-link6:hover::before,
.sm-link6:hover::after,
.sm-link6:hover .sm-link__label::before,
.sm-link6:hover .sm-link__label::after{
  transform: translate3d(0, 0, 0);
}

.sm-link6:hover::before{
  transition-delay: 0s;
}

.sm-link6 .sm-link__label::after,
.sm-link6:hover::after{
  transition-delay: .25s;
}

.sm-link6::after,
.sm-link6:hover .sm-link__label::after{
  transition-delay: .15s;
}

.sm-link6::before,
.sm-link6:hover .sm-link__label::before{
  transition-delay: .35s;
}
/********************************* about section ***************************************/
/* line 1, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area {
  padding-top: 150px;
  padding-bottom: 100px;
  background: #FDF9F6;
}

@media (max-width: 767px) {
  /* line 1, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 1, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 1, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

/* line 18, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .section_title p {
  color: #575757;
}

/* line 22, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_info {
  padding-left: 68px;
}

@media (max-width: 767px) {
  /* line 22, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_info {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 22, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_info {
    padding-left: 0;
  }
}

/* line 30, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_info .opening_hour {
  font-family: "Yeseva One", cursive;
  font-size: 30px;
  font-weight: 400;
  color: #252219;
  margin-bottom: 55px;
  margin-top: 37px;
}

/* line 37, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_info .opening_hour span {
  font-family: "Lato", sans-serif;
  color: #252219;
  font-size: 20px;
  margin-left: 6px;
  display: inline-block;
}

@media (max-width: 767px) {
  /* line 37, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_info .opening_hour span {
    margin-left: 0;
  }
}

/* line 49, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_thumbs {
  position: relative;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 49, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  /* line 49, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs {
    margin-bottom: 30px;
  }
}

/* line 60, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_thumbs img {
  width: 100%;
}

/* line 63, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_thumbs .large_img_1 {
  padding-right: 156px;
}

@media (max-width: 767px) {
  /* line 63, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs .large_img_1 {
    padding-right: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 63, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs .large_img_1 {
    padding-right: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 63, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs .large_img_1 {
    padding-right: 100px;
  }
}

/* line 75, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_thumbs .small_img_1 {
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  top: 80px;
}

@media (max-width: 767px) {
  /* line 75, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs .small_img_1 {
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 15px solid
 #ffffff;
    border-left: 15px solid
 #ffffff;
    top: auto;
    width: 50%;
    height: 60%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 75, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
  .about_area .about_thumbs .small_img_1 {
    bottom: -30px;
  }
}

/* line 97, ../../Arafath/CL/january 2020/238. Barber/HTML/scss/_about.scss */
.about_area .about_thumbs .small_img_1 img {
  width: 100%;
  height: 100%;
}



.cc{
  margin-right: 36px!important;
}

.sister-companies p{
    text-align:center;
    text-transform: uppercase;
    
}




.owl-demo .item {
    padding: 0px;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
}


.owl-theme .owl-controls .owl-buttons div {
    display: none !important;
}

.sister-companies h4{
 
text-align: center;
font-size: 27px;   
    
}

.p3{
    margin-top: 40px;
    margin-bottom: 40px;
}


.ppt h3{
    padding: 37px;
}



.sister-companies{
 
margin-top: 35px;
}


.v1{
    padding:15px 0 0;
    
}

.v2{
    padding:15px 0 0;
    
}


.sister-companies img{

    box-shadow: 0px 2px 11px -7px;
    padding: 10px inherit;
    margin: 38px 0 0;
    padding: 4px 0 5px;

}

.epcs2{
    margin-top: 50px;
    margin-bottom: 25px;
    
}



.u1 li{
    list-style-type:square;
    font-weight: bold;
}


.u2 li{
    list-style-type:square;
    font-weight: bold;
}


.ul-content{
    margin-top: 45px;
}





.navbar-right{

 margin: 30px 0 7px!important;

}


.log{
    
    width: 47%;
    margin: 18px 0 0;

}


.navbar-collapse{
    
    
    box-shadow:none!important;
}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #231f20!important;
}


.navbar-header{
    height: 76px!important;
}


.c1{
    font-size: 25px;
    padding: 5px 0px 12px;
}









@media only screen and (max-width:600px) and (min-width:300px){



.log {
    width: 47%;
    margin: 12px 0 0;
}

}

@media only screen and (max-width:460px) and (min-width:300px){

.log {
    width: 40%!important;
    margin: 21px 0 0;
    position: absolute;
}
}



/*.footer-logo{*/
/*    margin-top: 40px;*/
/*}*/


.ept{
    
    margin-bottom: 30px;

}





@media (min-width: 622px) and (max-width: 992px) {
    
 .bgcol1 {
    background-color: #d0d0d0;
    height: 570px; 
    
    
}


}




@media (min-width: 300px) and (max-width: 622px) {
    
 .bgcol1 {
    background-color: #d0d0d0;
    height: 540px; 
    
    
}


}



.ig{
    margin-top:25px;
}

.ig p{
    text-align: center;
    font-size: 20px;
    padding: 10px 0 2px;
    font-weight: normal;
    text-transform: uppercase;
}


.ig img{
    border: 6px solid #d8d8d8;
}


.epcs3{
    margin-top: 46px;
}

.epcs3 h3{

    text-align: center;
    padding: 12px 0 37px;
}







.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 500px;
	max-height: 360px;
	width: 100%;
	background: #fff!important;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */


/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	/*height: 390px;*/
}

figure.effect-layla figcaption {
	/*padding: 3em;*/
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

 
figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


.content {
	margin: 0 auto;
	max-width: 1000px;
}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}

.content > h2:first-child {
	padding-top: 0em;
}

/* Header */
.codrops-header {
	margin: 0 auto;
	padding: 4em 1em;
	text-align: center;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 800;
	font-size: 4em;
	line-height: 1.3;
}

.codrops-header h1 span {
	display: block;
	padding: 0 0 0.6em 0.1em;
	color: #74777b;
	font-weight: 300;
	font-size: 45%;
}

/* Demo links */
.codrops-demos {
	clear: both;
	padding: 1em 0 0;
	text-align: center;
}

.content + .codrops-demos {
	padding-top: 5em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0 5px;
	padding: 1em 1.5em;
	text-transform: uppercase;
	font-weight: bold;
}

.codrops-demos a:hover,
.codrops-demos a:focus,
.codrops-demos a.current-demo {
	background: #3c414a;
	color: #fff;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 1em 2em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Related demos */
.related {
	clear: both;
	padding: 6em 1em;
	font-size: 120%;
}

.related > a {
	display: inline-block;
	margin: 20px 10px;
	padding: 25px;
	border: 1px solid #4f7f90;
	text-align: center;
}

.related a:hover {
	border-color: #39545e;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
}



@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}






.sm-link__label1{
    background: #3497db;
    padding: 5px 13px;
    border-radius: 5px;
    color: #fff;
    margin: 15px 0;
    font-size: 14px;
    font-weight: 100;

}

.ft{
    font-size: 18px;
}




.st_01{
    font-size: 22px;
    font-weight: 700;
    padding: 14px 0 4px;
}


.sp1{
    color: #0081b7;
    font-size: 19px;
}


.st_noir{
     padding: 1px 9px;
     font-size: 17px;
}


.lt-p{
    padding-left: 23px;
}

.rjm-service h4{
    padding: 40px 0 3px;
    text-transform: uppercase;
}



.bgcol1 h4{
    text-align:center;
    font-size: 15px;
    padding: 10px 0 5px;

}


.rjm-works{
    margin-top:100px;
}

.rjm-works h3{
    text-align:center;
    padding-bottom: 33px;
}

.rjm-works span{
        color: #0081b7;
    
}

.sp{
    margin:15px;
    background: #1a2c58;
    height: 350px;
}
.sp p{
    text-align: center;
    color: #fff;
    /*padding: 29px;*/

}

.tos{
    
    margin:50px;
    
}

.rjm-service p{
   line-height: 32px;
  
    
}



.pt1{
    text-align: center;
    padding: 3px;
}


.oas{
    text-transform: uppercase;
}



.rjm-img1{
    width: 40%;
    /*margin-left: auto;*/
    margin-right: auto;
    display: block;
}

.bnr-small{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


.rjm-service{
    margin: 50px 0 2px;
}


.t1{
    background: #fff;
    box-shadow: 0px 2px 15px -1px #dadada;
    padding: 19px;
    height: 230px;
    margin: 15px 0;
}


.t11{
    background: #fff;
    box-shadow: 0px 2px 15px -1px #dadada;
    padding: 19px;
    height: 280px;
    margin: 15px 0;
}



.op-img{
    
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


.ft-log{
   width: 55%;
}


.electro{
    margin-top:100px;
    margin-bottom: 40px;
}



.serv-title {
    margin-bottom: 27px;
    text-align: center;
    padding: 50px 0 0;

}


.ele li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    /* line-height: 26px; */
    font-size: 16px;
    list-style-type: disc;
}


.eps-btm{
    margin-bottom:15px;
}


.v_m{
    border: none;
    background: #3498db;
    color: #fff;
    padding: 6px 40px 8px 24px;
    text-align: center;
    margin-bottom: 44px;
    margin-top: 15px;
    border-radius: 4px;
}


.electrichlor h4 {
    padding: 40px 13px 3px;
    text-transform: uppercase;
}