@charset "UTF-8";
/* ICOMOON STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: "icomoon";
    src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/icomoon_copy.eot");
    src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/icomoon_copy.eot") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/icomoon_copy.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/icomoon_copy.ttf") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/icomoon_copy.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Avenir Next;
    src: url(fonts/AvenirNextCyr-Regular.woff2);
}
@font-face {
    font-family: Avenir Next Italic;
    src: url(fonts/AvenirNextCyr-Italic.woff2);
}
@font-face {
    font-family: Avenir Next Demi;
    src: url(fonts/AvenirNextCyr-Demi.woff2);
}
@font-face {
    font-family: Avenir Next DemiItalic;
    src: url(fonts/AvenirNextCyr-DemiItalic.woff2);
}
@font-face {
    font-family: Avenir Next Bold;
    src: url(fonts/AvenirNextCyr-Bold.woff2);
}
@font-face {
    font-family: Avenir Next Light;
    src: url(fonts/AvenirNextCyr-Light.woff2);
}
@font-face {
    font-family: Avenir Next LightItalic;
    src: url(fonts/AvenirNextCyr-LightItalic.woff2);
}
* {
    font-family: Avenir Next,sans-serif;
}
[class^=icon-],
[class*=" icon-"] {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:not(.icon-play),
[class*=" icon-"]:not(.icon-play) {
    margin-top: -6.5px;
    right: 0;
}

.icon-play:before {
    content: "";
}

.icon-circle-right:before {
    content: "";
}

/* GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

/* MEGA MENU POSITIONING STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top-bar-section{float:right;}
.top-bar-section .has-dropdown {
    position: static;
}

.top-bar-section .has-dropdown a {
    position: relative;
}

.top-bar-section .has-dropdown.moved {
    position: static;
}

.top-bar-section .has-dropdown.moved > a:after {
    display: block;
}

/* DROPDOWN GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.m-menu {
    border-top: 1px solid #d6d6d6;
}

.m-menu a {
    display: block;
    transition: opacity 0.3s ease;
    font-size:14px;
}

.m-menu a:hover {
    opacity: 1;
}

/* TOP LINKS INSIDE DROPDOWN STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.column li:not(:first-child) a {
    border-top: 1px solid #262626;
}

.column li:not(:last-child) a {
    border-bottom: 1px solid #4e4e4e;
}

.column li a:hover i {
    right: 3px;
}

/* BOTTOM LINKS INSIDE FIRST DROPDOWN STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.intro .icon-play {
    position: absolute;
    color: rgba(0, 0, 0, 0.4);
    font-size: 2.5em;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: color 0.3s ease;
}

.intro:hover .icon-play {
    color: rgba(0, 0, 0, 0.7);
}

/* TARGET DIV INSIDE SECOND DROPDOWN STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.column > img {
    margin: 1em 0;
}

.info-wrap h3 {
    width: 50%;
    padding-bottom: 5px;
    border-bottom: 1px solid #4e4e4e;
}

.info {
    display: none;
}

.info-visible {
    display: block;
}


.contain-to-grid {
    background: var(--mainbgtrans);
    text-align: center;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    position: fixed;
    right: 0px;
    top: 0px;
    left: 0px;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 99999;
    box-shadow: 0px -2px 8px 0px #aaa;
}

.contain-to-grid.hidden {
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px);
}
.contain-to-grid a {
    text-align: left;
    color: #fff;
}
.dropdown.m-menu h3{color:#fff;}
.top-bar,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: transparent;
}
.top-bar-section .has-dropdown > a:after {
    border-color: rgb(255 255 255) transparent transparent transparent;
}
.top-bar-section ul li > a{font-size:1.125rem;font-family:Avenir Next,sans-serif;}
.top-bar .name img{height:50px;}
.top-bar-section li:not(.has-form) a:not(.button){font-size:16px;font-weight:500;}
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: transparent !important;
    background: transparent !important;
}
img.menuimg{height:20px;padding-right:10px;}
.contain-to-grid .top-bar{max-width:81rem;}
.top-bar .name h1{font-size:2.25rem;}

.top-bar-section .dropbtn {
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
}

.top-bar-section .menudropdown {
    position: relative;
    display: inline-block;
}

.top-bar-section .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--mainbgtrans);
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.top-bar-section .dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.top-bar-section .dropdown-content a:hover {
    background-color: #333;
}

.top-bar-section .menudropdown:hover .dropdown-content {
    display: block;
}

.top-bar-section .menudropdown:hover .dropbtn {
    background-color: transparent;
}



#navbarsub {overflow: hidden;background: var(--mainbgtrans);}
#navbarsub a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
#navbarsub a:hover {background-color: #ddd;color: black;}
#navbarsub a.active {background-color: #fff;color: #000;}
.sticky {position: fixed;top: 0;width: 100%;z-index:1;transition-duration: 0.65s;box-shadow: 0px -1px 9px 2px #aaa;}
.sticky + .navcontent {padding-top: 60px;}
.subnav{background: var(--mainbgtrans);}
.subnav .navct{width:100%;margin: 0 auto;}
.wwdf{width:100%; max-width:700px;}
.navcontent .col-md-4:first-child{padding-left:0;}
.navcontent .col-md-4:last-child{padding-right:0;}




@media only screen and (min-width: 40.063em) {
    .top-bar-section ul li.has-dropdown ul {
        background: var(--mainbg);
    }
    ul .dropdown.m-menu {
        position: fixed !important;
    }

    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
        border-right: none !important;
    }
    .top-bar .name{min-width:200px;}
    .top-bar-section li:not(.has-form) a:not(.button){padding: 0 1.325rem;}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .top-bar-section li:not(.has-form) a:not(.button){font-size:14px;}
}
@media only screen and  (max-width: 767px) {
    .top-bar-section .menudropdown, .top-bar-section .menudropdown a {text-align:left;width:100%;}
    .top-bar-section li:not(.has-form) a:hover{ background:#888;}
    .top-bar-section .dropdown-content{ position:relative !important;padding-left:2.5rem;}
    .top-bar.expanded .title-area{background: var(--mainbgtrans);}
    .top-bar-section{width:100%;}
    .top-bar-section .dropbtn{text-align:left;}
    .top-bar-section li:not(.has-form) a:not(.button){padding:8px;}
    #navbarsub a{padding:3px 10px;}
}