*{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none;
    font-family: 'Open Sans', sans-serif;
font-optical-sizing: auto;
}


div[class^="amazingslider-title"] {
	font-size: 42px !important;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 500;
	text-shadow: 0px 0px 10px #000, 0px 0px 4px #000;
	text-transform: uppercase;
	font-weight: 700;
	max-width: 70%;
}

div[class^="amazingslider-description"] {
	font-size: 32px !important;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-shadow: 0px 0px 10px #000, 0px 0px 4px #000;
}

#PageGallery div[class^="amazingslider-box"] {
	border: 4px solid #000 !important;
	box-shadow: 0px 5px 7px -2px #000 !important;
}

div[class^="amazingslider-button"] button {
	background: #fff !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #2a3990 !important;
	padding: 10px 16px !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	border: 2px solid #2a3990;
}

/*
div[class^="amazingslider-bottom-shadow"] {
display: none !important;
}
*/
#PageGallery div[class^="amazingslider-title"], #PageGallery div[class^="amazingslider-description"]{
font-size: 0px !important;
}


.wonderpluginslider-container{
padding-bottom: 0px !important;
}

body {
	background: #f7f7f7;
}

.width1172{
	width: 1172px;
	margin: 0 auto;
	max-width: 100%;
}

#HeaderMain {
	float: left;
	width: 100%;
	height: 150px;
}

#HeaderInner {
	/* height: 160px; */
	width: 100%;
	position: fixed;
	background: rgba(255, 255, 255, 1);
	z-index: 1000;
	border-bottom: 3px solid #2a3990;
}


#topbar{
	background: #2f2f2f;
	width: 100%;
	float: left;
}

#socialTop{
	float: left;
}

.topRight {
	float: right;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	margin-top: 2px;
}

.topRight span{
font-weight: 800;
}

.topRight i {
	float: left;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 5px;
}

#socialTop a{
float: left;
margin-right: 5px;
color: #fff;
padding: 3px 0px;
font-size: 14px;
}

#socialTop a i{

}

#header {
	float: left;
	width: 100%;
	padding: 3px 0px 8px 0px;
	text-align: center;
	background-size: auto 314px;
	background-position: right 30% center;
}

#logo {
	float: left;
	width: 200px;
}


#logo img{
	float: left;
width: 100%;
height: auto;
}


#headerRight {
	float: right;
	width: 900px;
	text-align: center;
}

#HRMain{
float: left;
width: 100%;
text-align: right;
}

#headerRight #HRMain a {
	float: none;
	display: inline-block;
	width: 191px;
	text-align: left;
	color: #222;
	font-weight: 600;
}

#headerRight #HRMain a span {
	float: left;
	width: 100%;
	clear: both;
	font-size: 13px;
	font-weight: 500;
}

#headerRight #HRMain a.appt {
	/* float: left; */
	float: right;
	width: auto !important;
	background: #550202;
	padding: 6px 23px;
	color: #fff;
	text-transform: uppercase;
	margin-top: -10px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 14px;
	margin-left: 45px;
}

.num {
	float: right;
	text-align: right;
	width: 100%;
	color: #373737;
	font-weight: 100;
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: 20px;
}

.num span {
	font-weight: 600;
}

.nav {
	float: right;
	margin-top: 29px;
	margin-right: -20px;
	width: 100%;
}

.ssf-blue {
	float: right !important;
	width: 100% !important;
}

.ssf-blue-wrap {
	background: none !important;
float: right;
	margin-top: 0px !important;
}

.ssf-blue-after{
	display: none !important;
}

.ssf-blue a {
	padding: 11px 19px !important;
	border-right: none !important;
	color: #2f2f2f !important;
	text-transform: uppercase !important;
	font-weight: 500;
	font-size: 15px;
}

.ssf-blue li {
	background: none !important;
	display: inline-block;
}

.ssf-blue a:focus, .ssf-blue a:hover, .ssf-blue a:active {
	border-bottom: 1px solid #000 !important;
background: none !important;
}

.ssf-blue ul {
	width: 366px !important;
	background: #2a3990 !important;
	border-radius: 0px !important;
	margin-top: 7px;
	padding: 1px 20px;
}

.ssf-blue ul a:hover, .ssf-blue ul a:active {
	border-bottom: 1px solid #fff !important;
background: none !important;
}


.ssf-blue li li a {
	border: none !important;
}

