header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; font-family:"Roboto", serif;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
.none{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#7d7d7d; opacity:1;}
::-moz-placeholder{color:#7d7d7d; opacity:1;}
:-ms-input-placeholder{color:#7d7d7d; opacity:1;}
:-moz-placeholder{color:#7d7d7d; opacity:1;}
.noSelect{-webkit-user-select:none;-ms-user-select:none; user-select:none;}
/*body * :not(input):not(textarea){user-select:none!important; -webkit-touch-callout:none!important; -webkit-user-select:none!important; -moz-user-select:none !important; -khtml-user-select:none!important; -ms-user-select:none!important;}*/

/*
font-family:"Roboto", serif;
font-family:"Open Sans", serif;
*/
@font-face {
    font-family:'BebasNeueRegular';
    src: url('../fonts/bebasneue.eot');
    src: url('../fonts/bebasneue.eot') format('embedded-opentype'),
         url('../fonts/bebasneue.woff2') format('woff2'),
         url('../fonts/bebasneue.woff') format('woff'),
         url('../fonts/bebasneue.ttf') format('truetype'),
         url('../fonts/bebasneue.svg#BebasNeueRegular') format('svg');
}

.brandiBanner img{width: 100%;}
.welcomeNote{background-color: #0c3b73; border-top: 6px solid #fffdfd; border-bottom: 6px solid #fffdfd; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.16); position: relative;}
.centerwrap{width: 1548px; margin: auto;}
.welcomeNote .centerwrap{position: relative; height: 64px; display: flex; align-items: center;}
.welcomeText{ padding-left: 206px; width: 100%; text-align: center;}
.welcomeText p{font-size: 24px; color: #ffffff; text-transform: uppercase; font-weight: 700;}
.logo{width: 206px; height: 174px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-color: #fffdfd; position: absolute; top: 50%; transform: translateY(-50%); left: 0px;}
.bodyArea{background: url(../images/whiteBoxBg.jpg) repeat-y center top; padding-top: 48px;}
.topFind{ text-align: center; padding-bottom: 64px;}
.topFind h2{font-size: 57px; font-weight: 700; letter-spacing: -0.05em; color: #c12250; text-transform: uppercase;}
.topFind h2 a{color: #c12250;}
.topFind h2 a:hover{color: #0c3b73;}
.topFind h2 span{color: #0c3b73;}
.topFind p{font-weight: 400; font-size: 20px; line-height: 24px; color: #0c3b73; max-width: 1020px; margin: auto;}
.brandLogos{display: flex; flex-wrap: wrap; padding-bottom: 45px;}
.logoBlock{background: url(../images/boxbg.jpg) repeat center top; width: 377px; margin-right: 13px; margin-bottom: 30px; border-radius: 3px; border: 6px solid #ffffff; padding: 0 20px 20px;}
.logoBlock:nth-child(4n){margin-right: 0px;}
.logoHere{border: 4px solid #fffdfd; border-radius: 6px; width: 171px; margin: auto; margin-top: -13px; margin-bottom: 8px;}
.logoBlock h3{font-size:37px; color:#fff; font-family:'BebasNeueRegular'; position:relative; padding-bottom:6px; margin-bottom:8px; text-transform: uppercase; text-align: center;}
.logoBlock h3 a{color:#fff;}
.logoBlock h3 a:hover{color:#c12250;}
.logoBlock h3:after{background-color:#333; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); bottom:0px; height:3px; content:''; width:268px;}
.logoBlock p{font-size:16px; color:#fffdfd; font-family:"Open Sans", serif; font-weight: 300; line-height:22px; text-align: center;}
.blackBg{background:url(../images/blackBg.jpg) repeat-y center top; padding-top:85px; padding-bottom:89px; border-top: 10px solid #fffdfd; border-bottom: 10px solid #fffdfd; box-shadow: 0px -6px 10px rgba(0, 0, 0, 0.16);}
.blackBg .centerwrap{display:flex; justify-content:center;}
.textSection{width:584px; margin-right: 20px;}
.textSection h2{color:#fff; text-align:center; text-transform:uppercase; letter-spacing:-0.05em; font-size:48px; font-weight:500; padding-bottom:20px; position:relative; line-height:48px;}
.textSection h2 span{position:relative;}
.textSection h2 span:before{content:'~'; color:#0c3b73; position:absolute; top:50%; transform:translateY(-50%); left:-45px;}
.textSection h2 span:after{content:'~'; color:#0c3b73; position:absolute; top:50%; transform:translateY(-50%); right:-45px;}
.textSection p{font-size:16px; line-height:24px; padding-bottom:24px; color:#ffffff; font-weight:300;}
.textSection p:last-child{padding-bottom: 0px;}
.engage{color:#c12250; text-transform:uppercase;}
.engage:hover{color:#fff;}
.videoSection{width:680px;}
.videoSection video{width:100%; display:block;}
footer{background-color: #0c3b73; padding: 14px 0; text-align: center;}
footer p{font-size: 13px; color: #3e86dc;}
footer p a{color: #3e86dc;}
footer p a:hover{color: #fff;}
footer p span{margin: 0 6px;}