@charset "utf-8";
/* CSS Document */

body
{
	margin:0px;
	
}

a
{
	color:#fd7907;
}
.social_media
{
	/*margin-top:10px;*/
	float:right;
	/*margin-right:10%;*/
}
nav
{
	background:#787878;
}
.navbar
{
	position: relative;
   /* z-index: 999;*/
    min-height: 50px;
     margin-bottom:0px !important;
    border: 1px solid transparent; 
}
.navbar-nav>li
{
	padding:0px 10px !important;
}
.navbar-default .navbar-toggle .icon-bar
{
	background:#fff !important;
}
.navbar-nav>li>a
{
	margin-bottom:0px !important;
}
.social_media li
{
	 float: left;
     padding:0px 5px;
     list-style-type: none;
     color: #fff;
     background: #a6be4c; 
     margin: 4px; 
     border-radius: 50px; 
     width: 30px; 
    height: 30px;
}
	/*float: left;
    padding: 5px 9px;
    list-style-type: none;
    color: #fff;
    background: #a6be4c;
    margin: 4px;
    border-radius: 50px;
    width: 30px;
    height: 30px;*/
}
.social_media li a
{
	color:#fff;
}
.menu li
{
	float: left;
    padding: 10px 25px;
    list-style-type: none;
}
.menu li a
{
	color:#fff;
}
.padd0
{
	padding:0px !important;
}
/****************testimonial****************************/
 
.testimonial{
   /* margin: 0 15px;*/
}
.testimonial .description{
    position: relative;
    font-size: 16px;
    line-height:26px;
    color: #333;
   
   
}
/*.testimonial .description:after{
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px;
    border-color: #d3d3d3;
    position: absolute;
    bottom: -11px;
    left: 6%;
    transform: skewY(-45deg);
}*/
.testimonial .pic{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin:20px 30px;
    display: inline-block;
    float: left;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .testimonial-title{
    display: inline-block;
    text-transform: capitalize;
   
}
.testimonial .testimonial-title span{
    color: #696969;
    display: block;
    font-size: 15px;
    /* font-weight: bold; */
    /* margin-bottom: 10px; */
}
.testimonial .testimonial-title small{
    display: block;
    font-size:14px;
}
.owl-theme .owl-controls{
    position: absolute;
    bottom: 10%;
    right: 10px;
}
.owl-theme .owl-controls .owl-buttons div{
    border-radius: 0;
    background:#000;
    padding: 3px 8px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color:#191919;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .testimonial .description{
        font-size: 14px;
    }
    .testimonial .description:after{
            left: 14%;
    }
}
@media only screen and (max-width: 479px){
    .owl-theme .owl-controls{
        bottom: 0;
    }
    .testimonial .description:after{
        left: 18%;
    }
    .wwidth
    {
        width:100%;
    }
}
/****************************end********************/
.for_footer
{
	padding:100px 0px;
}
.white
{
	color:#fff !important;
}
.gray
{
	color:#ccc;
}
.footer_ul
{
    padding-left: 0px;
    list-style-type: none;
}
.f_socialmedia li
{
	float: left;
    list-style-type: none;
    color: #fff;
    background: none;
    argin: 4px;
    border-radius: 50px;
  
    margin: 0px 5px;
}
.f_socialmedia li a
{
	color:#fff;
}
.f_socialmedia
{
	padding-left:0px;
}
.copyright
{
	background:#ff8100;
	height:60px;
}
.copyright p
{
	padding: 20px 0px 3px 0px;
    font-size: 18px;
    color: #fff;
}
.orange
{
	color:#ff8100;
}
.book_consultation
{
	width:65%;
    color: #ffffff;
    background: #787878;
    padding:2px 15px;
    margin-top:1%;
	border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}
