@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
  url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), 
  url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), 
  url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
  url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'titilliumregular';
  src: url('fonts/titillium-regular-webfont.eot');
  src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/titillium-regular-webfont.woff2') format('woff2'),
  url('fonts/titillium-regular-webfont.woff') format('woff'),
  url('fonts/titillium-regular-webfont.ttf') format('truetype'),
  url('fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
   
 font-family: 'Titillium Web';
    
src: url('fonts/TitilliumWeb-Bold.woff2') format('woff2'),
       
 url('fonts/TitilliumWeb-Bold.woff') format('woff');
    
font-weight: bold;
    
font-style: normal;

}


body{ background:#000 url(images/2020_lp_bkg_t2a_graywhite.jpg) center 0 no-repeat; padding:0; margin:0;background-attachment:fixed;background-size: 100% auto; background-repeat: repeat-y;}
img{border:none;vertical-align:middle;}

ul{margin:0;padding:0;list-style:none}
a{text-decoration:none;outline:none}
.clear{clear:both}
.main-nav-wrapper * {
    font-family: "Titillium Web", Arial, sans-serif;
}
.wrapper{margin:0 0 0 430px;width:1100px;}
.header-top{float:left;width:100%;background:#fff;height:55px;}
.header-top ul li{display:inline;padding:0 12px;}
.header-top ul li:first-child{padding:0 15px 0 0 }
.header-top ul li:first-child a{float:left;margin-top:6px;background:url(images/sprites-s811d5d78ec.png) 0 0 no-repeat;text-indent:-99999px;width:39px;height:22px;padding:0}
.header-top ul li a{  color: #0068b3;padding: 10px 0 0 0;text-transform:uppercase;font-size:11px;display:inline-block;font-family: "Titillium Web", Arial, sans-serif;}
.header-top ul li a:hover{text-decoration:underline}
.separator{    width: 100%;
    height: 3px;
    background: #C8102E;
    clear: both;
	}
.logo{float:left;margin:0 -15px 0 0;}
.logo-outer{float:left;margin-left: -55px;}
.navigation{float:left;margin-left: 15px;margin-top: 10px;}
.navigation li{float:left;padding:0 0px;}
.navigation li:first-child{padding-left:0}
.navigation li a{font-family:"titilliumregular",​Arial,​sans-serif;text-transform:uppercase;float:left;color:#fff;font-size:14px;/*line-height:17px;*/text-decoration:none;padding:19px 13px 20px;-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}
/*.green{
	font-family: "Titillium Web", Arial, sans-serif !important;
}*/
.navigation li .green1:hover{color:#FDB927;background:#000;}

.social-icons{float:left;margin:16px 0 0 96px;}
.social-icons li{float:left;padding:0 2px;}
.social-icons li a{float:left;width:25px;height:25px;font-family:"FontAwesome";}
/* .social-icons li.facebook a::before{content: "\f09a";position:absolute;width:20px;height:20px;line-height:20px;text-align:center;font-size: 14px;background-color: #CF1A2B !important;color: white !important;} */
/* .social-icons li.twitter a::before{content:"\f099" ;position:absolute;width: 20px;height: 20px;line-height: 20px;text-align:center;font-size: 14px;background-color: #CF1A2B !important;color: white !important;} */
/* .social-icons li.instagram a::before{content:"\f16d";position:absolute;width: 20px;height: 20px;line-height: 20px;text-align:center;font-size: 14px;background-color: #CF1A2B !important;color: white !important;} */
.social-icons .facebook a {
	background-image:url(images/2021_BrandFam_Social_Icons_Facebook.svg);
}
.facebook a {
    text-align: center;
    color: #fff;
    position: relative;
}
.social-icons .twitter a {
	background-image:url(images/2021_BrandFam_Social_Icons_Twitter.svg);
}
.social-icons .instagram a {
	background-image:url(images/2021_BrandFam_Social_Icons_Instagram.svg);
}
.social-icons .snapchat a {
    /* background-color: #CF1A2B !important;
    color: white !important; */
	background-image:url(images/2021_BrandFam_Social_Icons_SnapChat.svg);
}

.snapchat a {
    display: block;
    /* width: 20px;
    height: 20px; */
    text-align: center;
    color: #fff;
    /* background-color: #bbb; */
    position: relative;
}
.social-icons .tiktok a {
	background-image:url(images/2021_BrandFam_Social_Icons_TikTok.svg);
}
.social-bar:hover{
    opacity: .6;
}
ul.social-bar .hawksHeaderCustomSocialIcon:hover {
    opacity: 1;
}
.main-nav__menu-item.first:hover a img {
    transform: scale(1.05);
}
/* .social-icons li.email a::before{content:"\f109";position:absolute;width: 20px;height: 20px;line-height: 20px;text-align:center;font-size: 14px;background-color: #CF1A2B !important;color: white !important;} */
.header-bottom{float:left;width:100%;background:#000;height:60px;}
.header-bottom .search{margin-top:10px;}

.searchHolder{float:right;padding-right:20px;margin:8px 0 0 0}
.search{float:right;margin-top:60px;font-family:"FontAwesome";}
.search a{color:#fff;font-family:"titilliumregular";font-size:1.2em;}
.search a::after{margint-right:20px;font-family:"FontAwesome";content:"\f002";position:absolute;width: 25px;height: 25px;line-height: 20px;margin-top:2px;text-align:center;font-size: 14px;background-color: #000 !important;color: #CF1A2B !important;}
.top_content{float:left;margin-left:46px;margin-top:10px;width:896px}
.top_content a{float:left;margin-left:5px;}

.footer-top{background:#000;padding:20px 0 20px;float:left;width:100%;}
.footer-top .wrapper > ul > li.img-sec{width:auto;}
.footer-top .wrapper > ul > li.last{margin-left:15px;}
.footer-top .wrapper > ul > li{width:15.6%;float:left;margin-top:20px; display: flex;}
.branding{
    display: flex;
    flex-direction: column;
}
.branding1{
    display: flex;
    justify-content: center;
}
.branding2{
    display: flex;
}
.branding3{
    margin-top: 15px;
}
.branding4{
    margin-top: 15px;
    margin-left: 10px;
}
.branding5{
    width: 120px;
    height: 120px;
}
.footer-top .wrapper > ul > li li{display:block;padding:4px 0;text-transform: uppercase;}
.footer-top .wrapper > ul > li h4{text-transform:uppercase;margin:0 0 10px 0;padding:0 4px;color:#333;font-size:12px;font-weight:normal}
.footer-top .wrapper > ul > li li a{ margin: 2px 0;padding: 0 4px;display:inline-block;font-size:12px;font-family: "Titillium Web", Arial, sans-serif;}
.footer-top .wrapper a:hover{color:#fff;text-decoration:underline}
.footer-top .wrapper a{color: #ccc;font-size:12px;}
.footer-bottom{background:#222;float:left;width:100%;padding:10px 0 20px; font-size: 1.2rem;height: 250px;}
.footer-left{float:left;width:45%;padding-bottom:15px;padding-top:7px;}
.copyrights{font-size:12px;color:#CCCCCC;line-height:22px; font-size:15px;font-family: "Titillium Web", Arial, sans-serif;}
.turner-logo{background:url(images/sprites.png) 0 -182px no-repeat; float: left;  height: 11px;  margin-top: 2px; width: 69px;}
.footer-bottom a{color:#ccc;font-size:15px;font-family: "Titillium Web", Arial, sans-serif;}
.footer-nav__menu-item a{color:#ccc;font-size:12px;}
.footer-nav__menu-item a:hover{color:#ccc;font-size:12px;}
.footer-bottom a:hover{color:#fff;text-decoration:underline;}
.footer-nav__menu-item {margin: 0 223px 0 0;display:inline-block;}
.footer-nav__menu-item:last-child{margin-right:0}
.footer-nav{text-align:right; position: relative; margin:0 -233px 0 0;}
.footer-right{/*float:right;*/width:31%;margin-top:7px; font-size: 12px;}
.col-md-12{
    /* width:100%; */
    float:left;color: #ccc;font-size:11px;font-style: italic;position: absolute;
    margin: 250px 0 0 210px;}
.footer-top .wrapper > ul > li li a:focus{background:none;text-decoration:none}
.footer-top .wrapper > ul > li.last a{padding:0;margin:10px 0}
.footerBase{width:100%;height:20px;background:#fff;float:left;}
/*.bg{position:absolute;left:0;width:100%;height:920px;background:#fff;z-index: -1;top:68px}*/
.header-bottom .wrapper{position:relative}
.tmVerifiedContainer {
    height: 30px;
    background-size: auto 18px;
    background-image: url(images/tm-whitelogo.png);
    background-repeat: no-repeat;
    background-position: center center;
	position: relative;
    margin: 305px 0 0 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 174px;
    padding-right: 19px;
	width: 1170px;
}
#footer .footer-bottom .footer-nav__menu-item {
    display: list-item;
    text-transform: uppercase;
}

.container:before, .container:after {
    content: " ";
    display: table;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
#footer .footer-bottom .container>div:last-of-type {
    text-align: center;
    font-style: italic;
    margin-top: 10px;
}
#footer .menu li {
    text-transform: uppercase;
}
.main-nav__menu-item.first {
    background: #C8102E;
    border-top: solid 1px rgba(255,255,255,.1);
	height: 60px;
}
.main-nav .em-ti, .main-nav .em-smi {
    width: auto;
    display: inline-block;
}
.main-nav__menu-item {
    border-bottom: none;
    padding-top: 0px;
    margin-top: -10px;
}
.navigation .leaf a:hover {
    color: #C2D800;
}
.main-nav__menu-item.first>a, .main-nav__menu-item.first>a:hover, .main-nav__menu-item.first>a:active, .main-nav__menu-item.first>a:visited, .main-nav__menu-item.first>a:focus {
    color: #000;
    font-weight: bold;
	font-family: "Titillium Web", Arial, sans-serif;
    padding: 16px 30px 13px 25px;
	text-transform:uppercase;
	float:left;
	font-size:13px;
}
.green1 img{
    width: 78px;
    position: absolute;
}
.main-nav__menu-item.first a img {
    height: 31px;
    transition: all .2s ease-in-out;
}

.main-nav__menu-item a {
    padding: 12px 10px 13px 10px;
    display: inline-block;
}
#main-menu .has-dropdown a:hover, #main-menu a:focus {
    color: #C2D800;
}
.socialSeparator {
    display: block;
    width: 1px;
    height: 24px;
    border-right: solid 1px #fff;
    position: absolute;
    right: 29px;
    top: 18px;
}
@media screen and (max-width: 1400px) {
    .wrapper {
        margin: 0 0 0 155px;
    }
  }