.ssf-blue li li a {
	padding: .75em 0em !important;
}

.ssf-blue li li {
	text-align: left;
}

.ssf-blue ul a{
color: #fff !important;
}

.sf-sub-indicator{
	display: none !important;
}

.weatherLink {
	background: #000000;
	color: #fff;
	padding: 3px 8px;
	float: right;
	margin: 7px 0px;
	border-radius: 3px;
	box-shadow: 0px 2px 4px -2px #000;
	border: 1px solid rgba(255,255,255,0.5);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

#slider {
	float: left;
	width: 100%;
	padding-bottom: 2px;
	background: #e3e3e3;
	position: relative;
min-height: 300px;
    border-bottom: 3px solid #2a3990;
}

#slider img{
opacity: 0.8;
}

#belowSlider {
	background: linear-gradient(to left, rgba(0,0,0,0) 50%, #b82b26 50%);
	height: 145px;
	margin-top: -72px;
	position: relative;
	float: left;
	width: 100%;
}


#services{
	float: left;
	width: 100%;
	padding-top: 44px;
	text-align: center;
position: relative;
overflow: hidden;
}
.servicesBg {
	position: absolute;
	left: 0;
	width: 928px;
	height: auto;
	opacity: 0.06;
	z-index: -1;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 100%;
}

#services *{
	transition: all 0.2s linear;
}

#services a {
	display: inline-block;
	margin: 0px 10px;
	position: relative;
	width: 520px;
	vertical-align: top;
}

#services img {
	left: 0px;
	width: 100%;
	height: 270px;
	float: left;
	border-radius: 4px;
	box-shadow: 0px 2px 9px -2px #6c6c6c;
	border: 1px solid #2a3990;
}

#services a:hover {
margin-top: -2px;
margin-bottom: 2px;
padding-bottom: 0px;
}

#services div {
	position: relative;
	/* background: url(images/shadow.png) center -6px repeat-x; */
	width: 100%;
	padding: 17px 0%;
	/* left: 0px; */
	/* bottom: 0px; */
	text-align: center;
	float: left;
}

#services h3 {
	color: #262626;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 22px;
	padding-bottom: 8px;
	float: left;
	width: 100%;
	text-align: center;
}


#services h4 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 20px;
	padding-bottom: 9px;
	border-bottom: 2px solid #fff;
	float: left;
	width: 100%;
	margin-bottom: 14px;
}

#services p {
	color: #000;
	font-size: 14px;
	font-weight: 100;
	float: left;
	text-align: center;
	width: 100%;
}

#services a:hover p {
	opacity: 1;
}

.rm {
	color: #fff !important;
	text-align: center !important;
	width: 184px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	margin-top: -3px !important;
	background: #2a3990;
	padding: 14px 0px;
	display: inline-block;
	margin: 0 auto;
	float: none !important;
}

.hTop{
width: 100%;
text-align: center !important;
margin-top: 40px !important;
font-size: 40px !important;
}






#content {
	width: 100%;
	float: left;
	margin-top: 44px;
	padding: 26px 0px;
}


.blogAlign {
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 15px;
}

.blogAlign a {
	display: inline-block;
	margin: 10px 10px 0px 10px;
	width: 380px;
	height: 280px;
	position: relative;
	text-align: left;
	vertical-align: top;
}

.blogAlign a img {
	width: 100%;
	height: 225px;
	box-shadow: 0px 0px 2px 0px #000;
	border: 5px solid #fff;
}

.blogAlign a p {
	color: #383838 !important;
	text-transform: normal;
	width: 100% !important;
	text-align: left;
	padding-bottom: 0px;
	font-size: 16px !important;
	font-weight: 500;
	transition: all 0.2s linear;
	float: left;
	margin-bottom: 0px !important;
}

#contleft {
	float: left;
	width: 820px;
}

#contleft ul.bullets{
width: 100%;
}
#contleft ul.bullets li {
	width: 338px;
	margin-right: 20px;
}

#PageDetails {
	float: left;
	font-size: 14px;
	width: 409px;
	line-height: 24px;
	padding: 11px 25px 29px 0px;
}

#PageDetails h1{
font-size: 24px !important;
}
#PageDetails ul {
	width: 100%;
	margin-top: 14px;
	margin-left: 40px;
}
#PageDetails ul li {
	width: 100%;
	list-style-type: disc;
}
#PageGallery {
	float: right;
	width: 710px;
	padding-bottom: 45px;
}

