﻿body {
}
body{font-family:'Lato', sans-serif;}
ul{list-style:none outside;margin:0;padding:0;}

a{font-weight:400;color:#d20000;}

.fleft{float:left;}
.fright{float:right;}
.clearfix{clear:both;}
.aleft{text-align:left;}
.aright{text-align:right;}
.acenter{text-align:center;}

header{background:rgba(0,0,0,0.9);position:absolute;top:0;width:100%;padding:0 0;height:120px;z-index:5}
#logo{float:left;}
header ul{float:right;font-size:14px;}
header li{float:left;}
header li a{display:block;padding:30px 20px;color:#000;}
header li a:hover{color:#d20000;}
header ul .icon.ion-home{font-size:20px;}
a.navbar-brand img {width: 200px;}
#callno{width:100%;text-align:right;}
.navbar-header #callno{display:none;}
#callno p{display:inline-block;margin:15px 0 0;padding:5px 10px;background:#000;border:1px solid #d20000 ;font-size:18px;font-weight:400;color:#FFF;position:relative;z-index:1;}
#tagline{position: absolute;width: 90%;text-align: center;font-size: 30px;font-style: italic;font-weight: 400;top: 8px;color:#FFF;font-family:Calibri}
#tagline br{display:none;}
#tagline span{color:#d20000;}

/*#banner{background:#000 url(../img/banner.jpg) center bottom no-repeat;background-size:107% auto;max-height:700px;}*/
.sl-slide-inner cite a {display: inline-block;background: #d20000;color: #FFF;padding: 10px 15px;}
#regform{background:rgba(255,255,255,0.8);max-width:400px;margin:180px 0 50px;padding:20px 30px;position:absolute;right:0;top:0;z-index:5}
#regform.appointment{margin:180px 0 50px;padding:20px 30px;}
#regform h1{font-size:30px;font-weight:900;}
#regform li{padding:5px 0;}
#regform input[type="text"]{border:1px solid #d20000;padding:3px;font-size:14px;width:100%;color:#333;}
#regform textarea{border:1px solid #d20000;padding:3px;font-size:14px;width:100%;color:#333;height:100px;}
#regform select{border:1px solid #d20000;font-size:14px;color:#333;padding:3px;}
#regform select#bd_day{width:50px;}
#regform select#bd_month{width:100px;}
#regform select#bd_year{width:80px;}
#regform select#timeslot{width:120px;}
#regform br{display:none;}


#about{background:#e1e1e1 url(../img/tools-bg.jpg) 0 bottom no-repeat;background-size:100% auto;font-size:20px;text-align:center;padding:10px 0 50px;}
#about h1{font-size:48px;}
#whatiscci{max-width:750px;margin:0 auto;}

#schedcc{max-width:950px;margin:0 auto;border-top:2px solid #CCC;padding-top: 30px;}
#schedcc div{width:45%;}
#schedcc div img{width:100px;}
#schedcc ul{text-align:left;margin:30px 0 50px;}
#schedcc img{max-width:100%;}

#testimonials{background:#333;color:#FFF;padding:50px 0 80px;}
#testimonials h1{font-size:48px;color:#FFF;text-align:center;}
.testimonial{max-width:480px;background:url(../img/quote-bg.png) 0 0 no-repeat;padding-top:50px;font-size:24px;line-height:48px;}
.clientdetails { overflow: hidden; }
.clientdetails img {	border-radius: 150px;-moz-border-radius: 150px;-webkit-border-radius: 150px;-o-border-radius: 150px;-ms-border-radius: 150px;float:left; }
.clientdetails p{ border-bottom: 2px solid #d20000; padding:40px 10px 0 160px; }

footer{padding:50px 0;font-size:14px;color:#666;background:#000;text-align:center;}

#innerbanner{background:#000 url(../img/banner.jpg) center center no-repeat;background-size:107% auto;height:350px;}
#innerbanner h1{margin:0;padding:180px 0 0;text-align:center;font-size:52px;font-weight:600;color:#FFF;}
#content{padding:50px 0;font-size:18px;}
#contact div{float:left;width:60%;}
#contact h3{font-size:20px;font-weight:600;margin:0;}
#contact #regform{position:static;margin:0;padding:0;float:right;width:40%;}
#contact div#regform.appointment{text-align:center;position:static;margin:0 auto;padding:0;max-width:480px;float:none}
#contact div#regform.appointment input,#contact div#regform.appointment select{font-size:20px;}
#contact div#regform.appointment select{width:100%;padding:7px 0}

#services h3{clear:both;padding-top:20px;font-weight:400;}
#services h4{padding-top:20px;font-weight:600;}
.servicelist{float:left;width:33%;}
.list li,.servicelist li{padding:0 0 15px 25px;;line-height:normal;background:url(../img/tick.png) 0 2px no-repeat;}

.techblocks {overflow:auto;clear:both;}
.techblocks img{float:left;margin-right:20px;}
.techblocks ul{float:left;}

.boxlink{display:inline-block;border:1px solid #d20000;padding:2px 10px;}
#googleMap{width:100%;height:300px;}

@media (min-width:992px) {
.header-icon{max-height:none;background:#FFF;padding:0 10px}
.nav-menu-content ul a{width:280px}
.nav-menu-content .sub-menu{text-transform:uppercase;right:auto;left:0}
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
	border: none;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 20px;
	padding-left: 20px!important;
	padding-right: 20px!important;
}
.navbar-default .navbar-brand {
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
/*	color: #FF9601;	*/
}
.navbar-brand {
	float: left;
	height: 50px;
	font-size: 18px;
	line-height: 20px;	
	padding:15px 0;
}
.navbar {
	border: none;
}
.navbar-default .navbar-nav>li>a {
/*	color: #FF9601;*/
	text-transform: uppercase;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #d20000;
	background-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #d20000;
	background-color: transparent;
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.navbar-default .navbar-toggle .icon-bar {
/*	background-color: #FF9601;*/
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 100%;
}
.modal-header {
	min-height: 16.43px;
	padding: 25px;
	border-bottom: none;
}
.modal{
	top: 10%;
}
.modal-body{
	padding: 10px 50px 50px 50px;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 17px 10px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 4px;
}
.navbar-collapse {	
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-content {
	position: relative;
	background-color: #f2f2f2;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border: none;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.thumbnail{
	margin-bottom: 0;
	border: none;
}
.close {
	float: right;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
/*	color: #FF9601;*/
	text-shadow: none;
	filter: none;
	opacity: 100;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.dropdown-menu {
	background-color: #f2f2f2;
	border: none;	
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.dropdown-menu>li>a {
	text-transform: uppercase;	
	letter-spacing: 1px;
	display: block;
	padding: 9px 20px;
	clear: both;
	font-weight: 500;
	line-height: 1.42857143;
/*	color: #FF9601;*/
	white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #fff;
	text-decoration: none;
/*	background-color: #FF9601;*/
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.navbar-right .dropdown-menu {
	right: 0;
	left: auto;
}

@media(max-width:1200px){
.container{min-width: 100%;}
/*#banner{background-size:auto 100%;}*/
#whatiscci{min-height:initial;}
#about {background-size:auto 100%;}
#about h1 {font-size: 40px;margin: 0;}
}

@media(max-width:991px){
.testimonial{max-width:inherit;width:100%;float:none;}
.nav>li>a {padding-left: 10px!important;padding-right: 10px!important;}
.demo-2 .sl-slider h2{padding-top: 0;}
#tagline {font-size:26px;line-height:26px;text-align:left;padding-left:100px;width:100%;}
#tagline br {display:block;}
}

@media(max-width:767px){
header{background:none;}
header li,header ul {float: none;text-align:center;}
#tagline {text-align: right;top: 90px;right: 10px;font-size: 24px;line-height:24px;padding-left:250px;}
#tagline br {display:none;}
#callno{display:none;}
.navbar-header #callno{display:block;text-align:center;padding:5px 10px 5px 5px;}
.navbar-header #callno p{display:block;margin:0;}
.navbar-brand{margin: 0 6px;padding:0}
.navbar {border: none;background: rgba(0,0,0,0.9);height: 150px;}
.nav > li > a{padding:20px 0;}
.navbar-fixed-top,
.navbar-fixed-bottom {position: fixed;}
#innerbanner{background-size:auto;height: 250px;}
#innerbanner h1 {padding: 100px 0 0;font-size:36px;}
#about {font-size:16px;}
#about h1 {font-size: 30px;margin: 0;}
#whatiscci {min-height: 150px;}
#schedcc div,#contact div {width: auto;}
#testimonials  h1 {font-size: 30px;margin: 0;}
.testimonial img{max-width:100%;}
#regformwrap {padding: 0;background:url(../img/banner.jpg) center bottom no-repeat;}
#regform{position:static;margin:160px auto 20px;}
#contact #regform{float:none;width:auto;}
.demo-2 .sl-slider h2{display:none;}
.demo-2 .sl-slider blockquote {padding: 20px 0px 0 30px!important;}
.demo-2 .sl-slider-wrapper {height:400px;}
.slidecontentwrap{padding:0;}
.demo-2 .sl-slider blockquote {padding:10px!important;margin-top:20px;}

.servicelist{float:none;width:auto;}
}


@media(max-width:479px){
.navbar {height: 180px;}
#tagline {padding: 0;top: auto;bottom: -90px;text-align: left;font-size: 20px;right: auto;}
#regform{padding:10px;text-align:center;float:none;margin-left:auto;margin-right:auto;}
#schedcc ul{float:none!important;margin:0;}
#schedcc p{margin-top:30px;}
#schedcc h1 {padding: 25px 0;}
#about{min-height: 800px;}
#regform br{display:block;}
}