/*FONTS*/
@font-face { font-family: 'Swiss'; src: url("fonts/2EF193_0_0.eot"); src: url("fonts/2EF193_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EF193_0_0.woff2") format("woff2"), url("fonts/2EF193_0_0.woff") format("woff"), url("fonts/2EF193_0_0.ttf") format("truetype"); }
@font-face { font-family: 'SwissMedium'; src: url("fonts/2EF193_0_0.eot"); src: url("fonts/2EF193_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EF193_0_0.woff2") format("woff2"), url("fonts/2EF193_0_0.woff") format("woff"), url("fonts/2EF193_0_0.ttf") format("truetype"); }
@font-face { font-family: 'SwissBold'; src: url("fonts/2EF193_1_0.eot"); src: url("fonts/2EF193_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EF193_1_0.woff2") format("woff2"), url("fonts/2EF193_1_0.woff") format("woff"), url("fonts/2EF193_1_0.ttf") format("truetype"); }

@font-face {
     font-family: Cervo;
     src: local("?"), url(fonts/Cervo-Medium.woff2) format("woff2"), url(fonts/Cervo-Medium.woff) format("woff"), url(fonts/Cervo-Medium.ttf) format("truetype");
     font-weight: 400;
}
 @font-face {
     font-family: Swiss721BT;
     src: local("?"), url(fonts/Swiss721BT-Bold.woff2) format("woff2"), url(fonts/Swiss721BT-Bold.woff) format("woff"), url(fonts/Swiss721BT-Bold.ttf) format("truetype");
     font-weight: 700;
}
 @font-face {
     font-family: Swiss721BT;
     src: local("?"), url(fonts/Swiss721BT-Medium.woff2) format("woff2"), url(fonts/Swiss721BT-Medium.woff) format("woff"), url(fonts/Swiss721BT-Medium.ttf) format("truetype");
     font-weight: 500;
}
 @font-face {
     font-family: Swiss721BT;
     src: local("?"), url(fonts/Swiss721BT-Roman.woff2) format("woff2"), url(fonts/Swiss721BT-Roman.woff) format("woff"), url(fonts/Swiss721BT-Roman.ttf) format("truetype");
     font-weight: 400;
}