.imgwrap {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.frame {
	padding: 5px;
	border: 1px solid #8e8e8e;
	box-shadow: 0px 0px 5px -1px #000;
}

#contleft h1 {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 32px;
	color: #3c3b3b;
	line-height: 34px;
}

#sidebarCategories h3{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	color: #313132;
}

#contleft h2 {
	width: 100%;
	float: left;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 20px;
	color: #171717;
	line-height: 34px;
}

#contleft h1 span{
color: #900028;
font-weight: 600;
}


#contleft p, #contleft ul li {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #404040;
}

#contleft p a, #contleft ul li a {
	color: #2a3990;
	text-decoration: underline;
}

#contleft img, iframe{
max-width: 100%;
}

#contleft ul {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

#contleft ul li {
	float: left;
	margin-left: 14px;
	list-style-type: disc;
}


.PostSingle{
float: left;
margin-bottom: 34px;
}

.PostSingle .postUrl{
color: #4a4f9c;
font-size: 14px;
}

.PostSingle p{
margin-bottom: 20px;
}

.PostSingle img {
	float: left;
	max-width: 200px !important;
	height: auto;
	margin-right: 20px;
}

.navigationBottom{
float: left;
width: 100%;
}

.navigationBottom a {
	background: #550202;
	color: #fff;
	height: auto;
margin-top: 20px;
	padding: 8px 16px;
	width: auto;
	float: right;
}

.navigationBottom a:first-child {
  float: left;
}
.navigationBottom a:last-child {
  float: right;
}


#sidebar{
	float: right;
	width: 302px;
}

#sidebarCategories{
float: left;
margin-bottom: 20px;
width: 100%;
}

#sidebarCategories li{
float: left;
width: 100%;
}

#sidebarCategories li a {
	float: left;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 2px;
	color: #2a3990;
	text-transform: uppercase;
}


#sidebar #contact{
	width: 100%;
	float: left;
	text-align: left;
}

#sidebar #contact h2 {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 22px;
	color: #313132;
}


#sidebar #contact p{
	float: left;
	width: 100%;
	margin-bottom: 8px;
	text-align: left;
	font-size: 14px;
	color: #231f20;
}

#sidebar #contact input[type="text"], #sidebar #contact input[type="email"], #sidebar #contact input[type="tel"], #sidebar #contact textarea {
	width: 94%;
	padding: 9px 3%;
	float: left;
	background-color: rgba(255,255,255,0.7);
	font-size: 13px;
	border: 1px solid #d0d0d0;
	box-shadow: ;
}

#sidebar #contact textarea{
	height: 100px;
}

#sidebar #contact input[type="submit"] {
	background: #2a3990;
	padding: 5px 20px;
	font-size: 14px;
	float: right;
	color: #fff;
}

div.wpcf7-response-output {
	margin: 10px 0px 0px 0px !important;
	padding: 0px !important;
	border: none !important;
	font-size: 12px !important;
	text-align: left;
}

span.wpcf7-not-valid-tip {
	font-size: 12px !important;
	float: left;
}



#whyUS {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

#whyUSInner {
	width: 790px;
	display: inline-block;
	background: url(https://interstate-transmission.com/wp-content/uploads/2024/06/GTK-Logo-june-2024.png) no-repeat center top;
	padding-top: 132px;
	background-size: 240px auto;
	margin-bottom: 15px;
}


#whyUSInner h3 {
	float: left;
	color: #444444;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
}

#whyUSInner p {
	float: left;
	color: #444444;
	font-size: 13px;
	width: 100%;
	text-align: center;
}

#whyUSSections {
	float: left;
	width: 100%;
	text-align: center;
	padding: 40px 0px 30px 0px;
	background: #fff;
    
}

#whyUSSections .WSsec {
	display: inline-block;
	margin: 0px 16px;
	width: 195px;
	/* background: #e1e1e1; */
	padding: 11px 6px 11px;
	/* border: 2px solid #fff; */
	/* box-shadow: 0px 0px 5px 0px #000; */
}

#whyUSSectionsInner {
	float: left;
	width: 100%;
}

#whyUSSections .WSsec i {
	color: #fff;
	border-radius: 100px;
	padding: 19px 10px 0px 10px;
	width: 70px;
	height: 71px;
	font-size: 47px;
}


