@charset "UTF-8";

/* CSS Document */


@media screen and (min-width:990px) {
.bar__module:not(:only-child) .menu-horizontal {
    top: .75em;
}
.flex-row-5 {
    width: 17% !important;
    display: inline-block;
    margin: 0px 1% !important;
}
.flex-row-4 {
    width: 22% !important;
    display: inline-block;
    margin: 0px 1% !important;
}
}

@media (min-width: 767px) {
.container {
    max-width: 720px;
}
    
    
    
  
    
}

@media (min-width: 1023px) {
.container {
    max-width: 960px;
}
}
 @media screen and (max-width:768px) {
     .effects .effect-wrapper {height:75px !important; width:75px !important;}
     
     .container.mt-100 {margin-top:50px;}
     .col-rev {    flex-direction: column-reverse !important; padding: 30px;}
     .col-for { padding: 15px;}
     
}

 @media screen and (max-width:1024px) {
 .bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
 font-size: 1.2em;
 line-height: 2.166666666666667em;
 text-transform: uppercase;
 font-weight: normal;
 letter-spacing: .5px;
 
 opacity: 1;
}
 .bar .logo {
 max-height: 3em;
 max-width: none;
}
}


 @media screen and (max-width:991px) {
     .logo-light{ display:none;}
     
     .bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-family: "CPM";
    font-size: 1.2em;
    text-transform: uppercase;
    color: #304CA1;
    font-weight: 400;
    letter-spacing: -0.2px;
}
     .slides .effect-wrapper {display:none;}
   h1.motto {font-size:3.6em;}
     span.motto {font-size:  1.9em;}
     
     
     
     
     section.slider.height-100 .slides li.imagebg {
    min-height: 100vh;
}
     
}



@media all and (max-height: 600px) {
  .pos-vertical-center {
    top: 28%;
    transform: none;
    -webkit-transform: none;
  }
}