h1, h2, h3, h4, h5, body, dt, dd, p, a, span, li, input { font-weight: 400; font-family: SwissMedium, Arial, Helvetica, sans-serif; color: #666666; font-size: 14px; line-height: 140%; }
dt, dd, p, a, span, li { font: inherit; color: inherit; }

h1, h2, h3, h4, h5 { line-height: 120%; font-family: Cervo, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px; color: #00aeef; }

h2 { font-size: 1.8rem; }
h3, h4 { color: #00aeef; padding: 12px 0; border-top: 1px solid rgba(54, 78, 114, 0.1);
		border-bottom: 1px solid rgba(54, 78, 114, 0.1); font-size: 2.5rem; text-align: left; margin-bottom: 40px; }

h4 { color: #364e72; font-size: 2.35rem; margin-top:40px; }
p { margin-bottom: 10px; }
	p:last-child { margin-bottom: 0; }
b, strong { font-family: SwissBold; }
a { font-size: inherit; cursor: pointer; text-decoration: none; color: inherit; font-family: inherit; }
	a:hover, a:visited { text-decoration: none; }
	a:hover, a:active, a:focus { outline: none !important; }


html {
	font-size: calc(1em * .625);
}

body {
     text-align: left;
     color: rgb(102, 102, 102);
     line-height: 1.4;
     letter-spacing: 0px;
     font-family: Swiss721BT,Tahoma,Geneva,sans-serif;
     font-size: 1.4rem;
     font-weight: 400;
}

@media (min-width: 768px) {

}
@media (min-width: 1024px) {

	h1, h1 *, h1 { font-size: 5rem; margin-bottom: 50px; }
	h2 { font-size: 2em; font-size: 2.2rem; }
}

#verinfo {
	font-size:0.7em;
	color: rgb(198, 198, 198);
}




/*SITE WIDE DEFAULTS*/

.right { float: right; }
.left { float: left; }
.hide { display: none; }
.show { display: inline; }

/*tablet*/
@media (min-width: 768px) {
	.hide-t { display: none; }
	.show-t { display: inline; }
}
/*desktop & ipad landscape*/
@media (min-width: 1024px) {
	.hide-d { display: none; }
	.show-d { display: inline; }
}

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.center { text-align: center !important; }

/*tablet*/
@media (min-width: 768px) {
	.center-t { text-align: center !important; }
	.text-left-t { text-align: left !important; }
	.text-right-t { text-align: right !important; }
}
/*desktop & ipad landscape*/
@media (min-width: 1024px) {
	.center-d { text-align: center !important; }
	.text-left-d { text-align: left !important; }
	.text-right-d { text-align: right !important; }
}
.clear { width: 100%; clear: both; float: none; height: 0; }




/*FORM LAYOUTS*/

.inner { width: 100%; padding: 0 0 20px; }
@media (min-width: 480px) {
	.inner { padding: 0 0 40px; }
}

@media (min-width: 600px) {
	dl { padding: 0 50px; }
}
dl dd, dl dt { padding: 0 0 10px 0; text-align: left; }
dl dd input, dl dd select { width: 100%; min-width: 100% !important; }
@media (min-width: 1024px) {
	dl dd input, dl dd select { width: 100%; }
}
dl dt { clear: left; }
@media (min-width: 480px) {
	dl dt { padding: 10px 0; }
}
dl dt label span { color: #FF0000; }
dl dd { clear: right; min-height: 30px; }
@media (min-width: 480px) {
  dl dd + dd { min-height: 0; padding: 0; }
}


/* TGG RESETS */


 * {
     box-sizing: border-box;
}
 ::after {
     box-sizing: border-box;
}
 ::before {
     box-sizing: border-box;
}
 html {
     font-size: calc(1em * .625);
     -ms-overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     -webkit-text-size-adjust: 100%;
}
 body {
     margin: 0px;
     padding: 0px;
}
 div {
     margin: 0px;
     padding: 0px;
}
 input {
     margin: 0px;
     padding: 0px;
}
 label {
     margin: 0px;
     padding: 0px;
}
 p {
     margin: 0px;
     padding: 0px;
}
 select {
     margin: 0px;
     padding: 0px;
}
 p {
     line-height: 1.5;
     margin-bottom: 1rem;
}
 input {
     -webkit-tap-highlight-color: transparent;
}
 label {
     -webkit-tap-highlight-color: transparent;
}
 select {
     -webkit-tap-highlight-color: transparent;
}



/* BUTTONS */

input, input[type=submit] { font-family: Cervo, Arial, Helvetica, sans-serif; line-height: 120%; font-size: 3rem; text-align: left; color: #364e72; }


input[type=submit] { 
	font-size: 3rem; display: inline-block; 
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding:.3rem 2.1rem .2rem;
	border: none; outline: none;   cursor: pointer; 
	text-transform: uppercase; text-align: center; 
	-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
input[type=submit] { 
	color: #fff; background: #f16980;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; 
}

input[type=submit]:hover { background: #ed3a59; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }





/* TGG FORM INPUT STYLES */

 ::selection {
     background: rgb(0, 159, 223);
}

 #FormContainer input {

}

 input[type=text] {
     font-size: 16px;

}

/* CHECKBOXS */

 #FormContainer .checkbox {
     /* margin-left: 5rem; */
     display: inline-block;
     position: relative;
     padding-bottom:10px;
}

 #FormContainer .checkbox .tick {
     border: 0.1rem solid rgb(214, 214, 214);
     transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
     border-image: none;
     left: -0.1rem;
     top: -0.1rem;
     width: 2.2rem;
     height: 2.2rem;
     display: block;
     position: absolute;
     cursor: pointer;
     pointer-events: none;
     background-color: rgb(243, 243, 244);
     -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}


 #FormContainer .checkbox .tick::after {
     background: 0px 0px;
     border-width: medium medium 0.3rem 0.3rem;
     border-style: none none solid solid;
     border-color: currentColor currentColor rgb(0, 159, 223) rgb(0, 159, 223);
     transition:border-color 0.15s ease-in-out;
     border-image: none;
     left: 0.4rem;
     top: 0.5rem;
     width: 1.3rem;
     height: 0.7rem;
     position: absolute;
     content: "";
     opacity: 0;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -webkit-transition: border-color .15s ease-in-out;
}


#FormContainer .checkbox label {
	text-indent:0px;
	padding-left: 3rem;
	display: block;
	position: relative;
	cursor: pointer;
}

 #FormContainer .checkbox input[type=checkbox] {
     left: 0.2rem;
     top: 0.2rem;
     position: absolute;
}



 #FormContainer .checkbox input[type=checkbox]:active ~ .tick {
     border-color: rgb(0, 159, 223);
}

 #FormContainer .checkbox input[type=checkbox]:focus ~ .tick {
     border-color: rgb(0, 159, 223);
}
 #FormContainer .checkbox input[type=checkbox]:hover ~ .tick {
     border-color: rgb(0, 159, 223);
}

 #FormContainer .checkbox input[type=checkbox]:checked ~ .tick {
     border: 0.1rem solid rgb(0, 159, 223);
     border-image: none;
     background-color: rgb(0, 159, 223);
}

 #FormContainer .checkbox input[type=checkbox]:checked:active ~ .tick {
     border-color: rgb(49, 71, 107);
}

 #FormContainer .checkbox input[type=checkbox]:checked ~ .tick::after {
     border-color: rgb(255, 255, 255);
     opacity: 1;
}