#whyUSSections .WSsec h4 {
	float: left;
	margin-bottom: 8px;
	font-size: 20px;
	width: 100%;
	color: #444444;
	text-transform: uppercase;
	margin-top: 13px;
	font-weight: 400;
}

#whyUSSections .WSsec p {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #444444;
}


#GalleryMain {
	float: left;
	width: 100%;
	text-align: left;
}

#GalleryMain img {
	width: 100%;
	height: auto;
	min-height: 100%;
	transition: transform 10s;
}

#GalleryMain a:hover img {
transform: scale(1.5);
}


#GalleryMain a {
	display: inline-block;
	margin: 7px 9px 7px 0px;
	width: 380px;
	vertical-align: top;
	position: relative;
	font-size: 25px;
	height: 215px;
	overflow: hidden;
	box-shadow: 0px 0px 2px 0px #000;
	border: 3px solid rgba(255,255,255,0);
	text-align: center;
}

#GalleryMain a h4 {
	font-size: 23px;
	font-weight: 400;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	background: rgba(0,0,0,0.6);
	padding: 14px 0px;
	color: #fff;
}


#featuredMain {
	float: left;
	width: 100%;
	background: #000;
	padding: 20px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}

.featuredImgMain {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0.9;
	width: 100%;
	border-top: 3px solid #000;
}

#featuredMain h5 {
	float: left;
	margin-bottom: 8px;
	font-size: 43px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	margin-top: 13px;
	text-align: center;
	font-weight: 400;
position: relative;
}

#featured {
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
	text-align: center;
}

#featured .vg {
	display: inline-block;
	position: relative;
	color: #fff;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: rgb(42, 57, 144,1);
	padding: 7px 23px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #fff;
}

.wpcf7-form-control-wrap {
	position: relative;
	float: right;
	width: 100%;
}

#testimonials {
	float: left;
	width: 100%;
	position: relative;
	padding: 30px 0px;
	background: #fff;
	background-size: cover;
	text-align: center;
	border-top: 3px solid #2a3990;
	overflow: hidden;
	z-index: 1;
}

#testimonials * {
	color: #000 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal !important;
}

.featuredTMain {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0.1;
	width: 100%;
	height: auto;
}

#testimonials h5 {
	float: left;
	margin-bottom: 8px;
	font-size: 33px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	margin-top: 13px;
	font-weight: 400;
	margin-top: 30px;
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	z-index: 1000;
}

#testimonials .readmore {
	display: inline-block;
	font-size: 14px;
	color: #4d4d4d;
	padding-top: 20px;
	position: relative;
	color: #fff;
	text-decoration: underline;
}


#iconsC {
	float: left;
	width: 100%;
	text-align: center;
	background: #000;
	padding: 50px 0px;
	position: relative;
}

.iconsBg {
	min-width: 100%;
	height: auto;
	min-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 10%;
	opacity: 0.3;
	z-index: 0;
}

#iconsC h1 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 1;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 21px;
	font-weight: 600;
}

#iconsC p {
	float: left;
	width: 90%;
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	padding: 0px 5%;
	margin-bottom: 15px;
}


#iconsC div div {
	display: inline-block;
	margin: 22px 10px;
	text-align: center;
	width: 265px;
	max-width: 100%;
}

#iconsC div div svg {
	width: 78px;
	color: #fff !important;
	fill: #fff;
	height: 85px;
}

#iconsC div h3 {
	float: left;
	width: 100%;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
}

#map {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px 0px;
	border-top: 4px solid #000;
	display: flex;
	position: relative;
	border-bottom: 3px solid #2a3990;
}

#map iframe {
	float: left;
	width: 100%;
	height: 600px;
}
#mapInner {
	width: 1100px;
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

#MapDetails {
	position: absolute;
	width: 300px;
	height: 100%;
	margin: 0px 0px;
	background: rgb(42, 57, 144,0.9);
	padding: 0px 30px;
}

#MapDetails h3 {
	text-transform: uppercase;
	color: #fff;
	margin-top: 73px;
	font-size: 43px;
	font-weight: 300;
}
#MapDetails p {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 31px;
	margin-bottom: 19px;
	font-weight: 100;
	text-decoration: none;
}
#MapDetails p span {
	font-size: 36px;
}
#MapDetails a {
	background: #fff;
	color: rgba(84, 48, 24, 1);
	margin-top: -6px;
	float: none;
	padding: 10px 18px;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	width: 209px;
}
#MapDetails a span {
	font-size: 23px;
	font-weight: 400;
}






