@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;
}

[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 .3s ease;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}

[class^="icon-"]:not(.icon-play), 
[class*=" icon-"]:not(.icon-play) {
  margin-top: -6.5px;
  right: 0;
}

.icon-play:before {
  content: "\ea15";
}

.icon-circle-right:before {
  content: "\ea42";
}

/* GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.top-bar-section .dropdown li {
  width: 1440px;
  margin-left: -14px;
}

.top-bar-section .has-dropdown.not-click:hover > .dropdown{
      position: absolute;
      width: 1440px;
      left: -28px;
}

@media (max-width:1454px){
  .top-bar-section .has-dropdown.not-click:hover > .dropdown{
      left:-38px;
}
}

@media (max-width:1440px){
  .top-bar-section .has-dropdown.not-click:hover > .dropdown{
      position: fixed;
      width: 1440px;
      left: 0px;
}
}


.contain-to-grid, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
    background: var(--background--header) !important;
    color: var(--on-background) !important;
    margin: 0;
}

.top-bar-section ul li{
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: var(--background--header);
    color: var(--on-background);
}

.top-bar-section ul li > a{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: none;
    text-decoration:none;
    text-align:center;
    font-size: 14px; 
    width: fit-content;
}

.top-bar-section ul li > a:hover{
  color:#00aeef  !important;
}

.top-bar-section ul li:hover:not(.has-form) > a{
color:#00aeef  !important;
} 

.top-bar_container{
   max-width: 100% !important;
   margin: 0 auto !important;
}

ul.dropdown.m-menu{
   background: #F2F2F2;
}   

.top-bar-section li:not(.has-form) a:not(.button){
   background: transparent  !important;
   padding: 0px 19px  !important;
}   

.top-bar-section li:not(.has-form) a:not(.button) .fas{
   margin-left: 9px;
   margin-right: 0px;
}   

.top-bar-section .has-dropdown.not-click:hover > .dropdown {
    -webkit-box-shadow: 0 14px 14px 0 rgba(0,0,0,0.1);
    box-shadow: 0 14px 14px 0 rgba(0,0,0,0.1);
}    

@media (max-width:1440px){
.top-bar-section li:not(.has-form) a:not(.button){
   padding: 0px 17px  !important;
} 

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.8375rem;
}
}

@media (max-width:1366px){
.top-bar-section li:not(.has-form) a:not(.button){
   padding: 0px 15px  !important;
}
}

@media (max-width:1282px){
.top-bar-section li:not(.has-form) a:not(.button){
   padding: 0px 12px  !important;
}
.top-bar-section li:not(.has-form) a:not(.button){
padding: 0 0.4375rem;
}
}

@media (max-width:1182px){
.top-bar-section li:not(.has-form) a:not(.button){
   padding: 0px 7px  !important;
}

}


@media (max-width:1260px){
/*.top-bar-section .has-dropdown > a {
    padding-right: 0.0875rem !important;
}*/
.top-bar-section ul li > a {
        font-size: 13px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.275rem;
}
}

/*@media (max-width:1260px){
.top-bar-section .has-dropdown > a {
    padding-right: 0.0675rem !important;
}
}*/


ul.dropdown.m-menu{
  position: absolute;
}

@media (max-width:1440px){
  ul.dropdown.m-menu{
  position: fixed;
}
}

@media only screen and (min-width: 40.063em){
.top-bar-section .dropdown{
  position: fixed;
}
}

.top-bar-section .dropdown li{
  margin: 0px;
  padding: 1%;
  width: 98%;
}

.header_items a.left_align{
   text-align:left;
   margin-left: 50px !important;
}

.header_items a{
  margin: 0 auto !important;
  cursor: pointer;
}


/* MEGA MENU POSITIONING STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top-bar-section .has-dropdown {
  position: static;
  a {
   position: relative;
   }
}
.top-bar-section .has-dropdown.moved {
  position: static;
  > a {
    &:after {
      display: block;
    }
  }
}

.top-bar-section .has-dropdown > a:after {
  display: none !important;
}

.top-bar-section ul li:hover:not{
  color: #00aeef;
  background: transparent;
}

  /* DROPDOWN GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.m-menu {
  border-top: 1px solid #ececec;
  a {
    display: block;
    /*opacity: .5;
    transition: opacity .3s ease;*/
    &:hover {
      /*opacity: 1;*/
      color: #00aeef;
    }
  }
}



  /* TOP LINKS INSIDE DROPDOWN STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.column li {
  &:not(:first-child) a {
    border-top: 1px solid #262626;
  }
  &:not(:last-child) a {
    border-bottom: 1px solid #4E4E4E;
  }
  a {
    &:hover {
      i {
         right: 3px;
      }
    }
  }
}

@media (max-width:1376px){
.medium-3 {
    width: 20%;
    margin: 0px 1%;
}
.medium-4 {
    width: 26.67%;
    margin: 0px 1%;
}
.medium-6 {
    width: 40%;
}
}

@media (max-width:1266px){
.medium-3 {
    width: 15%;
    margin: 0px 3%;
}
.medium-4 {
    width: 20%;
    margin: 0px 3%;
}
.medium-6 {
    width: 30%;
    margin-left: 8%;
}
}

@media (max-width:1266px){
.medium-3 {
    width: 15%;
    margin: 0px 3%;
}
.medium-4 {
    width: 20%;
    margin: 0px 3%;
}
.medium-6 {
    width: 30%;
    margin-left: 8%;
}
}

@media (max-width:1166px){
.medium-3 {
    width: 13%;
    margin: 0px 3%;
}
.medium-6 {
    margin-left: 6%;
}
}



    
  /* 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 .3s ease;
  }
  &: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;
}

.dt {
  margin-top: 50px;
  text-align: center;
  font-size: 2em;
  padding: 0 20px;
}

.p {
  color: black;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}