/* RADIOS */


 #FormContainer .radio {
     /* margin-left: 5rem; */
     display: inline-block;
     position: relative;
     padding-bottom:10px;
}

 #FormContainer .radio .tick {
     border: 0.1rem solid rgb(214, 214, 214);
     transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
     border-image: none;
     left: -0.1rem;
     top: -0.1rem;
     width: 2.2rem;
     height: 2.2rem;
     display: block;
     position: absolute;
     cursor: pointer;
     pointer-events: none;
     background-color: rgb(243, 243, 244);
     -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}

 #FormContainer .radio .tick::after {
     background: 0px 0px;
     border-width: medium medium 0.3rem 0.3rem;
     border-style: none none solid solid;
     border-color: currentColor currentColor rgb(0, 159, 223) rgb(0, 159, 223);
     transition:border-color 0.15s ease-in-out;
     border-image: none;
     left: 0.4rem;
     top: 0.5rem;
     width: 1.3rem;
     height: 0.7rem;
     position: absolute;
     content: "";
     opacity: 0;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -webkit-transition: border-color .15s ease-in-out;
}

 #FormContainer .radio label {
     text-indent: 0px;
     padding-left: 3rem;
     display: block;
     position: relative;
     cursor: pointer;
}

 #FormContainer .radio input[type=radio] {
     left: 0.2rem;
     top: 0.2rem;
     position: absolute;
}

 #FormContainer .radio input[type=radio]:active ~ .tick {
     border-color: rgb(0, 159, 223);
}
 #FormContainer .radio input[type=radio]:focus ~ .tick {
     border-color: rgb(0, 159, 223);
}
 #FormContainer .radio input[type=radio]:hover ~ .tick {
     border-color: rgb(0, 159, 223);
}

 #FormContainer .radio input[type=radio]:checked ~ .tick {
     border: 0.1rem solid rgb(0, 159, 223);
     border-image: none;
     background-color: rgb(0, 159, 223);
}

 #FormContainer .radio input[type=radio]:checked ~ .tick::after {
     border-color: rgb(255, 255, 255);
     opacity: 1;
}

 #FormContainer .radio input[type=radio]:checked:active ~ .tick {
     border-color: rgb(49, 71, 107);
}
 #FormContainer .radio input[type=radio]:checked:focus ~ .tick {
     border-color: rgb(49, 71, 107);
}
 #FormContainer .radio input[type=radio]:checked:hover ~ .tick {
     border-color: rgb(49, 71, 107);
}



 #FormContainer .radio .tick {
     border-color: rgb(214, 214, 214);
     border-radius: 50%;
     background-color: rgb(243, 243, 244);
}

 #FormContainer .radio .tick::after {
     border-radius: 50%;
     border: currentColor;
     border-image: none;
     left: 50%;
     top: 50%;
     width: 1.4rem;
     height: 1.4rem;
     position: absolute;
     transform: translate(-50%, -50%);
     background-color: rgb(0, 159, 223);
     -webkit-transform: translate(-50%, -50%);
}

 #FormContainer .radio input[type=radio]:checked:active + .tick::after {
     opacity: 0.8;
}
 #FormContainer .radio input[type=radio]:checked:focus + .tick::after {
     opacity: 0.8;
}
 #FormContainer .radio input[type=radio]:checked:hover + .tick::after {
     opacity: 0.8;
}
 #FormContainer .radio input[type=radio]:checked + .tick {
     border: 0.1rem solid rgb(0, 159, 223);
     border-image: none;
     background-color: rgb(255, 255, 255);
}
 #FormContainer .radio input[type=radio]:checked + .tick::after {
     opacity: 1;
     background-color: rgb(0, 159, 223);
}