#abvf {
	float: left;
	width: 100%;
	padding: 26px 0px;
	background: #fff;
	text-align: center;
	background-size: cover;
	border-top: 4px solid #e3e3e3;
}
#abvf h2 {
	float: left;
	color: #3c3b3b;
	text-align: center;
	width: 100%;
	font-size: 33px;
	text-transform: uppercase;
	margin-bottom: 23px;
}
#abvf a {
	display: inline-block;
	margin: 0px 49px;
	vertical-align: middle;
}
#abvf a img {
	height: 68px;
	width: auto;
}




#footer {
	float: left;
	width: 100%;
	background: #2f2f2f;
	padding: 20px 0px;
	text-align: center;
}

#copyright {
	float: left;
	width: 100%;
	padding: 10px 0px;
	color: #fff;
	background: #000;
	text-align: center;
	font-size: 12px;
}

#copyright a{
text-decoration: underline;
color: #fff;
}

#footer .fsec {
	margin: 0px 47px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

#footer .fsec iframe{
width: 100%;
max-height: 140px;
}

#footer .fsec h5 {
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 16px;
	margin-bottom: 21px;
	border-bottom: 2px solid #fff;
}

#footer .fsec a, #footer .fsec p {
	color: #fff;
	font-size: 14px;
	width: 100%;
	float: left;
	margin-bottom: 3px;
	font-weight: 100;
font-weight: 500;
}

#footer .fsec a i, #footer .fsec p i {
	float: left;
	width: 31px;
	font-size: 17px;
	margin-bottom: 7px;
}


.flogo {
	width: 100%;
}
.flogo2 img{
display: inline-block;
width: 156px;
margin-top: 14px;
}

#contleft blockquote {
	float: left;
	width: 90%;
	padding: 15px;
	background: #fff;
	margin-bottom: 21px;
}

#contleft blockquote .fa-quote-left, #contleft blockquote .fa-quote-right{
color: #e3e3e3;
	font-size: 30px;
}

#contleft blockquote .fa-quote-left {
	float: left;
	margin: 12px;
}

#contleft blockquote .fa-quote-right {
	float: right;
}

#contleft blockquote p{
font-size: 14px;
}

#contleft blockquote .name {
	font-size: 12px !important;
	font-style: italic;
	float: none !important;
	width: 100%;
	text-align: right;
}

#DCPLSD {
	float: left;
	width: 100%;
	/* background: #f2f1f1; */
	margin-top: 4px;
	margin-bottom: 1px;
	padding: 39px 0px;
	position: relative;
	z-index: 5;
overflow: hidden;
}

#DCPLSD div:nth-of-type(odd), #DCPLSD div:nth-of-type(even){
float: left;
width: 100%;
margin-bottom: 4px;

}

#DCPLSD div:nth-of-type(odd) div, #DCPLSD div:nth-of-type(even) div{
width: 40%;
padding: 44px 5%;
}
#DCPLSD div:nth-of-type(2n+1) h2, #DCPLSD div:nth-of-type(2n) h2 {
	font-style: normal;
	font-size: 31px;
	margin-bottom: 10px;
	max-width: 100%;
	text-transform: uppercase;
	color: #3c3c3c;
}

#DCPLSD p {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #404040;
	line-height: 25px;
}

#DCPLSD div:nth-of-type(odd) ul, #DCPLSD div:nth-of-type(even) ul{
width: 100%;
}
#DCPLSD div:nth-of-type(odd) a, #DCPLSD div:nth-of-type(even) a{
background: #550202;
color: #fff;
padding: 8px 36px;
float: left;
margin: 0px 0px;
border-radius: 3px;
box-shadow: 0px 2px 2px -2px #000;
border: 1px solid rgba(255,255,255,0.5);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;

}
#DCPLSD div:nth-of-type(odd) ul li, #DCPLSD div:nth-of-type(even) ul li{
font-family: "Libre Baskerville", Arial, sans-serif;
font-style: normal;
font-weight: 400;
color: #333;
list-style-type: square;
float: left;
margin-left: 39px;
width: 38%;
line-height: 18px;
font-size: 14px;
margin-bottom: 11px;
}

#DCPLSD div:nth-of-type(odd) img{
float: left;
max-height: 440px;

