html{
	min-height: 100%;	
	position: relative;
}
body{	
	width: 100%;
	height: 100%;	
	padding: 0px;
	margin: 0px;
}

body{        
	font-family: 'Oxygen', sans-serif;
	-webkit-transition: margin .3s;
	-moz-transition: margin .3s;
	transition: margin .3s;   
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
	padding-top: 95px;
}

@media(min-width: 768px){    
    body:not(.home){
        padding-top: 140px;
    }
}


/* HEADERS */
h1, h2, h3, h4{
	font-family: 'Ek Mukta', sans-serif;
	text-transform: uppercase;
}


/* LINKS */
a, a:active, a:focus{
	color: #424242;
	text-decoration: none;
}
a:hover{
	color: #bcbbb8;
	text-decoration: none;
}


/* DIVERSE */
.spacer-10{
	width: 100%;
	height: 10px;
}
.spacer-20{
	width: 100%;
	height: 20px;
}
.spacer-30{
	width: 100%;
	height: 30px;
}
.devices{
	display:none !important;
}
.fixed-top{
	position: fixed !important;
	top: 0px;
}

/* CONTAINERS */
.container-full{
	width: 100%;
}
.container-white{
	background-color: #FFF;    
	color: #000;
}
.container-blue{
	background-color: #3199bb;    
	color: #fff;
}
.container-lightgrey{
	background-color: #eaeae8;    
	color: #424242;
}
.container-grey{
	background-color: #424242;    
	color: #ffffff;
}
.container-darkgrey{
	background-color: #1d1c1c;
	color: #ffffff;
}
.container{
	max-width: 1200px;
}

/* TITLES + TEXT */
.title-block, .subtitle-block{
	font-family: 'Ek Mukta', sans-serif;
}
.title-block{
	text-transform: uppercase;
}
.text-block{
	text-align: justify;
}

.title-well{
	
	border-bottom: solid 1px #3199bb;
	margin-bottom: 15px;
	line-height: 50px;
}

.title-xxs	{font-size: 18px;}
.title-xs		{font-size: 22px;}
.title-sm 	{font-size: 26px;}
.title-md   	{font-size: 32px;}
.title-lg       	{font-size: 36px;}

.text-sm    	{font-size: 12px;line-height:14px;}
.text-md	{font-size: 14px;line-height:16px;}
.text-lg 		{font-size: 18px;line-height:20px;}
.text-xl 		{font-size: 24px;line-height:26px;}

