@font-face{font-family:'FontAwesome';font-style:normal;font-weight:300;src:url(fonts/fa-light-300.eot);src:url(fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(fonts/fa-light-300.woff2) format("woff2"),url(fonts/fa-light-300.woff) format("woff"),url(fonts/fa-light-300.ttf) format("truetype"),url(fonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:400;src:url(fonts/fa-regular-400.eot);src:url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(fonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesomeB';font-style:normal;font-weight:400;src:url(fonts/fa-brands-400.eot);src:url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-brands-400.woff2) format("woff2"),url(fonts/fa-brands-400.woff) format("woff"),url(fonts/fa-brands-400.ttf) format("truetype"),url(fonts/fa-brands-400.svg#fontawesome) format("svg")}
*:before,*:after{font-family: 'FontAwesome'; font-weight: 900}
*{box-sizing: border-box}
::placeholder {color: #000;opacity: 1;}
:-ms-input-placeholder {color: #000;}
::-ms-input-placeholder {color: #000;}
.clearfix:after{content:''; display: table; clear: both}
.cleaner{width: 0; height: 0; font-size: 0; line-height: 0; clear: both}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0 0 0.6em; font-weight: 700; color: #f39200; text-transform: uppercase; }
h1{font-size: 48px;margin-bottom: 1em;}
h2{font-size: 48px}
h3{font-size: 40px;}
p{padding: 0; margin: 0 0 1.8em; line-height: 1.5em}
a{color: inherit;text-decoration: underline}
a:hover{color: inherit; text-decoration: none}
img,iframe,svg,object{max-width: 100%}
object{pointer-events: none} 
.twoCols .col{width: 46%; margin-right: 4%; float: left}
.twoCols .col:nth-child(2n){margin-right: 0}
.twoCols.l30>.col:nth-child(1){width: 30%}
.twoCols.l30>.col:nth-child(2){width: 66%}
.threeCols .col{width: 32%; margin-right: 2%; float: left}
.threeCols .col:nth-child(3n){margin-right: 0} 
.fiveCols .col{width: 19%;float: left; margin-right: 1.25%}
.fiveCols .col:nth-child(5){margin-right: 0}
body{padding: 0; margin: 0; background: #fff; font-family: 'Open Sans',sans-serif; height: 100%; font-size: 30px; min-width: 340px; color: #010101}
.inner{max-width: 2800px; width: 96%; margin: 0 auto;}
header{height: 420px;border-bottom: 2px solid #f5a833; position: relative; z-index: 3}
.topPart{height: 260px; border-bottom: 2px solid #f5a833; width: 100%}
.bmenu{height: 160px; width: 100%}
.logo{float: left; margin-left: 2%; margin-top: 20px}
.rpart{float: right; width: calc(92% - 302px);}
.cta{float: right; margin-top: 40px}
.cta a{float: left;text-decoration: none}
.cta a.or{margin-right: 20px; border:4px solid #fbd9a6; display: inline-block; text-transform: uppercase; font-weight: 700; padding: 8px 30px}
.cta a.por{padding: 10px 0; display: inline-block; font-weight: 700}
.soc{float: right; margin-right: 0; margin-top: 40px}
.soc a,.soc span{font-size: 0; text-decoration: none; float: left;}
.soc span.wifi{margin-right: 32px}
.soc a:before,.soc span:before{font-size: 40px;}
.soc span.wifi:before{content:'\f1eb';}
.soc a.fb:before{content:'\f082'; font-family: 'FontAwesomeB'; color: #3d5a98}
.menu{float: left; width: 90%; margin-top: 36px}
.menu>a{display: none}
.menu>ul{list-style: none; margin: 0; padding: 0; display: table; table-layout: fixed; width: 100%;text-align: center}
.menu>ul>li{margin:0 0px 0 0; padding: 0; display: table-cell}
.menu>ul>li>a{display: block; height: 58px; line-height: 58px; text-decoration: none; text-transform: uppercase; padding: 0; width: 80%; margin-left: auto; margin-right: auto; background: #fbd9a6;text-transform: uppercase}
.menu>ul>li.selected>a,.menu>ul>li>a:hover{background: #f5a833; color: #fff}
.bmenu .inner{max-width: 2600px;text-align: center; width: 100%}
.bmenu ul{display: table; margin: 40px 0 0; padding: 0; list-style: none; table-layout: fixed; width: 100%}
.bmenu ul li{display: table-cell; margin: 0; padding: 0; border-right: 2px solid #f5a833;}
.bmenu ul li:last-of-type{border-right: 0}
.bmenu ul li a{height: 74px; line-height: 70px; padding: 0 20px; display: inline-block; border:2px solid transparent;text-decoration: none; font-size: 36px;font-weight: 700}
.bmenu ul li a:hover{border-color:#f5a833}
#mid{min-height: 500px; position: relative; z-index: 2}
.hpl{max-width: 2600px; margin-top: 60px;margin-bottom: 60px}
.hpl .h1{font-size: 68px; margin-bottom: 0.4em;text-transform: uppercase; color: #f39200;font-weight: 700}
.hpl .img{margin-bottom: 30px}
.soctitle{font-size: 48px; text-transform: uppercase;font-weight: 700; margin-bottom: 0px}
.soctitle:before{content:'\f082'; font-family: 'FontAwesomeB'; margin-right: 20px; font-size: 70px; color: #3d5a98; float: left; margin-top: -4px}
#socialstp{padding: 60px 0 60px}
.orangeHP{background: #fbd9a6; padding: 60px 0}
.orangeHP h2{font-size: 36px; text-transform: uppercase; color: #010101}
.orangeHP p{margin-bottom: 0}
footer{border-top: 4px solid #f39201; padding-top: 40px; padding-bottom: 40px}
footer .inner{position: relative}
footer .logo{margin-top: 0}
.partC{width: 556px; left: 50%; margin-left: -278px; top:20px; position: absolute}
.partC a{text-decoration: none;font-weight: 700}
.partC .part{margin-bottom: 10px}
.partC .part>a:nth-child(1){float: left; width: 139px}
.partC .part>a:nth-child(2){float: right; width: 344px}
.rp{float: right; text-align: right; margin-top: 40px;font-weight: 700}
.rp .por{margin-bottom: 10px}
.rp a{text-decoration: none}
.rp .copy a{display: block}
.defc{padding-top: 80px; padding-bottom: 80px}
.orangedef{background: #fbd9a6;; margin-bottom: 60px}
.orangedef .twoCols .col:nth-child(1){border-right: 80px solid #fff; padding-top: 20px; padding-bottom: 20px}
.orangedef .twoCols .col:nth-child(2) img{display: block; padding-top: 20px; padding-bottom: 20px}
@media screen and (max-width:2560px){
    .bmenu ul li a{font-size: 30px}
    .orangeHP h2{font-size: 30px}
}
@media screen and (max-width:1920px){
    body{font-size: 15px;}
    .inner{max-width: 1400px}
    h1,h2{font-size: 24px}
    h3{font-size: 20px}
    header{height: 210px}
    .topPart{height: 130px}
    .rpart{width: calc(92% - 151px)}
    .bmenu{height: 60px}
    .logo{width: 151px; margin-top: 10px}
    .cta{margin-top: 20px}
    .cta a.or{padding: 4px 15px; border-width: 2px}
    .cta a.por{padding: 5px 0}
    .soc{margin-top: 20px}
    .soc span.wifi{margin-right: 16px}
    .soc a:before,.soc span:before{font-size: 20px}
    .menu{margin-top: 18px}
    .menu>ul>li{margin-right: 0px}
    .menu>ul>li>a{height: 29px; line-height: 29px; padding: 0}
    .bmenu .inner,.hpl{max-width: 1300px}
    .bmenu ul{margin-top: 20px}
    .bmenu ul li a{height: 37px; line-height: 35px; border-width: 1px; font-size: 18px}
    .hpl{margin-top: 30px; margin-bottom: 30px}
    .hpl .h1{font-size: 34px}
    .hpl .img{margin-bottom: 15px}
    .soctitle{font-size: 24px; margin-bottom: 0px}
    .soctitle:before{font-size: 35px; margin-top: -2px}
    .orangeHP{padding: 30px 0}
    .orangeHP h2{font-size: 18px}
    footer{padding: 20px 0}
    .partC{width: 278px; margin-left: -139px; top:10px}
    .partC .part>a:nth-child(1){width: 69px}
    .partC .part>a:nth-child(2){width: 172px}
    .rp{margin-top: 20px}
    .defc{padding-top: 40px; padding-bottom: 40px}
    .tsm{width: 170px}
    .orangedef{margin-bottom: 30px}
}
@media screen and (max-width:1200px){
    .fiveCols .col{width: 48%; margin-right: 4%}
    .fiveCols .col p{margin-bottom: 1.8em}
    .fiveCols .col:nth-child(2n){margin-right: 0}
    .fiveCols .col:nth-child(5){width: 100%; margin-right: 0}
}
@media screen and (max-width:1100px){
    header{height: 130px}
    .menu{width: auto; float: right; margin-right: 20px}
    .menu>a{display: block; text-decoration: none; font-size: 20px;color: #f5a833}
    .menu>a:after{content:'\f0c9'}
    .menu>ul{display: none}
    .bmenu{display: none}
    footer .logo{display: none}
    .partC{float: left; position: relative; left: auto; top:auto; margin-top: 10px; margin-left: 0}
}
@media screen and (max-width:800px){
    .twoCols .col:nth-child(n),.twoCols.l30 .col:nth-child(n),.threeCols .col:nth-child(n),.fiveCols .col:nth-child(n){width: 100%; margin-right: 0; margin-bottom: 1.5em}
    .fiveCols .col:nth-child(n){margin-bottom: 0}
}
@media screen and (max-width:660px){
    .logo{width: 100px}
    .cta{margin-top: 14px}
    .cta a{font-size: 13px}
    .soc{margin-top: 10px}
    .menu{margin-top: 8px}
    .topPart,header{height: 94px}
    .rpart{width: calc(92% - 100px)}
    .partC{width: 320px; text-align: center; float: none; margin-left: auto; margin-right: auto}
    .rp{width: 100%; text-align: center; margin-top: 5px}
}
@media screen and (max-width:520px){
    .rpart{width: 60%}
    .cta{margin-top: 4px}
    .cta a.or{padding: 2px 10px; margin-right: 0; float: right}
    .cta a.por{float: right}
    .menu{margin-top: 0;}
    .soc{margin-top: 2px}
    .logo{width: 114px}
}