@charset "utf-8";
/* CSS Document */


/* -------------------------------------------------------------------------------------------------------------------------------*/

.stickyFooter{position:fixed; text-align:center; top:0; width:12%;top:5%; right:0; background:#25386C; font-size:1.05em; padding:10px; z-index:30; border-radius:0 0 0px 0px ; margin-right:0%;



}
.stickyFooter a{color:#ffffff;}
.stickyFooter a:hover{color:#ababab;}

@media only screen and (max-width: 1648px) and (min-width: 1026px){
.stickyFooter{top:87%; right:0; margin-right:0%; border-radius:0 0 0 0 ;  font-size:1em;}
}

@media only screen and (max-width: 1025px)and (min-width: 470px){
.stickyFooter{top:93%; right:0; margin-right:0%; border-radius:0 0 0 0 ;  font-size:1em;}
}

@media only screen and (max-width: 470px){
.stickyFooter{top:91%; right:0; margin-right:0%; border-radius:0 0 0 0 ;  font-size:1em;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
form {background: #3a3230; margin:0; border-top: 20px solid #1F305A;}
body {overflow-x: hidden; font-size: .9em;  font-family:'PT Sans', sans-serif !important;}

#footer {color:#181818; }
.top-bar-section ul li > a {
font-family: "PT Sans', Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
table{width:100%}
#navigation {text-align: center; margin-right: auto; z-index: 5; position: relative; background: transparent; padding: 0%; }

.top-bar {margin-bottom:0px;!important;background: rgb(37,56,108); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,56,108,1) 0%, rgba(33,54,96,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,56,108,1)), color-stop(99%,rgba(33,54,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25386c', endColorstr='#213660',GradientType=0 ); /* IE6-9 */

}

#navigation a {display: inline-block;padding-left: 1.05em;padding-right: 1.5em;color: #fff;text-transform: uppercase; font-size:.85em; font-weight: 500; padding: 11px;}
.rotate a{color: #fff}
.rotate a:hover{color: #fff}

.top-bar-section .has-dropdown > a {line-height: 1.5em;}

 .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
      line-height: 1.5em;
        }


#mobiLink{
width: 100%;
text-align: center;
padding: 10px;
}

.rotate{transform-origin: left top 0;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);


-ms-transform: rotate(-90deg);

-o-transform: rotate(-90deg);
background: -moz-linear-gradient(top,  rgba(37,56,108,1) 0%, rgba(33,54,96,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,56,108,1)), color-stop(99%,rgba(33,54,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,56,108,1) 0%,rgba(33,54,96,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25386c', endColorstr='#213660',GradientType=0 ); /* IE6-9 */

padding: 15px;

}

@media only screen and (max-width: 1150px){
#contactMargin, .stickyFooter{display:none;}
}
.top-bar-section ul li {
border-right: 1px solid #949494;
}



 
#slideshowblock { min-height: 90px; font-size: .9em; color: #616060; font-weight:bold;max-width:100%;}
#slideshowblock span { font-size:1.4em; }
.slideshow div div { text-align:right; font-size:italic; }


select{width: 53%;}

#contactMargin {
position: fixed;
left: 0px;
top: 260px;
}

.EstimateBtn a {
background: #AE2323 !important;
padding: 10px 30px;
color: #fff;
}


#slideshowblock p {
font-size: 1em;
margin-top:2%;
color: #616060;
}
table {
	table-layout: fixed;
}

#content p {color:rgb(122, 122, 122);}

img{max-width:100%;}

.orbit-container li{list-style-type:none;}

.btnTag a{color:#b11a27; font-size:1.55em;}

.social{text-align:right; font-size: 1.4em;   margin-top: 18px;}

.social img{padding-left:1%; padding-top: 4px;}

.cLogo{text-align:center; margin: auto 1px;}
.cLogo p a img{margin:auto;}

.orbit-caption{display:inline-flex;}

.contactStyle{

background-color: rgb(128,128,128);
background: rgb(128,128,128); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(128,128,128,1) 0%, rgba(103,103,103,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,1)), color-stop(100%,rgba(103,103,103,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(128,128,128,1) 0%,rgba(103,103,103,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(128,128,128,1) 0%,rgba(103,103,103,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(128,128,128,1) 0%,rgba(103,103,103,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(128,128,128,1) 0%,rgba(103,103,103,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#676767',GradientType=0 ); /* IE6-9 */
	padding:15px 20px 23px 20px; 
	background: rgb(70, 84, 119);
margin-left: -6%;
border: #7C7C7C 2px solid;
position: relative;
left: 4%; 
}

.ePhone{  font-size: .85em;
  font-style: italic;
  position: relative;
  top: 4px;}


@media (min-width: 1025px) {
  .contactStyle{margin-left:-6%;}
}

.contentPanes{padding-top:20px;}

.logoNumber{overflow:hidden; margin-bottom:-108px;}
#phone{text-align:right;}

.header{overflow:hidden; padding-bottom:5px;}

@media only screen and (max-width: 40.063em){
.top-bar li:hover {
background:none;
}

#navigation a:hover{color: #ababab;}
}

@media only screen and (max-width: 990px) and (min-width:805px){
#navigation a {display: inline-block;padding-left: 1em;padding-right: 1em;color: #fff;text-transform: uppercase; font-size:.75em; font-weight: 500;}
}

@media only screen and (max-width: 805px){
#navigation a {display: inline-block;padding-left: .5em;padding-right: .5em;color: #fff;text-transform: uppercase; font-size:.65em; font-weight: 500;}
.menu-icon a span{padding-right: 1.75em;top: -9px;position: relative;font-size: 1.5em;}
}

@media only screen and (orientation : portrait) { 
#navigation a {display: inline-block;padding-left: 1.8em;padding-right: 1.8em;color: #fff;text-transform: uppercase; font-size:.65em; font-weight: 500;}
}

.top-bar .toggle-topbar.menu-icon {
right: 28px;
top: 44%;
margin-top: -16px;
padding: 0 9px;
}

.top-bar-section ul li:last-child{
border-right: none;
}
/* common adjustments -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body, form, html {
background: rgb(60,60,60); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(60,60,60,1) 0%, rgba(77,77,77,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,60,60,1)), color-stop(100%,rgba(77,77,77,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(77,77,77,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(77,77,77,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(77,77,77,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(60,60,60,1) 0%,rgba(77,77,77,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b5b5b+0,9b9b9b+15,777777+37,565656+53,4c4c4c+100 */
background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top,  #5b5b5b 0%, #9b9b9b 15%, #777777 37%, #565656 53%, #4c4c4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(15%,#9b9b9b), color-stop(37%,#777777), color-stop(53%,#565656), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5b5b5b 0%,#9b9b9b 15%,#777777 37%,#565656 53%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5b5b5b 0%,#9b9b9b 15%,#777777 37%,#565656 53%,#4c4c4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5b5b5b 0%,#9b9b9b 15%,#777777 37%,#565656 53%,#4c4c4c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5b5b5b 0%,#9b9b9b 15%,#777777 37%,#565656 53%,#4c4c4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */

}


a {
    color: rgb(58, 91, 161);
    font-weight: bold;
}

h1 {line-height: 1em !important;font-size: 1.75em;color: #213660;;}
h2 {line-height: 1.3em !important;font-size: 1.25em;color: #213660;}
h3 {line-height: 1.15em !important;}
h4 {}
h5{}


.Slogan{
background-color: rgba(76, 76, 76, 0.82);
  color: #FFFFFF;
  text-align: center;
  padding: 4% 0% 3.8% 0%;
  position: absolute;
  z-index: 99;
  width: 100%;
  border-bottom: 2px solid rgba(255, 255, 255, 0.43);
  font-size: 1.65em;
  font-variant: small-caps;
  font-style: italic;
}

.largeFnt{
font-size: 1.35em;
}


.ctLogo {
/*
background-image: url(../img/ct-logo.png); */
background-repeat: no-repeat;
display: block;
padding-left: 175px;
position: absolute;
z-index: 999;
height: 42px;
bottom: 6px;
left: 7px;}

.rightSlide{
background:  #949494;
border-right: 4px solid #949494;
}
.leftSlide{

background: #949494;

}

.topImg {

border-bottom: 7px solid #000;
border-bottom: 8px solid #949494;
}


.ctaButton{
position: absolute;
background-color: aqua;
z-index: 99;
top: 22%;
font-weight: bold;
right: 3%;
  background: #ECECEC;
  background-image: -webkit-linear-gradient(top, #ECECEC, #919191);
  background-image: -moz-linear-gradient(top, #ECECEC, #919191);
  background-image: -ms-linear-gradient(top, #ECECEC, #919191);
  background-image: -o-linear-gradient(top, #ECECEC, #919191);
  background-image: linear-gradient(to bottom, #ECECEC, #919191);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #282828;
  font-size: 14px;
  padding: 7px 12px 7px 12px;
  text-decoration: none;
}



.ctaButton:hover{
  color: #000000;
  text-decoration: underline;
}




a:hover{color:rgb(91, 146, 200);;}
p {font-family: inherit; font-size: 1rem;}
.noPadding{padding: 0px !important}
.cLogo p{color:#ffffff;}
#logo {padding:0%;}

.contentArea{background-color:#ffffff; overflow:hidden; margin-top:30px; padding-top:10px; padding-bottom:30px; box-shadow: 1px 2px 21px #151515;}

.contactStyle h3{color:#ffffff; font-size:1.0em; text-align:left;}

#jqSubBtn{background:#dddddd; padding:10px;}

#navigation a:hover{
	-webkit-transition: all;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	color: #ffffff;
}

.top-bar-section ul { font-size: 16px; background:#ababab;}

.ftImg{position: relative; top:-10px; padding:0px; max-width: 95%;}

#footer{background:#DDDDDD; padding:15px;}

#footer li{list-style-type:none; color:#616161;}
#footer li a{color:#616161;}
#footer li a:hover{color:#616161;}

.footerHeadlines{font-size:1.2em; color:#494949; }



.social img{padding:5px;}
.dropdown ul{border: 1px solid #999 }
.dropdown li{  background: #626262; border-bottom: 1px solid #999}
.dropdown li a{line-height: 1.2em; padding: 6px !important;}
.top-bar li:hover{  background: rgb(176, 176, 176);}

.address ul{margin:0;}

.associations ul li{display:inline;}

.FooterLinks ul{font-size:.8em;}
.FooterLinks li{display:inline; margin:.4em;}

#navigation a {
display: inline-block;
padding-left: 1.05em;
padding-right: 1.5em;
color:  rgb(234, 234, 234);
text-transform: uppercase;
font-size: .85em;
font-weight: 500;
padding: 11px 17px;
}


select::-ms-expand {
    display: none;
}

select{-moz-appearance: none;
  text-indent: 0.01px;
    text-overflow: '';
}

.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%;
  width: 100%;
}

@media only screen and (min-width: 40.063em){
	.top-bar-section .has-dropdown > a:after {top: 23.5px;}
}

@media only screen and (max-width: 40.063em){
.ctaButton{top: 40%;}
.top-bar li:hover{background:none;}
}

@media only screen and (max-width: 1025px){
.topImg {border: none;}
.leftSlide a img {width: 49%;
  border: 7px solid rgb(148, 148, 148);}
.leftSlide {text-align:center;}
}


@media only screen and (max-width: 1015px) and (min-width:979px){
#navigation a {display: inline-block;padding-left: 1em;padding-right: 1em;color: #fff;text-transform: uppercase; font-size:.8em; font-weight: 500; padding: 11px 17px;;}
}
@media only screen and (max-width: 978px) and (min-width:895px){
#navigation a {display: inline-block;padding-left: 1em;padding-right: 1em;color: #fff;text-transform: uppercase; font-size:.75em; font-weight: 500; padding: 11px 14px;;}
}

@media only screen and (max-width: 896px) and (min-width:825px){
#navigation a {display: inline-block;padding-left: 1em;padding-right: 1em;color: #fff;text-transform: uppercase; font-size:.7em; font-weight: 500;}
}
@media only screen and (max-width: 825px) and (min-width:760px) and (orientation: landscape) {
#navigation a {display: inline-block;padding-left: 1em;padding-right: 2em;color: #fff;text-transform: uppercase; font-size:1.2em; font-weight: 500; line-height:14px}
}

@media only screen and (max-width: 759px) and (min-width:642px){
#navigation a {display: inline-block;padding-left: 1em;padding-right: 1em;color: #fff;text-transform: uppercase; font-size:.5em; font-weight: 500;}

}

@media only screen and (max-width: 641px) {
.leftSlide a img {width: 99%;
  border: 7px solid rgb(148, 148, 148);}

.social h2{
line-height: 1.3em !important;
  font-size: .85em;
  color: #767676;
  font-style: italic;
  font-weight: normal;
}

.ePhone{    font-size: 0.8em;
  color: rgb(152, 16, 26);
  margin-top: 8px;
  margin-right: 1px;
  display: inline-block;;}
}


@media screen and (max-width: 825px) {
.g-recaptcha {
    transform: scale(0.5) !important;
    transform-origin: 0 0;
    margin-left: 0px;
}
}
@media screen and (min-width: 667px) and (max-width: 823px ) {
.EstimateBtn a {
    font-size: 11px;
}
}


/* Testimonial Slide Show */
.tsl {
	border:3px solid;
	padding:1em;
  border-color:#f04903
}
.tsl-list {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.tsl-item {
	position:relative;
	top:0;
	left:100%;
	margin-left:-100%;
	width:100%;
	float:left;
	animation: tsl-fade-in-out 100s infinite;
	animation-play-state:running;
}

/* lets hide all items from second */
.tsl-item + .tsl-item {
	opacity:0;
}

/* animation */

/* animation shift */
/* negative delay needed to pause works correctly on hover */
.tsl-item:nth-child(2) {
	animation-delay: -90s;
}
.tsl-item:nth-child(3) {
	animation-delay: -80s;
}
.tsl-item:nth-child(4) {
	animation-delay: -70s;
}
.tsl-item:nth-child(5) {
	animation-delay: -60s;
}
.tsl-item:nth-child(6) {
	animation-delay: -50s;
}
.tsl-item:nth-child(7) {
	animation-delay: -40s;
}
.tsl-item:nth-child(8) {
	animation-delay: -30s;
}
.tsl-item:nth-child(9) {
	animation-delay: -20s;
}
.tsl-item:nth-child(10) {
	animation-delay: -10s;
}
/*
we have 5 items.
we want each slide plays ≈5s

each slide will play 1/5 of animation = 20%
1% of animation is for transitions (fading)
*/

@keyframes tsl-fade-in-out {
	0% {
		opacity:0;
		z-index:2;
	}
	1% {
		opacity:1;
		z-index:2;
	}
	10% {
		opacity:1;
	}
	11% {
		opacity:0;
		z-index:1;
	}
	100% {
		opacity:0;
	}
}

/* pause on hover */
.tsl-list:hover .tsl-item {
	animation-play-state:paused;
}

/* testimonials theme */
.tsl-content p {
	margin-top:0;
}
.tsl-meta {
	font: 11px/1.4 Arial;
	text-align:right;
}
.tsl-meta p {
	margin-bottom:0;
}

/* thats all */