width: 48%;
height: auto;
padding: 0.5%;
border: 1px solid #c6c6c6;
}

#DCPLSD div:nth-of-type(even) img{
float: right;
max-height: 440px;

width: 48%;
height: auto;
padding: 0.5%;
border: 1px solid #c6c6c6;
}

#TowingList{
width: 100%;
}
#TowingList li {
	list-style-type: disc !important;
	width: 40% !important;
	margin-left: 20px !important;
	margin-top: 5px;
	margin-bottom: -22px !important;
	float: left !important;
}


#RSList{
width: 100%;
}

#RSList div {
	width: 47%;
	float: left;
	margin-bottom: 11px;
	margin-top: 8px;
	height: 67px;
}


#BelowC {
	float: left;
	width: 100%;
	text-align: center;
	background: #fff;
	margin-top: -28px;
	padding-bottom: 12px;
}
#BelowC img {
	display: inline-block;
	vertical-align: center;
	margin: 2px 5px 17px 5px;
	max-width: 150px;
}

#AbtMain{
float: left;
width: 100%;
}
#AbtMain div {
	float: left;
	width: 348px;
	max-width: 100%;
}
#AbtMain div ul{
margin-left: 6px;
}




#profleSec {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 17px;
}

#profleSec a {
	display: inline-block;
	margin: 15px 15px;
	width: 320px;
	vertical-align: top;
	padding: 9px 9px 13px;
	text-align: left;
	transition: all 0.3s linear;
}

#profleSec a img {
	width: 255px;
	height: 300px;
	margin: 0px 0px 9px 0px;
transition: all 0.5s ease;
}

#profileSec *{
transition: all 0.5s ease;
}



#profleSec a h3 {
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 21px;
	padding-bottom: 0px;
	color: #0e192d;
	text-transform: uppercase;
	margin-bottom: 2px;
	text-align: center;
}

#profleSec a h4 {
	float: left;
	width: 100%;
	font-weight: 200;
	font-size: 16px;
	padding-bottom: 5px;
	color: #000;
	text-align: center;
}

#profleSec a span {
	width: 100%;
	font-size: 14px;
	color: #0e192d;
}


.bios {
	float: left;
	width: 96% !important;
}

.biosL {
	float: left;
	width: 350px !important;
}

.biosR {
	float: right;
	width: 725px !important;
	text-align: left;
	max-width: 100%;
    
}

.biosR h2 {
	text-transform: uppercase !important;
	font-weight: 400 !important;
	font-size: 42px !important;
	margin-bottom: 4px !important;
}

.biosR h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
    margin-bottom: 14px;
}


#profleSec {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 37px;
}

#profleSec a {
	display: inline-block;
	margin: 15px 15px;
	width: 320px;
	vertical-align: top;
	padding: 9px 9px 13px;
	text-align: left;
	transition: all 0.3s linear;
}

#profleSec a img {
	width: 100%;
	height: auto;
	margin: 0px 0px 9px 0px;
transition: all 0.5s ease;
}

#profileSec *{
transition: all 0.5s ease;
}

#profleSec a:hover img {
	width: 100%;
	height: auto;
	margin: -10px 10px 19px -10px;
transition: all 0.5s ease;
}

#profleSec a h3 {
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 21px;
	padding-bottom: 0px;
	color: #0e192d;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#profleSec a h4 {
	float: left;
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	padding-bottom: 5px;
	color: #000;
}

#profleSec a span {
	width: 100%;
	font-size: 14px;
	color: #0e192d;
}


.bios {
	float: left;
	width: 96% !important;
	}

.biosL {
	float: left;
	width: 350px !important;
}

.biosR {
	float: right;
	width: 725px !important;
	text-align: left;
	max-width: 100%;
    
}

.biosR h2 {
	text-transform: uppercase !important;
	font-weight: 400 !important;
	font-size: 42px !important;
	margin-bottom: 5px !important;
}

.biosR h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
    margin-bottom: 14px;
}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

#header {
    width: 96%;
    padding: 5px 2%;
}

#topbar {
    width: 96%;
    padding: 0px 2%;
}

#logo {
    float: left;
    width: 220px;
}

#logo img{
width: 100%;
}

#headerRight {
    width: 723px;
}

.ssf-blue a {
    padding: 11px 6px !important;
}

#services a {
    width: 475px;
    height: 239px;
}

