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

body {
	background-color: #ffffff;
	background-image: url();
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position:center top;
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1vw;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	padding: 10px;
	text-align: left;
	text-shadow: 1px 1px 4px #000000;
	width: 50%;
}
table {
	width: 100%;
	
}
/* Div classes */
#header{
	position: fixed;
	width: 100%;
	text-align: right;
	vertical-align: middle;
	line-height:normal;
	display:block;
	z-index: 7;
}

#header2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight:100;
	color: #000000;
	position: fixed;
	width: 100%;
	background: #FFF;
	text-align: left;
	border: thick;
	border-bottom-style:solid;
	border-bottom-color: #1f2253;
	vertical-align:middle;
	display:block;
	z-index: 6;
}



/* wrappers Classes */

.wrappernav {
    margin-left: auto;
	margin-right: auto;
	text-align: center;
    width: 100%;
	height:auto;
	max-height: 73px;
    border:none;
    overflow: hidden;
	background-image:url(images/svm-web-navbg.png);
	background-size: contain;
	background-repeat:repeat-x;
    position: fixed;
    top: 0;
	padding: 0;
	display: block;
	z-index: 1;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7);
}


.wrapper {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	height:auto;
	max-height: 1080px;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapperBGHome {
	background-image: url(images/tsc-homepage-bg3.png);
	background-size: 100% auto;
	background-color: #0090be;
	background-repeat:no-repeat;
	position: relative;
    width: 100%;
	max-width: 1920px;
    border:none;
	height:auto;
	text-align:left;
	overflow: inherit;
}

.wrapperBGHomeMap {
	background-image: url(images/tsc-homepage-bg-repeat.png);
	background-size: 100% auto;
	background-color: rgba(0,0,0,0.0);
	background-repeat:repeat;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
    width: 100%;
	max-width: 1920px;
    border:none;
	height:auto;
	text-align:center;
	overflow: inherit;
}
.wrapperBGSub {
	background-image: url(images/tsc-homepage-bg3.png), url(images/tsc-homepage-repeat.png);
	background-size: 100% auto;
	background-color: #0090be;
	background-repeat:no-repeat, repeat;
	position: relative;
    width: 100%;
	max-width: 1920px;
    border:none;
	height:auto;
	text-align:left;
	overflow: inherit;
}


.wrapperBGsubblue {
	background-image: url(images/tsc-homepage-repeat.png);
	background-size: 100% auto;
	background-color: #0090be;
	background-repeat:repeat;
	position: relative;
    width: 100%;
	max-width: 1920px;
    border:none;
	height:auto;
	text-align:center;
	overflow: inherit;
}

.wrapperHomeText {
    width: 60%;
	max-width: 1175px;
    border:none;
	text-align:left;
	margin: auto;
    display:block;
	top: 0; bottom: 0; left: 0; right: 0;
}
.wrapperHsubText {
    width: 65%;
	background-color: rgba(255,255,255,0.50);
	max-width: 1200px;
    border:none;
	text-align:left;
	margin: 0 3% 0;
	padding: 35px;
    display:block;
	top: 0; bottom: 0; left: 10%; right: 0;
}

.paddeddiv {
	margin: 0 auto;
	width: 95%;
	text-align: left;
	padding: 10px;
	
}

.wrapper60perc {
    width: 75%;
	max-width: 1175px;
    border:none;
	text-align:center;
	margin: auto;
    display:block;
	top: 0; bottom: 0; left: 0; right: 0;
}
.wrapper90perc {
    width: 90%;
	max-width: 1000px;
    border:none;
	text-align:center;
	margin: auto;
    display:block;
	top: 0; bottom: 0; left: 0; right: 0;
}
.wrapper90percnc {
    width: 95%;
	max-width: 1920px;
    border:none;
	text-align:left;
	margin: auto;
    display:block;
	top: 0; bottom: 0; left: 0; right: 0;
}

.wrapper70percnc {
    width: 100%;
	max-width: 624px;
    border:none;
	text-align:left;
	margin: auto;
    display:block;
	top: 0; bottom: 0; left: 0; right: 0;
}

.wrapper20height {
	width: 45vh;
	height: 30%;
    border:none;
	text-align:left;
	margin: auto;
    display:block;
	top: 0; bottom: 0; left: 0; right: 0;
}


.wrapperBGHomeBottom {
	background-image: url(images/tsc-homepage-content-bg-alamo.jpg);
	background-size: 100% auto;
	background-position:bottom;
	background-repeat: no-repeat;
	position: relative;
    width: 100%;
	max-width: 1920px;
    border:none;
	height:auto;
	text-align:center;
}

.wrapperBGHomeFooter {
	background: #262626; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#262626, #1e1e1e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#262626, #1e1e1e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#262626, #1e1e1e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#262626, #1e1e1e); /* Standard syntax */
	position: relative;
    width: 100%;
    border:none;
	height:auto;
	text-align:center;
	bottom: 0;
}

.videoWrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	top: 0; right: 0; 
    bottom: 0; left: 0;
    margin: auto; 
	overflow: hidden;
	z-index: -0;
}
.videoWrapper iframe {
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	width: 95%;
	height: 95%;
}


