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

body {
	background-color: #1a1d3a;
	background-image: url(images/underconstruction-bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	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 */

/* 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);
}


li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}


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

.wrapper2 {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	height: 100%;
    border:none;
    overflow: inherit;
	display: table;
}
.wrapperfooter {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	background-image:url(images/svm-web-footer-bg.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: top;
	background-color: #0c0c0c;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}
.wrapper100percentwbg {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	background-color: #ffffff;
	height:auto;
    border:none;
    overflow: hidden;
	display: block
}

.wrapperwhitegrad {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	background-image:url(images/svm-web-05-video-004u-bg.png);
	background-repeat: repeat-x;
	background-size: 100% auto;
	background-position: bottom;
	background-color: #ffffff;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrappertitles {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	background-image:url(images/svm-web-04-titles-bg.png);
	background-repeat: repeat-x;
	background-size: auto;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrappericons {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	background-color: #ffffff;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrappercontent {
    margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 100%;
	max-width: 1024px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapperbluebg {
    margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 100%;
	height:auto;
	background-color: #242948;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapperwhitebg {
    margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 100%;
	height:auto;
	background-color: #ffffff;
    border:none;
    overflow: hidden;
	display: block;
}

.wrappercamobg {
    margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 100%;
	height:auto;
	background-image:url(images/svm-sub-aboutus-camobg.png);
	background-repeat:repeat;
	background-color: #383838;
    border:none;
    overflow: hidden;
	display: block;
}

.wrappergreybg {
    margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 100%;
	height:auto;
	background-color: #393939;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapper1280 {
    margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 95%;
	height:auto;
	max-width: 1280px;
    border:none;
    overflow: hidden;
	display: block;
	padding: 15px 15px;
}


/* grid Classes */

.gridnav001, .gridnav, .gridnav002, .gridnav003, .gridnav004, .gridnav005, .gridnav006, .gridnav007, .gridnav008, .gridnav009 {
    width: 7.19%;
	max-width: 138px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridnav001 {
}
.gridnav {
    margin:0;
}
.gridnav002 {
    width: 9.32%;
    height: auto;
	max-width: 179px;
}
.gridnav003 {
    width: 11.2%;
    height: auto;
	max-width: 215px;
}
.gridnav004 {
    width: 6.98%;
    height: auto;
	max-width: 134px;
}
.gridnav005 {
    width: 20.57%;
    height: auto;
	max-width: 395px;
}

.gridnav006 {
    width: 7.92%;
    height: auto;
	max-width: 152px;
}

.gridnav007 {
    width: 2.76%;
    height: auto;
	max-width: 53px;
}
.gridnav008 {
    width: 2.86%;
    height: auto;
	max-width: 55px;
}
.gridnav009 {
    width: 15.26%;
    height: auto;
	max-width: 293px;
}


.gridf, .grid, .gridm, .gridn, .grido, .gridp, .gridl {
    width: 15.21%;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridf {
}
.grid {
    margin:auto;
}
.gridm {
    width: 34.53%;
    height: auto;

}
.gridn {
    width: 34.69%;
    height: auto;

}
.grido {
    width: 15.57%;
    height: auto;

}

.gridmidicons001, .gridmidicons, .gridmidicons002, .gridmidicons003, .gridmidicons004, .gridmidicons005, .gridmidicons006, .gridmidicons007, .gridmidicons008, .gridmidicons009, .gridmidicons010 {
    width: 15.21%;
    height: auto;
	max-width: 292px;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridmidicons001 {
}
.gridmidicons {
    margin:auto;
}
.gridmidicons002 {
    width: 23.33%;
    height: auto;
	max-width: 448px;

}
.gridmidicons003 {
    width: 22.71%;
    height: auto;
	max-width: 436px;

}
.gridmidicons004 {
    width: 23.13%;
    height: auto;
	max-width: 444px;

}
.gridmidicons005 {
    width: 15.57%;
    height: auto;
	max-width: 299px;

}
.gridmidicons006 {
    width: 15.57%;
    height: auto;
	max-width: 292px;

}
.gridmidicons007 {
    width: 15.57%;
    height: auto;
	max-width: 292px;

}
.gridmidicons008 {
    width: 15.57%;
    height: auto;
	max-width: 292px;

}
.gridmidicons009 {
    width: 15.57%;
    height: auto;
	max-width: 292px;

}
.gridmidicons010 {
    width: 15.57%;
    height: auto;
	max-width: 292px;

}


.gridvideo001, .gridvideo, .gridvideo002, .gridvideo003 {
    width: 15.21%;
    height: auto;
	max-width: 292px;
    display:block;
    float: left;
    margin: auto;
	background-color: #ffffff;
	text-align: center;
}
.gridvideo001 {
}
.gridvideo {
    margin:auto;
}
.gridvideo002 {
    width: 69.22%;
    height: auto;
	max-width: 1329px;
	background-image:url(images/svm-web-05-video-002bg.png);
	background-size: contain;
	background-repeat: repeat-x;
	background-color: #ffffff;
	text-align: center;

}
.gridvideo003 {
    width: 15.57%;
    height: auto;
	max-width: 299px;
	background-color: #ffffff;

}



.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;
}

.gridfooternav001, .gridfooternav, .gridfooternav002, .gridfooternav003, .gridfooternav004, .gridfooternav005, .gridfooternav006, .gridfooternav007 {
    width: 22.6%;
    height: auto;
	max-width: 434px;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridfooternav001 {
}
.gridfooternav {
    margin:auto;
}
.gridfooternav002 {
    width: 6.77%;
    height: auto;
	max-width: 130px;

}
.gridfooternav003 {
    width: 9.58%;
    height: auto;
	max-width: 184px;

}
.gridfooternav004 {
    width: 10.99%;
    height: auto;
	max-width: 211px;

}
.gridfooternav005 {
    width: 6.82%;
    height: auto;
	max-width: 131px;

}
.gridfooternav006 {
    width: 20.42%;
    height: auto;
	max-width: 392px;

}
.gridfooternav007 {
    width: 22.81%;
    height: auto;
	max-width: 438px;

}

.gridfooterco001, .gridfooterco, .gridfooterco002, .gridfooterco003, .gridfooterco004 {
    width: 15.21%;
    height: auto;
	max-width: 292px;
    display:block;
    float: left;
    margin: auto;
}
.gridfooterco001 {
}
.gridfooterco {
    margin:auto;
}
.gridfooterco002 {
    width: 34.79%;
    height: auto;
	max-width: 668px;
	

}
.gridfooterco003 {
    width: 34.43%;
    height: auto;
	max-width: 661px;

}
.gridfooterco004 {
    width: 15.57%;
    height: auto;
	max-width: 299px;

}

.textbox {
width: 90%;
height: auto;	
}

.gridfooterseal001, .gridfooterseal, .gridfooterseal002, .gridfooterseal003 {
    width: 15.21%;
    height: auto;
	max-width: 292px;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridfooterseal001 {
}
.gridfooterseal {
    margin:auto;
}
.gridfooterseal002 {
    width: 69.22%;
    height: auto;
	max-width: 1329px;

}
.gridfooterseal003 {
    width: 15.57%;
    height: auto;
	max-width: 299px;

}






.center {
	margin: auto;
}
.gbox {
width: 96%;
background-color: #d0d0d0;
padding: 20px;
}


/* img Classes */

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

.imgVidbg {
	width: 100%;
	height: auto;
	max-height: 852px;
    margin: 0;
    display:block;
	text-align:center;
	margin-top: 0;
	overflow:hidden;
}





/* Text Classes */

h1 {
	font-family: 'Orbitron', sans-serif;
	font-size: 120%;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
}

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;
}


p {
	font-family: 'Orbitron', sans-serif;
  font-weight:400;
	font-size: 16px;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
}

.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;
}
.titlesred {
	font-family: 'Orbitron', sans-serif;
	font-size: 1.5vw;
	color: #c30303;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-shadow: 1px 1px 4px #000000;
}

.titlesgrey {
	font-family: 'Orbitron', sans-serif;
	font-size: 1.5vw;
	color: #333333;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
}

.headlines {
	font-family: 'Orbitron', sans-serif;
	font-size: 1.63vw;
	letter-spacing: 1px;
	color: #353535;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
}

.headlinesblue {
	font-family: 'Orbitron', sans-serif;
	font-size: 1.63vw;
	letter-spacing: 1px;
	color: #212864;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
}

.base {
	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;
}

.basegrey {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1vw;
	color: #333333;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	padding: 10px;
	text-align: left;
}

.basebold {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1.2vw;
	color: #181c3f;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	padding: 10px;
	text-align: left;
}
.foot {
	font-family: 'Orbitron', sans-serif;
	font-size: .65vw;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-shadow: 1px 1px 4px #000000;
}

.jumptotext {
    font-family: 'Orbitron', sans-serif;
	font-size: .7vw;
	letter-spacing: 1px;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

.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;
}

/* links */

a:link {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}

a:active {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #333333;
	font-weight: bold;
	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;
}

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

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

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

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



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

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

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

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

a.titlelink:link {
	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;
}

a.titlelink:visited {
	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;
}

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

a.titlelink:active {
	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;
}

a.thin:link {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:200;
	font-size: 22px;
	color: #af8747;
	line-height:35px;
}

a.thin:visited {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight:200;
	font-size: 22px;
	color: #af8747;
	line-height:35px;
}

a.thin:hover {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:200;
	font-size: 22px;
	color: #cccccc;
	text-decoration:none;
	line-height:35px;
}

a.thin:active {
    font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;
	font-size: 22px;
	color: #af8747;
	line-height:35px;
}

a.jumpto:link {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .7vw;
	letter-spacing: 1px;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

a.jumpto:visited {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .7vw;
	letter-spacing: 1px;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

a.jumpto:hover {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .7vw;
	letter-spacing: 1px;
	color: #cccccc;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	text-align: left;
	padding:10px;
	text-decoration: underline;
}

a.jumpto:active {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .7vw;
	letter-spacing: 1px;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	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;
}
