
/*/GLOBAL/*/
html, body { height: 100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
p { margin: 0; padding: 0; }
.inverted { background-color: #ebebeb !important; color: #FFFFFF !important; }
.left { float: left !important; }
.right { float: right !important; }
.text-center { text-align: center !important; }
.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }
a { color: inherit; }
a:hover { color: #c2c2c2 !important; }
h1 { font-size: 3em; }
h2 { font-size: 2.25em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1em; }
h1, h2, h3, h4, h5 { font-weight: 300; }
hr { border: 1px solid #ebebeb; border-style: solid; max-width: 62.5em; }
/*/GRID/*/
.container { margin: 0 auto; max-width: 62.5em; padding: 16px 0; }
.container:after { clear: both; }
.container.collapse > .column { padding-left: 0; padding-right: 0; }
.container.collapse .container { margin-left: 0; margin-right: 0; }
.container .container { width: auto; margin-left: 0 -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; }
.container .container.collapse { width: auto; margin: 0; max-width: none; }
.column { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].last { float: left; }
@media only screen {
  .column { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
  .sm-1 { width: 8.33333%; }
  .sm-2 { width: 16.66667%; }
  .sm-3 { width: 25%; }
  .sm-4 { width: 33.33333%; }
  .sm-5 { width: 41.66667%; }
  .sm-6 { width: 50%; }
  .sm-7 { width: 58.33333%; }
  .sm-8 { width: 66.66667%; }
  .sm-9 { width: 75%; }
  .sm-10 { width: 83.33333%; }
  .sm-11 { width: 91.66667%; }
  .sm-12 { width: 100%; }
  .column.sm-center { margin-left: auto; margin-right: auto; float: none; }
  .column.sm-center:last-child { float: none; }
  .container.sm-collapse > .column { padding-left: 0; padding-right: 0; }
  .container.sm-collapse .container { margin-left: 0; margin-right: 0; }
  .container.sm-uncollapse > .column { padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
}
@media only screen and (min-width: 40em) {
  .md-1 { width: 8.33333%; }
  .md-2 { width: 16.66667%; }
  .md-3 { width: 25%; }
  .md-4 { width: 33.33333%; }
  .md-5 { width: 41.66667%; }
  .md-6 { width: 50%; }
  .md-7 { width: 58.33333%; }
  .md-8 { width: 66.66667%; }
  .md-9 { width: 75%; }
  .md-10 { width: 83.33333%; }
  .md-11 { width: 91.66667%; }
  .md-12 { width: 100%; }
  .column.md-center { margin-left: auto; margin-right: auto; float: none; }
  .column.md-center:last-child { float: none; }
  .container.md-collapse > .column { padding-left: 0; padding-right: 0; }
  .container.md-collapse .container { margin-left: 0; margin-right: 0; }
  .container.md-uncollapse > .column { padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
}
@media only screen and (min-width: 64em) {
  .lg-1 { width: 8.33333%; }
  .lg-2 { width: 16.66667%; }
  .lg-3 { width: 25%; }
  .lg-4 { width: 33.33333%; }
  .lg-5 { width: 41.66667%; }
  .lg-6 { width: 50%; }
  .lg-7 { width: 58.33333%; }
  .lg-8 { width: 66.66667%; }
  .lg-9 { width: 75%; }
  .lg-10 { width: 83.33333%; }
  .lg-11 { width: 91.66667%; }
  .lg-12 { width: 100%; }
  .column.lg-center { margin-left: auto; margin-right: auto; float: none; }
  .column.lg-center:last-child { float: none; }
  .container.lg-collapse > .column { padding-left: 0; padding-right: 0; }
  .container.lg-collapse .container { margin-left: 0; margin-right: 0; }
  .container.lg-uncollapse > .column { padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
}
h1, h2, h3, h4, #main, #slider { letter-spacing: 1px; }
body { background-color: #FFFFFF; color: #000; font-family: 'futura' , 'helvetica' , 'arial' , 'sans-serif'; font-weight: 400; font-size: 16px; line-height: 1.3; margin: 0; padding: 0; }
section .container { padding: 30px inherit; }
section h2 { margin-top: 0; }
.divider { background-image: url(../images/layout/divider-icon.svg); background-position: center; background-repeat: no-repeat; display: block; height: 60px; margin: 20px auto; max-width: 1000px; width: 100%; }


/*/MAIN NAV/*/

#main { background: rgba(255,255,255,.75); height: 107px; line-height: 70px; overflow: visible; z-index: 9999; }
#main .container { margin: 0px; padding: 0px; }

#main ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }
.main-nav-list { margin: 20px 70px; }
#main li { display: inline-block; font-size: 90%; line-height: 70px; margin-right: 10px; }

#main li:last-of-type { margin-right: 0 !important; }
#main li a { color: #000; text-decoration: none; }
#main li a:hover { color: #000080 !important; }


/*/ Sub Menu /*/
#main li ul { background: rgba(89,121,153,.75); line-height: 30px; margin: 0px; padding: 4px; }
#main li ul li a { color: #FFFFFF; line-height: 30px; margin: 2px; padding: 2px 8px; }
#main li ul li a:hover { background-color: #000080; color: #FFFFFF !important; }

/*/ Mobile /*/
#secondary, #secondary li { display: none; }

.title { }

.logo { background-color: #FFFFFF; height: 107px; padding: 0; padding-top: 15px;}
.logo span { background-image: url(../images/layout/logo.png); background-size: cover; background-repeat: no-repeat; display: block; margin: 0px; height: 81px; width: 312px; }

.menu-toggle { display: none !important; padding-top: 8px; padding-right: 10px; }
.menu-toggle span { background-image: url(../images/layout/toggle-icon.svg); background-size: cover; background-repeat: no-repeat; height: 20px; margin-top: 18px; width: 20px; }
/*/Footer/*/
footer { background-color: #597999; color: #ffffff; margin-top: 20px; }
footer .container { padding: 20px inherit; }
footer h4 { margin: 0 auto 20px; }
.copyright { padding: 20px 0; }
/*/MEDIA QUERIES/*/
@media only screen and (max-width: 40em) {
}
@media only screen and (max-width: 62.5em) {
  .menu-toggle { display: inline-block !important; height: 70px; }
  .menu-toggle span { display: block; }

  #secondary { background: rgba(0,0,0,.75); left: 0; height: 45%; min-height: 210px; overflow: hidden; position: absolute; text-align: left; top: 107px; width: 100%; z-index: 99; }
  #secondary ul { margin: 0; padding: 0; }
  #secondary li { color: #C2C2C2; display: block; height: 35px; line-height: 35px; padding-left: 10px; width: 100%; }
  #secondary li:first-of-type { border-top: 0; }
  #secondary a { text-decoration: none; }
  #secondary a:hover { color: #E1FFFF; }
  #secondary a.selected { color: #FFFFFF; }
}


/*/MEDIA QUERIES/*/
@media only screen and (max-width: 40em) {
  .title { width: 100%; }
  .divider { height: 50px; margin: 20px auto; }
  footer .column { margin-top: 30px; }
}
@media only screen and (max-width: 64em) {
  .main-nav-list { display: none; }
}


/*/ICOMOON/*/
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?-k115ua'); src: url('../fonts/icomoon.eot?#iefix-k115ua') format('embedded-opentype'), url('../fonts/icomoon.woff?-k115ua') format('woff'), url('../fonts/icomoon.ttf?-k115ua') format('truetype'), url('../fonts/icomoon.svg?-k115ua#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-facebook:before { content: "\ea8c"; }
.icon-instagram:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea91"; }
.icon-youtube3:before { content: "\ea99"; }
.icon-pinterest:before { content: "\ead0"; }
.icon-linkedin2:before { content: "\eac9"; }
/*/FONTS/*/
@font-face { font-family: 'futura'; src: url('../fonts/FuturaStd_Light.ttf'); src: url('../fonts/FuturaStd_Light.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd_Light.woff') format('woff'), url('../fonts/FuturaStd_Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'futura'; src: url('../fonts/Futura_Lt_It.ttf'); src: url('../fonts/Futura_Lt_It.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura_Lt_It.woff') format('woff'), url('../fonts/Futura_Lt_It.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'futura'; src: url('../fonts/Futura_Book.ttf'); src: url('../fonts/Futura_Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura_Book.woff') format('woff'), url('../fonts/Futura_Book.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'futura'; src: url('../fonts/FuturaStd_Medium.ttf'); src: url('../fonts/FuturaStd_Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd_Medium.woff') format('woff'), url('../fonts/FuturaStd_Medium.ttf') format('truetype'); font-weight: 600; font-style: normal; }