.text-lightblue	{color: #76cbee;}
.text-blue		{color: #3199bb;}
.text-darkblue	{color: #2d869B;}
.text-white 		{color: #ffffff;}
.text-lightgrey	{color: #eaeae8;}
.text-grey 		{color: #424242;}
.text-darkgrey	{color: #1d1c1c;}

/*  ERROR LABELS  */
.error-label{
	color: #f00;
}

/* TABLES */
[class*='cols-'] {
	display:table;
}
[class*='cols-'] > * {
	float: none;
	position: relative;
	/* old ie fixes */
	*zoom: 1; 
	*display: inline;
	display: table-cell;
}
.cols-bottom > * {
	vertical-align: bottom;
}
.cols-top > * {
	vertical-align: top;
}
.p-top {
	vertical-align: top;
}
.table-no-border tr th, .table-no-border tr td{
	border: none !important;
}



/* BUTTONS */
.btn-blue{
	background-color: #3199bb;
	color: #fff;

}
.btn-blue:active, .btn-blue:focus, .btn-blue:visited{
	background-color: #3199bb;
	color: #fff !important;    
}
.btn-blue:hover{
	background-color: #3199bb;
	color: #76cbee;
}


/* ARROWS */
.arrow-left, .arrow-right{
	display: block;
	width: 32px;
	height: 29px;
	background: url('/img/app/arrows.png');
}
.arrow-left{background-position: 32px 29px;}
.arrow-left:hover{background-position: 0px 29px;}
.arrow-right{background-position: 32px 0px;}
.arrow-right:hover{background-position: 0px 0px;}


/* BREADCRUMB */
.breadcrumb-container{
	-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');    
}
.breadcrumb{
	background-color: inherit !important;
	margin: 0px;
	padding: 10px 0px;	
}
.breadcrumb li a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}
.breadcrumb li a:hover{
	color: #76cbee;
}
.breadcrumb > li + li:before {
    color: #fff;
    content: "\00BB";
    padding: 0 5px;
}
.breadcrumb > li:nth-child(2):before{
	content: "" !important;
}

/* NAV STACKED */
.nav-stacked li a,
.nav-stacked li a:focus,
.nav-stacked li a:active{
	background-color: #fff;
	border-radius: 0px;
	margin-right: 20px;
}
.nav-stacked li a:hover{
	background-color: #eaeae8;
	color: #424242;	
}
.nav-stacked li.active a, .nav-stacked li.active a:hover{	
	background-color: #76cbee;
	color: #fff;		
}
.nav-stacked li.active a:after{		
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 20px solid transparent;
	border-left: 20px solid #76cbee;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	left: 100%;
	z-index: 2; 
}
.nav-stacked li.sub a{
	margin-left: 15px;
}
.nav-stacked li.sub a:before{
	content: '\00BB   ';
}


.anchor_container:before { 
  display: block; 
  content: " "; 
  margin-top: -120px; 
  height: 120px; 
  visibility: hidden; 
}


/* SLIDER */
.slider-container{            
	width: 100%;            
	position: relative;
	z-index: 20;
}
.slider-container .top-fr-slider{	
	height: 350px;
}
.slider-container .top-slider .slide .title,
.slider-container .carousel .item .title{        	
	font-size: 40px !important;
	font-family: 'Ek Mukta', sans-serif;
}
.slider-container .top-slider .slide .content,
.slider-container .carousel .item .content{    	
	font-size: 18px !important;    
	line-height: 20px !important;
}
.slider-container .top-slider  .slide p{
	z-index: 55 !important;
}
.slider-container .top-slider .slider_image{    
	z-index: 52 !important;
	width: 100%;
	height: 100%;    
}
.slider-container .top-slider .slide .li-icon,
.slider-container .carousel .item .li-icon{
	width: 21px !important;
	height: 19px !important;
	margin-right: 10px;
	margin-top: -5px;
}        
@media(max-width: 991px){
	.slider-container{
		padding-left: 0px;
		padding-right: 0px;		
	}
	.slider-container .carousel .item .title{        		
		padding-top: 30px;
		position: relative;
		left: 10%;
	}
	.slider-container .carousel .item .content{    
		position: relative;
		padding: 10px;		
		left: 10%;
		background-color: rgba(255,255,255,0.7);
		width: 90% !important;
	}
	.slider-container .carousel .item .slider_image{
		position: absolute;
		width: 100% !important;
		height: 100%;
	}
	.slider-container .carousel-indicators{
		bottom: 0px !important;
	}
	.slider-container .carousel-indicators li{
		background-color: #fff;
		width: 30px;
		height: 30px;
		border-radius: 20px;
		margin: 0px 2px 0px 2px;
		border-width: 2px;
	}
	.slider-container .carousel-indicators li.active{
		background-color: #3199bb;

	}
}
@media(max-width: 767px){
	.slider-container .carousel .item .content{    		
		width: 95% !important;
		left: 10px;
	}
	.slider-container .carousel .item .title{    
		left: 20px;
	}
}

.main-content{
	padding-bottom: 20px;
}


/* HEADLIGHTS */
.headlights-container{
	position: relative;
	z-index: 500;
}
.headlights-container.fixed-top {	
	
}
.headlights-container .tabs-background{
	position: absolute;
	height: 120px;    
}
.headlights-container .nav-tabs{
	border: none !important;
}
.headlights-container .nav-tabs li{
	height: 120px;
	width: 120px;
	display: table;
}
.headlights-container .nav-tabs li a{    
	display: table-cell;    
	height: 100%;
	width: 100%;
	padding: 0px;
	text-align:  center;
	vertical-align: middle;        
	background-color: #3199bb;
	color: #76cbee;
	border-radius: 0px;
	border: none !important;
	border-right: solid 1px #76cbee !important;        
}
.headlights-container .nav-tabs li a > .fa-stack > .fa:nth-child(2){
	margin-left: 18px;
	margin-top: 15px;
	color:#b7eaff;
}
.headlights-container .nav-tabs li:first-child a{
	border-left: solid 1px #76cbee !important;
}
.headlights-container .nav-tabs li.active a{
	background-color: #424242;
	color: #fff;
}
.headlights-container .nav-tabs li:hover:not(.active) a{
	background-color: #76cbee;    
	color: #fff;
}
.headlights-container .tab-content .tab-pane{
	padding: 10px;
	min-height: 100px;
}
.headlights-container .global-information{
	display: block !important;
	float: none !important;
	width: auto !important;    
	margin-left: 600px;    
	line-height: 120px;
	text-align: center ;
	font-size: 20px;
}
.headlights-container .error-label{
	display: block;
	background-color: #FCC7C7;
	color: #f00;
	padding: 4px 12px;	
	margin-top: 2px;	
	border-radius: 4px;
}
@media(max-width: 767px){
	.headlights-container .tabs-background{
		height: 80px;
	}
	.headlights-container  .column{
		width: 100%;
		margin: 0px !important;
		padding: 0px !important;
	}
	.headlights-container .global-information{
		display: none !important;
	}
	.headlights-container .nav-tabs li{
		width: 20%;
		height: 80px;
	}
	.headlights-container .nav-tabs li a > .fa-stack > .fa:first-child, .headlights-container .nav-tabs li a > .fa{
		font-size: 40px !important;
		line-height: 40px !important;
	}
	.headlights-container .nav-tabs li a > .fa-stack > .fa:first-child{
		line-height: 55px !important;
	}
	.headlights-container .nav-tabs li a > .fa-stack > .fa:nth-child(2){
		margin-left: 10px !important;
	}
}

/* TESTIMONIAL CONTAINER */
.testimonial-container{
	min-height: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.testimonial-container .carousel-inner{
	height: 100%;
	width: 80%;
	max-width: 650px;
	margin: auto;
	text-align: center;
}
.testimonial-container .carousel-controls .carousel-control.left,.testimonial-container .carousel-controls .carousel-control.right {
	background-image:none !important;
}
.testimonial-container .carousel-controls{
	position: absolute;
	width: 100%;
	height: 100%;
}
.testimonial-container .carousel-controls .carousel-control {                    
	opacity:1;
	text-shadow:none;
	width: 32px;
	height: 100%;
}
.testimonial-container .carousel-controls .carousel-control .arrow-left, .testimonial-container .carousel-controls .carousel-control .arrow-right{                    
	top: 50%;
	margin-top: -15px;
	position: absolute;
}
.testimonial-container .carousel-controls .carousel-control.left:hover .arrow-left{
	background-position: 0px 29px;	
}
.testimonial-container .carousel-controls .carousel-control.right:hover .arrow-right{
	background-position: 0px 0px;	
}
.carousel-control.right {right: 10px !important;}
.carousel-control.left {left: 10px !important;}



/* HOUSE VISITS CONTAINER */
.homevisits-container{
	padding-top: 30px;
	padding-bottom: 30px;
}

@media(min-width: 768px){
	.homevisits-container .car-wrapper{    
		width: 25%;
		padding: 30px;
		height: 100%;
		display: table;    
	}
	.homevisits-container .car-wrapper .car-inner{
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;    
	}
	.homevisits-container .car-wrapper .car-inner .car-icon{
		font-size: 200px;     
	}
}
.homevisits-container .content{
	padding-top: 20px;
	padding-bottom: 20px;
}


/* ALL SERVICES CONTAINER */
.all-services-container .service{
	position: relative;
	padding: 10px;
	transition: all 0.15s;
}
.all-services-container .service:hover{
	background-color: #76cbee;
}
.all-services-container .service .block-link{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.all-services-container .service .description{
	margin-left: 26px;
}

/* DETAIL SERVICE CONTAINER */




/* FOOTER */
.footertitle-container .row > div{
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-container .row  > div{
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-container a, .footer-container a:active, footer-container a:focus{
	color: #fff;
	text-decoration: none;
}
.footer-container a:hover{
	color: #3199bb;
	text-decoration: none;
}

/* GOOGLE MAP */
.googlemap{
	height: 300px;
}
.googlemap img {
	max-width: none;
}

.table-no-border tr th, .table-no-border tr td{
	border: none !important;    
}


/* BOOTSTRAP FIXES */
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin-left: 0px !important;
}
label{
	font-weight: normal !important;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
	color: #f00;
}
.control-label{
	text-align: left !important;
}