/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto-v32-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts/roboto-v32-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/roboto-v32-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/roboto-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/roboto-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v32-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/roboto-v32-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



html						{height:100%}

body {padding:0;margin:0;margin: 0 auto;text-align:left;background-color:#0e1d3a;background-image: url(bg.jpg);background-position: center top;background-repeat:no-repeat;font-family: 'Roboto', sans-serif;font-weight: normal;color:#fff;    background-size: cover;}


#layout {margin: 0 auto;text-align:left;width:100%;max-width: 950px;}

img {border:0;border:none;}

#logo {margin:45px 0 0 0;text-align:center}
#logo img {max-width:100%}

#content {width:100%;margin:100px 0 0 0;float:left;}

.contentLeft {float:left;width:55%}
.contentRight {float:left;width:43%;margin-left:2%}

#footer {clear:left;float:left;margin:40px 0 30px 0;border-top:1px solid #576175;width:100%}
#ref {clear:left;float:left;margin:40px 0 30px 0;border-top:1px solid #576175;width:100%;padding-top:40px;}

h2 {color:#f97d04;font-size:80px;font-weight:bold}
h3 {font-size:43px;font-weight:400;line-height:45px}
h4 {font-size:40px;color:#a7aab3;font-weight:300;margin-top:30px;padding:0 20px;}
h5 {color:#f97d04;font-size:80px;font-weight:bold}
p, ul, li {font-size:28px;line-height:37px}
a, li {outline:0;color:#fff;font-size:28px;font-weight:300;text-decoration:none;}
p span {font-size:40px;font-weight:500;color:#f97d04;}

#footer a {color:#a6a8af}
#footer p, #footer ul {margin-top:12px}
#footer ul {}
#footer li, .contentRight li {float:left;margin: 0 16px 0 0}
.contentRight li span {    color: #f97d04;}
#footer h5 {margin-top:25px;    font-weight: bold;
    font-size: 80px;}
	.contentRight li {
    position: relative;
    padding: 0 0 0 19px;
}

#footer h6 {margin-top:25px;    font-weight: bold;
    font-size: 25px;color: #f97d04;}
	

.contentRight li:before {
    content: '';
    width: 12px;
    height: 2px;
    position: absolute;
    background: #f97d04;
    top: 25px;
    left: 2px;
}	
	
	.white {color:#fff !important;}

.end {clear:both;height:15px}

.mobile {display:none}

.clearer {
    height: 1px;
    clear: left;
}
.legal {clear:left;float:none;margin-top: 35px;
    /* border-top: 1px solid #576175; */
    padding-top: 20px;}
/* accordion container */
#accordion > div {
    padding: 20px;
}
#accordion h3 {    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 25px;
    border-bottom: 1px solid #576175;
    color: #939CAE;    
	padding: 5px 20px;
	position:relative;
	}


#accordion h3::after {
    content: "";
    border: solid currentColor;
    border-width: 0 .1em .1em 0;
    display: inline-block;
    padding: 0.3em;
    -ms-transform: scaleX(0.6) rotate(-45deg);
    -webkit-transform: scaleX(0.6) rotate(-45deg);
    transform: rotate(45deg);
    margin-bottom: 4px;
    position: absolute;
    right: 25px;
    top: 15px;
    color: rgba(255, 255, 255, 0.8);
}
	
	#accordion p, #accordion a, #accordion li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #a6a8af;
}
#accordion strong {font-weight:400;color:#fff}
#accordion li {float:none;padding-left:30px;}

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

#layoutSpacer {padding:26px}

#logo {margin:40px 0 0 0;}

#content {margin:50px 0 0 0;}

h2 {font-size:120px;}
h3 {font-size:40px;line-height:42px}
h4 {font-size:40px;margin-top:28px}
h5 {font-size:27px;}
p, ul, li {font-size:24px;line-height:32px}
a, li {font-size:24px;}
p span {font-size:36px;}

#footer p, #footer ul {margin-top:10px}
#footer li {margin: 0 14px 0 0}

}

@media only screen and (max-height: 800px){

#layoutSpacer {padding:0 26px}
#content {margin:30px 0 0 0;}
h2 {font-size:90px;}

}


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

#logo {margin:30px 0 0 0;}

#content {margin:50px 0 0 0;}

h2 {font-size:100px;}
h3 {font-size:30px;line-height:32px}
h4 {font-size:30px;margin-top:26px}
h5 {font-size:25px;}
p, ul, li {font-size:20px;line-height:26px}
a, li {font-size:20px;}
p span {font-size:32px;}

#footer p, #footer ul {margin-top:10px}
#footer li {margin: 0 14px 0 0}

}

@media only screen and (max-width: 800px){
#layoutSpacer {padding:30px}
.contentLeft {float:left;width:52%}
.contentRight {float:left;width:44%;margin-left:4%}
}


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

.desk {display:none}
.mobile {display:block}
.contentLeft, .contentRight {clear:left;float:none;width:100%;margin:0}

#content .contentRight {margin-top:15px}

#layoutSpacer {padding:20px}

#logo {margin:15px 0 0 0;text-align:left}
#logo img {max-width:80%}

#content {margin:30px 0 0 0;}

h2 {font-size:50px;}
h3 {font-size:25px;line-height:27px}
h4 {font-size:25px;margin-top:20px}


p, ul, li {font-size:19px;line-height:26px}
a, li {font-size:19px;}
p span {font-size:30px;}

#footer p, #footer ul {margin-top:10px}
#footer li {margin: 0 14px 0 0}


#footer .contentLeft p {line-height:40px}
#footer .contentLeft a.tel {font-weight:bold}

}