.videobg {
    margin-left: auto;
	margin-right: auto;
	text-align: center;
    width: 100%;
	height:100%;
	max-height: 852px;
    border:none;
    overflow: hidden;
	background-image:url(images/svm-web-05-video-002bg.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-color: #ffffff;
    top: 0;
	padding: 0;
	display: block;
}

.imgEckles {
	justify-content:center;
    width:100%;
	max-width: 1280px;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.spacer {
    margin-left: auto;
	margin-right: auto;
    width: 25%;
	height:150px;
    border:none;
    overflow: hidden;
	display: block;
}

.center {
	position: relative;
    width: 100%;
	max-width: 1920px;
    border:none;
	height:auto;
	text-align:center;
}


/* grid Classes */

.gridhome001, .gridhome, .gridhome002, .gridhome003, .gridhome004, .gridhome005, .gridhome006, .gridhome007, .gridhome008, .gridhome009 {
    width: 35.21%;
	max-width: 676px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
	z-index: 4;
}
.gridhome001 {
}
.gridhome {
    margin:0;
}
.gridhome002 {
    width: 38.39%;
    height: auto;
	max-width: 737px;
	z-index: 4;
}
.gridhome003 {
    width: 26.40%;
    height: auto;
	max-width: 507px;
	z-index: 4;
}
.gridhome004 {
    width: 35.21%;
    height: auto;
	max-width: 676px;
	z-index: 4;
}
.gridhome005 {
    width: 38.39%;
    height: auto;
	max-width: 737px;
	z-index: 4;
}

.gridhome006 {
    width: 26.40%;
    height: auto;
	max-width: 507px;
	z-index: 4;
}

.gridhome007 {
    width: 35.21%;
    height: auto;
	max-width: 676px;
	z-index: 4;
}
.gridhome008 {
    width: 38.39%;
    height: auto;
	max-width: 737px;
	z-index: 4;
}
.gridhome009 {
    width: 26.40%;
    height: auto;
	max-width: 507px;
	z-index: 4;
}


/* img Classes */

.imgMain {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.img100 {
	justify-content:center;
    width:100%;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}


.imgMulti {
	justify-content:center;
    width:100%;
	max-width:1280px;
    height: auto;
    margin: 0;
    display:block;
	float: none;
}


.imgMaintitles {
	justify-content:center;
    width:48.75%;
	max-width: 936px;
    height: auto;
    margin: 0;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.imgMainBG {
	position: absolute;
	z-index:1;
	width: 100%;
    min-width:100%;
    min-height: 100%;
    display:block;

}

.imgMainBG1 {
	position: absolute;
	z-index:2;
    width:100%;
	max-width: 1920px;
    height: auto;
	max-height: 1080px;
    margin: auto;
    display:block;

}

.imgMainBG2 {
	position:absolute;
	z-index: 3;
    width:100%;
	max-width: 1920px;
    height:auto;
	max-height: 1080px;
    display:block;

}
.imgMainMap {
	position: absolute;
	z-index:2;
    width:60%;
	max-width: 1175px;
    height: auto;
	max-height: 980px;
    display:block;
	top: 7%; bottom: 0; left: 10%; right: 0;
	-moz-box-shadow: 3px 5px 10px rgba(68,68,68,0.6);
  -webkit-box-shadow: 3px 5px 10px rgba(68,68,68,0.6);
	box-shadow:3px 5px 10px rgba(68,68,68,0.6);

}

.imgSubMap {
    width:95%;
	max-width: 1175px;
    height: auto;
    display:block;
	-moz-box-shadow: 3px 5px 10px rgba(68,68,68,0.6);
  -webkit-box-shadow: 3px 5px 10px rgba(68,68,68,0.6);
	box-shadow:3px 5px 10px rgba(68,68,68,0.6);

}

.imgLogo {
	justify-content:left;
	width: 25%;
    max-width:417px;
	min-width: 176px;
    height: auto;
	min-height: 22px;
    margin: 0;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.imgTexans {
	justify-content:center;
	width: 100%;
    max-width:628px;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.imgEnv {
	justify-content:center;
	width: 55%;
    max-width:500px;
	padding:10px;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: right;
	margin-top: 5%;
}
.imgEnv2 {
	justify-content:center;
	width: 55%;
    max-width:500px;
	padding:10px;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: left;
	margin-top: 0;
}

.imgSpace {
	justify-content:left;
	width: 5%;
    max-width:15px;
    height: auto;
    margin: 0;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.imgSpaceHead {
	justify-content:right;
	width: 3%;
    max-width:15px;
    height: 100%;
    right-margin: 0;
	text-align:right;
	vertical-align:top;
	float: none;
	margin-top: 0;
	z-index: 7;
}

.imgWAL {
	justify-content:center;
	width: 25%;
    max-width:186px;
    height: 25%;
	max-height: 186%;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

/* Text Classes */

h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	color: #000000;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:20px;
}

h2 {
	font-family: 'Orbitron', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #c30303;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #af8747;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}




.hometext {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	color: #1f2253;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:20px;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0);
}

.hometextpad {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	color: #1f2253;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:30px;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0);
}


.scripttext {
	font-family: "brush-script-std",sans-serif;
	font-size: 3vw;
	color: #1f2253;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	padding:35px;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0);
}

.subtextwhite {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:20px;
}

.regular_text_headline{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.7vw;
	color: #1f2253;
	font-weight:bold;
	font-style: normal;
	font-variant: normal;

	text-align: left;
	padding:0;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0);
}

.titles {
	font-family: 'Orbitron', sans-serif;
	font-size: 1.5vw;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-shadow: 1px 1px 4px #000000;
}

.bar {
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	font-weight:100;
	color: #1f2253;
	font-style: normal;
	font-variant: normal;
	line-height:normal;
	vertical-align:middle;
	display:inline-block;

}


.designbytext {
    font-family: 'Orbitron', sans-serif;
	font-size: .6vw;
	letter-spacing: 1px;
	color: #484848;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-decoration: none;
}
 .span {
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.51vh;
	font-weight:100;
	color: #ffffff;
	text-decoration: none;
	line-height:normal;
 
 }
 
.footertext {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.51vh;
	font-weight:100;
	color: #ffffff;
	text-decoration: none;
	line-height:normal;
}
.footerlegal {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.4vh;
	font-weight:100;
	color: #ffffff;
	text-decoration: none;
	line-height:normal;
}


/* links */

a:link {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	font-weight:100;
	color: #1f2253;
	text-decoration: none;
	line-height:normal;
	vertical-align:middle;
	display:inline-block;
}

a:visited {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	font-weight:100;
	color: #1f2253;
	text-decoration: none;
	vertical-align:middle;
	display:inline-block;
}

a:hover {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	font-weight:100;
	color: #bf1e2e;
	text-decoration: underline;
	vertical-align:middle;
	display:inline-block;
}

a:active {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
	font-weight:100;
	color: #1f2253;
	text-decoration: none;
	vertical-align:middle;
	display:inline-block;
}

a.footer:link {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.51vh;
	font-weight:100;
	color: #ffffff;
	text-decoration: none;
	line-height:normal;
}

a.footer:visited {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.51vh;
	font-weight:100;
	color: #ffffff;
	text-decoration: none;
}

a.footer:hover {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.51vh;
	font-weight:100;
	color: #cccccc;
	text-decoration: underline;
}

a.footer:active {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.51vh;
	font-weight:100;
	color: #ffffff;
	text-decoration: none;
}

a.designby:link {
    font-family: 'Orbitron', sans-serif;
	font-size: .6vw;
	letter-spacing: 1px;
	color: #484848;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

a.designby:visited {
    font-family: 'Orbitron', sans-serif;
	font-size: .6vw;
	letter-spacing: 1px;
	color: #484848;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

a.designby:hover {
    font-family: 'Orbitron', sans-serif;
	font-size: .6vw;
	letter-spacing: 1px;
	color: #bc5427;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

a.designby:active {
    font-family: 'Orbitron', sans-serif;
	font-size: .6vw;
	letter-spacing: 1px;
	color: #484848;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

/* lines */

.pxline {
height: 4px;
margin:auto;
background: #8b2228;
width: 70%;
font-size: 1px;
}
.pxlineWhite {
height: 1px;
background: #ffffff;
width: 50%;
font-size: 1px;
}

.pxlinered100 {
height: 7px;
background: #8b2228;
width: 100%;
font-size: 1px;
}

.pxlinewhite100 {
height: 8px;
background: #ffffff;
width: 100%;
font-size: 1px;
}

.pxlineblue100 {
height: 7px;
background: #1c2043;
width: 100%;
font-size: 1px;
}

.pxlinetscblue100 {
height: 3px;
background: #1f2253;
width: 100%;
font-size: 1px;
}

.pxlinetscblue75 {
height: 3px;
background: #1f2253;
width: 75%;
font-size: 1px;
}

.pxlinetscblue752 {
height: 2px;
margin:auto;
background: #1f2253;
width: 100%;
font-size: 1px;
}