#content {
    width: 96%;
    padding: 0px 2%;
}

#contleft {
    width: 652px;
}

#whyUSSections a {
    margin: 0px 20px;
    width: 189px;
}

#footer .fsec {
    margin: 0px 24px;
}




}



@media screen and (max-width: 1000px){


div[class^="amazingslider-title"] {
    font-size: 25px !important;
    font-weight: 700;
}
div[class^="amazingslider-description"] {
    font-size: 18px !important;
    font-weight: 600;
}
div[class^="amazingslider-text"]{
    padding: 0px !important;
}
.amazingsliderbutton {
    padding: 4px 15px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

div[class^="amazingslider-bottom-shadow"]{
display: none !important;
}

#whyUSSections .WSsec {
    margin: 0px 16px 16px 16px;
}

#whyUSSections {
    margin-top: 10px;
}

#whyUSInner h3 {
    line-height: 42px;
}

#HeaderMain{
position: static;
height: auto;
}
#HeaderInner{
position: static;
height: auto;
}

#sidebar #contact {
    padding-top: 22px;
}

#topbar {
    width: 96%;
    padding: 0px 2%;
display: none;
}

#header {
    text-align: center;
}

#logo {
    float: none;
    display: inline-block;
}

#headerRight {
    width: 100%;
display: none;
}

.nav, .sliderImgTransparent{
display: none;
}

.num {
    float: none;
    text-align: center;
    width: 100%;
display: none;
}

#slider{
min-height: auto;
}


#services {
    text-align: center;
}

#services a {
    width: 315px;
    height: auto;
    margin: 11px 0px 29px 0px;
    max-width: 88%;
}

#content {
    width: 96%;
    padding: 0px 2%;
text-align: center;
}

#TowingList li {
    width: 90% !important;
}

#PageGallery {
    width: 100%;
}

#GalleryMain {
    margin-bottom: 10px;
    text-align: center;
}
#PageDetails ul {
    margin-left: 10px;
}
#GalleryMain a {
    margin: 8px 3px;
    max-width: 300px;
}
#GalleryMain img {
    max-width: 100% !important;
}

#PageDetails {
    width: 100%;
    padding: 0px 0px 20px 0px;
}

#PageDetails ul {
    width: 85%;
}

.frame {
    padding: 2%;
}
#contleft img, iframe {
    max-width: 96%;
}

#contleft {
    width: 100%;
text-align: left;
}

#sidebar {
    float: none;
    width: 300px;
    max-width: 100%;
    display: inline-block;
}

#whyUS {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

#whyUSInner {
    width: 96%;
    display: inline-block;
    background: none;
    padding: 2%;
    padding-left: 2%;
}

#whyUSSections a {
    margin: 25px 20px 0px 20px;
}


#map {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
}


#mapInner {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    background-color: rgba(246,128,92,1);
    float: left;
    position: static;
    text-align: center;
}

#MapDetails {
    position: relative;
    width: 96%;
    height: 100%;
    margin: 0px 0px;
    display: inline-block;
    padding: 35px 2%;
}

#MapDetails h3 {
    margin-top: 0px;
font-size: 36px;
}


.blogAlign {
    text-align: center;
}
.blogAlign a {
    margin: 10px 10px 10px;
    height: auto;
    max-width: 300px;
}

.weatherLink {
    display: inline-block;
    float: none;
}

#DCPLSD {
    width: 96%;
    padding: 15px 2%;
}

#DCPLSD div:nth-of-type(odd) img, #DCPLSD div:nth-of-type(even) img {
    width: 100%;
    padding: 0px;
}

#DCPLSD div:nth-of-type(odd) div, #DCPLSD div:nth-of-type(even) div {
    width: 96%;
    padding: 44px 2%;
}

#AbtMain div ul {
    max-width: 90%;
}

#BelowC {
    margin-top: 5px;
}

#map iframe {
    max-width: 100%;
}

.flogo {
    max-width: 100%;
}

#abvf a {
    display: inline-block;
    margin: 0px 16px;
}

#footer .fsec {
    margin: 0px 2%;
    max-width: 96%;
}

#profleSec a {
    margin: 15px 0px;
    padding: 9px 0px 13px;
    max-width: 100%;
}

#RSList div {
    width: 100%;
height: auto;
}

#copyright {
    width: 96%;
    padding: 10px 2%;
}

}