/* SELECTS */

 #FormContainer .select {
     position: relative;
}
 #FormContainer .select .tick {
     border-width: 0.75rem 0.5rem 0px;
     border-style: solid;
     border-color: rgb(0, 159, 223) transparent transparent;
     transition:0.15s ease-in-out;
     top: 50%;
     width: 0px;
     height: 0px;
     right: 1rem;
     position: absolute;
     z-index: 0;
     content: "";
     pointer-events: none;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -webkit-transition: all .15s ease-in-out;
}
 #FormContainer .select select {
     border-width: 0.1rem 0.1rem 0.1rem 0.5rem;
     border-style: solid;
     border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214) rgb(0, 159, 223);
     padding: 1rem 3rem 1rem 1rem;
     outline: 0px;
     border-radius: 0px;
     transition:0.15s ease-in-out;
     border-image: none;
     width: 100%;
     color: rgb(54, 78, 114);
     line-height: 1.15;
     font-family: Cervo,Arial,Verdana;
     font-size: 1.8rem;
     cursor: pointer;
     background-color: rgb(255, 255, 255);
     -moz-appearance: none;
     -webkit-appearance: none;
     -webkit-transition: all .15s ease-in-out;
}
 #FormContainer .select select::-ms-expand {
     display: none;
}
 #FormContainer .select select:active {
     border-left-color: rgb(0, 124, 177);
}
 #FormContainer .select select:focus {
     border-left-color: rgb(0, 124, 177);
}
 #FormContainer .select option:disabled {
     color: rgb(0, 0, 0) !important;
     text-decoration: line-through;
     cursor: default;
}

/* INPUTS */

 #FormContainer input[type=text] {
     border-width: 0.1rem 0.1rem 0.1rem 0.5rem;
     border-style: solid;
     border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214) rgb(0, 159, 223);
     padding: 1rem;
     outline: 0px;
     border-radius: 0px;
     transition:0.15s ease-in-out;
     border-image: none;
     width: 100%;
     height: 4.5rem;
     color: rgb(54, 78, 114);
     line-height: normal;
     font-family: Cervo,Arial,Verdana;
     font-size: 1.8rem;
     box-shadow: none;
     background-color: rgb(255, 255, 255);
     -moz-appearance: none;
     -webkit-appearance: none;
     -webkit-transition: all .15s ease-in-out;
}
 #FormContainer input[type=text]:active {
     border-left-color: rgb(0, 124, 177);
}
 #FormContainer input[type=text]:focus {
     border-left-color: rgb(0, 124, 177);
}
 #FormContainer input[type=text]:-ms-input-placeholder:focus {
     color: rgb(214, 214, 214);
}
 #FormContainer input[type=text]:-ms-input-placeholder {
     color: rgb(186, 160, 179);
     opacity: 1;
}
 #FormContainer input[type=text]:invalid {
     box-shadow: none;
}
 #FormContainer input[type=text]::-ms-clear {
     display: none;
}