.marg7
{
	margin-top:7px;
}
.for_icon
{
     color:#ff8201;
    transform: rotate(-40deg);
}
.search_icon
{

position:absolute;
margin-left:66%;
margin-top:-30px;	
}
.black
{
	color:#000;
}
.padd100
{
	padding:50px 0px;
}
.history,.gallery, .consultaion
{
	border:1px solid #ccc;
	
}
.consultaion
{
	margin:10% 0%;
}
.gallery
{
	margin:20% 0%;
}
.history h3, .gallery h3, .consultaion h3
{
	background:#ff8100;
    margin: 0px;
    padding:8px 20px;
    color: #fff;
}
.history_content, .consultaion_content
{
	padding:0px 20px;
}
.for_historyp
{
	font-size: 16px;
    color: #787878;
    margin-top: 10px;
}
.margb7
{
	margin-bottom:7%;
}
.gap
{
	height:30px;
}
.margt17
{
	margin-top:17px;
}
.blog .row
{
	margin:20px 0px;
}
.services
{
	margin-top:7%;
	border-top:2px solid #f69830;
}
.blog
{
	margin-top:5%;
	border-top:2px solid #f69830;
	padding-left:15px;
}
.blog h3
{
	padding-left:15px;
}
.margb0
{
	margin-bottom:0px;
}
.owl-prev,.owl-next
{
	background:#fff !important;
}
.for_submitbtn
{
    padding: 7px 40px;
    /* width: 105px; */
    margin: 20% 32%;
}
.forabout
{
	padding:30px;
	background:#ffffff;
	margin: 35px 20px;
}

.contact_social
    {
        width: 95px;
        height: 95px;
        background: #ff8b14;
        border-radius: 50px;

    }
    .contact_social i
    {
        font-size: 60px;
        color: #fff;
        padding: 15px 20px;
    }
    .underconstruction_txt
  {

    text-align: center;
    font-size: 50px;
    padding: 100px 50px;
  }

@media (max-width: 767px) {
    .paddb30px
    {
    padding-bottom:0px !important;
    }
  .book_consultation {
   width:100% !important;
  }
  .underconstruction_txt
  {
    text-align: center;
    font-size: 30px !important;
    padding: 100px 0px;
  }
  .margtt10
    {
        margin-top:10px;
    }
    .padd100
    {
    padding:100px 20px;
    }
    .contact_social
    {
    width: 45px;
    height: 45px;
    background: #ff8b14;
    border-radius: 50px;  
    }
    .contact_social i
    {
        font-size: 25px;
        color: #fff;
        padding: 10px 15px;
    }
    
    .centered 
    {
    position: absolute;
    top:57% !important;
    left:25% !important;
    transform: translate(-50%, -50%);
    }
    .margl25
    {
        margin-left:12%;
    }
    .lineh
    {
        line-height:28px;
    }
    .displayy
    {
        display:block;
    }
   .forabout
	{
		padding:10px 0px;
		background:#ffffff;
		margin:0px;
	}
  .responsive_h2
  {
	  font-size:21px !important;
	  margin-top:-10px !important;
  }
  .social_media
  {
	  display:none;
  }
  .copyright
  {
	  height:100%;
  }
  .carousel-caption h1
{
	font-size:20px !important;
    color: #f79114;
}
.slider_position
{
	left:60px !important;
    top:0px !important;
	margin-top:-15px;
    position: absolute;
    width: 685px;
    height: 128px;
    z-index: 153; text-align:left
}
.disnone
{
	display:none;
}
.servicer_title {
    background: #fb8f0bb5;
    padding: 15px;
    color: #fff;
    margin-right: -10px;
    z-index: 99999;
    position: relative;
}
}
@media (min-width:1600px) {
.book_consultation {
   width:100% !important;
  }
}
.carousel-caption
{
	text-shadow:none !important;
	line-height: 27px;
    color: #6f6f6f;
}
.carousel-caption h1
{
	font-size: 57px;
    /*color: #f79114;*/
    color:#fff;
}
.slider_position
{
	left: 208px;
    top:50px;
    position: absolute;
    width: 685px;
    height: 128px;
    z-index: 153; text-align:left;
}
/***************************************/
.banner_position
{   left: 30% !important;
    top:5px !important;
    position: relative;
    width: 685px;
    height: 128px;
    z-index: 153;
    text-align: left;
}
.breadcrumb
{
	background:none !important;
}
.inspiration
{
	background:#f7f7f7;
}
.img_center
{
	width:200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.centered {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.padding50
{
	padding:50px 0px;
}
/**************services**************************/

.service_title
{
	background:#fb8f0bb5;
    padding: 15px;
    color: #fff;
    margin-left: -110px;
    text-align: right;
}
.servicer_title
{
	background:#fb8f0bb5;
    padding: 15px;
    color: #fff;
    margin-right: -110px;
	z-index:99999;
	position:relative;
    
}
.forh3
{
	letter-spacing:4px;
    margin-bottom: 45px;
    /*font-size: 27px;*/

}
.read_more
{
	margin-right: 0px;
    display: block;
    text-align: right;
}
.slogan
{
	font-family:SAMARN;
    src:url(../fonts/SAMARN__.TTF);
	
}
.about_sepia:hover
{
	filter: sepia(70%);
}
.about_sepia
{
	filter: sepia(0%);
}
.service_grayscale:hover
{
	filter: grayscale(70%);
}
.grayscale:hover
{
	filter: grayscale(100%);
}
/*#div1
{
	
    position: relative;
    -webkit-animation: mymove 5s infinite; 
    animation: mymove 5s;
	animation-iteration-count: 1;
}
#div2
{
	
    position: relative;
    -webkit-animation: mymove 5s infinite; 
    animation: mymovee 10s;
	animation-iteration-count: 1;
}

#div1 {-webkit-animation-timing-function: linear;}
#div2 {-webkit-animation-timing-function: ease;}
#div3 {-webkit-animation-timing-function: ease-in;}
#div4 {-webkit-animation-timing-function: ease-out;}
#div5 {-webkit-animation-timing-function: ease-in-out;}


#div1 {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}


@-webkit-keyframes mymove {
    from {left: 300px;}
    to {left: -7px;}
}


@keyframes mymove {
    from {left:300px;}
    to {left: -7px;}
}

@-webkit-keyframes mymovee {
    from {right: 300px;}
    to {right: -7px;}
}


@keyframes mymovee {
    from {right:300px;}
    to {right: -7px;}
}*/
.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.blog-content
{
	padding: 5px;
    text-align: justify;
}
.blogg
{
	padding: 7px;
    box-shadow: 0px 0px 7px 4px #efefef;
	margin-bottom: 7%;
}
.btn-success {
    color: #fff;
    background-color:#8bc304 !important;
    border-color: #a8c051 !important;
}
.btn-success:hover {
    color: #fff;
    background-color: #ff8100 !important;
    border-color: #ff4700 !important;
}
.navbar-nav a:hover
{
	color:#fbff01 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	color:#fbff01 !important;
	background:#8abf0b !important;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
/************sticky navbar**********************/
/*#navbarr {
  overflow: hidden;
  background-color: #333;
}

#navbarr a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbarr a:hover {
  background-color: #ddd;
  color: black;
}

#navbarr a.active {
  background-color: #4CAF50;
  color: white;
}
*/
/*************end******************************/
.facebook
{
	background: #008bdc !important;
}
.facebook:hover
{
	background:#0273b5 !important;
}
.twitter
{
	    background: #09bbff !important;
}
.twitter:hover
{
	    background:#0592d6 !important;
}
.instagram
{
	    background: #ff8201 !important;
}
.instagram:hover
{
	    background:#ff7601 !important;
}
.youtube
{
	    background: #ff1515 !important;
}
.youtube:hover
{
	    background:#ef0404 !important;
}
.social_media li a i
{
	padding: 3px;
    font-size: 16px;
   color:#fff;
}
/***********typing**************************/
/*@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.text_typing { 
	
	border-right: .1em solid black;
	width: 16.5em; 
	width: 21ch;
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation: typing 5s steps(21, end),
	           blink-caret .5s step-end infinite alternate;
}*/

/***********************/

.text_typing {
  
  white-space: nowrap;
  overflow: hidden;
  width:27.7em;
  animation: type 4s steps(60, end); 
}

.text_typing:nth-child(2){
  animation: type2 8s steps(60, end);
}

.text_typing a{
  color: lime;
  text-decoration: none;
}


@keyframes type{ 
  from { width: 0; } 
} 

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink{
  to{opacity: .0;}
}


/***********end****************************/
.box_shadow
{
	box-shadow:1px 0px 10px 7px #e8e8e8;
	border: 1px solid #eaeaea;
}
.invert
{
	filter: grayscale(100);
}
.invert:hover
{
	filter: grayscale(0);
}


.awesome {
       filter: grayscale(0);
      -webkit-animation:colorchange 5s;
	  animation-iteration-count:1;
	  -webkit-animation-iteration-count: 1;
      
      
    }
	 @keyframes colorchange 
	 {
		  0% {
        
        filter: grayscale(0);
      }
      
       
      100% {
        
        filter: grayscale(100);
      }
	 }

    @-webkit-keyframes colorchange {
      0% {
        
        filter: grayscale(0);
      }
      
       
      100% {
        
        filter: grayscale(100);
      }
    }
	.padding10
	{
		padding:10px 15px;
	}
/***************image overlay**********************/
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #8bc3049c;
}

.forimage:hover .overlay {
  opacity: 1;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color:#1d13086b;
}

.forimage:hover .overlay1 {
  opacity: 1;
}
/**************************end*****************/
.margbott10
{
	margin-bottom:10px;
}
.margtop10
{
	margin-top:10px;
}
.boxshdw:hover
{
	box-shadow: 0px 0px 13px 5px #b7b7b7e3;
}


.saturate:hover
{
	filter:saturate(0);
}
/**************************************************/
.for_sicon
{
	width:100px !important;
	height:100px !important;
	border-radius:50px !important;
	background:#ff8100 !important;
}
.for_sicon i
{
	color:#ff8100 !important;
	font-size:72px !important;
}




/*********************11-7-2018*****************************************************/
.blogg_li
{
	padding-left:0px;
}
.blogg_li li
{
	list-style-type:none; 
	float:left;
	padding-right:25px;
}
.blogg_h4
{
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.blog_social li
{
	float: left;
    padding:6px 12px;
    list-style-type: none;
    color: #fff;
    background: #7b7b7b;
    margin: 7px;
    border-radius: 50px;
    width: 43px;
    height: 43px;
    font-size: 22px;
}
.blog_social li:hover
{
	float: left;
    padding:6px 12px;
    list-style-type: none;
    color: #fff;
    background: #333;
    margin: 7px;
    border-radius: 50px;
    width: 43px;
    height: 43px;
    font-size: 22px;
}
.blog_side
{
	padding-left:0px;
}
.blog_side li
{
	list-style-type: none;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.blog_categories
{
	padding-left:0px;
}
.blog_categories li
{
	list-style-type:none;
	background:#d7d7d7;
	padding:0px 10px;
	border-radius:4px;
	margin:10px 0px;
}
.padding30
{
	padding:35px 0px !important;
}
.page-link
{
	margin:0px 2%;
    background: #dcdddf !important;
    color:#000;
}
.page-link > a
{
	background:#787878 !important;
	color:#000;
}
.pagination > .active > a
{
	background:#787878 !important;
}
.paddb30px
{
	padding-bottom: 30px;
}
.clear
{
	clear:both !important;
}
.for_label
{
	font-weight:400px !important;
	color:#787878;
}
/****************************************************************************/



/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:100px;
  color: #fff;
 
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:100px;
  color: #fff;
 
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
 /* width: 250px;
  height: 100px*/
}
/* End carousel */
/**********for gallery slider********************************/
.product-slider { padding: 45px; }

.product-slider #carousel { /*border: 4px solid #1089c0;*/ margin: 0; }

.product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px; }

.product-slider #thumbcarousel .item { text-align: center; }

.product-slider #thumbcarousel .item .thumb { 
border: 4px solid #cecece;
    /* width: 20%; */
    margin: 0 1%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 152px; }

.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }

.product-slider .item img { width: 100%; height: auto; }

/*.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }

.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }


.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }

.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }*/


.gall_caption
{
	text-align: center; margin-top: -5%;
    position: absolute;
    background:#00000091;
    color: #fff;
    display: block;
    padding: 20px;
    width: 100%;
}
.home_text
{
	font-weight:600; 
	text-transform:uppercase;
	 color:#12a500;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
   
    width: 120px;
    top: 100%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}


.tooltip:hover .tooltiptext {
    visibility: visible;
}
.session_btn
{
	display: block;
    /*background: #8bc304;*/
	background:#787878;
    color: #fff;
    padding: 25px;
    text-align: center;
    font-size: 20px;
}
.session_btn:hover
{
	display: block;
    background:#628a01;
    color: #fff;
    padding: 25px;
    text-align: center;
    font-size: 20px;
	text-decoration:none;
}