@import url('http://fonts.cdnfonts.com/css/product-sans');

@font-face {
  font-family: 'Product Sans', sans-serif;
}


* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   text-decoration: none;

   outline: none;
   border: none;
}

iframe{
    padding-left: 0!important;
}


html{ font-size: 100%; overflow-x: hidden; width: 100%; margin: 0px;  padding: 0px; touch-action: manipulation; }


body{ font-size: 14px; width: 100%; height: 100%; margin: 0;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
   overflow-x: hidden; color: #d4b467;  }

   

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, input, button{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6{ font-weight: inherit; }


p{ line-height: 1.7; font-size: 1.05em; font-weight: 400; }

h1{ font-size: 4em; line-height: 1; }
h2{ font-size: 3.5em; line-height: 1.1; }
h3{ font-size: 1.7em; }
h4{ font-size: 1.3em; }
h5{ font-size: 1.1em; }
h6{ font-size: .95em; }
ul li{
  list-style: none;
}

a, button{ display: inline-block; text-decoration: none; color: inherit; line-height: 1.3; 
   -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }


a{ text-decoration: none; cursor: pointer; color: #d4b467; font-size: 1.3em }
a.active, button.active{
   cursor: pointer;
}
.trnk a:hover,.soic li a:hover {
  color: #111!important
}
.mmb-ofs{

  margin-top: 40px;
}
.mmm{
  width: 153px;
}

.hidden{display: none;}
.show19504{display: flex;}



/*header***********************/




/* Search Style */ 
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
       -moz-transform: translate(0px, -100%) scale(0, 0);
        -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
            transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
         -o-transform: translate(0px, 0px) scale(1, 1);
             transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, .8);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
    padding: 10px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 27px;
    color: #fff;
}

#search .close:hover{
  cursor: pointer;
}




.hekokuta{
  width: 340px;
  height: 340px;
}

.mnbo{
  visibility: hidden!important;
  color: #fff;
}

nav{
  position: relative;
  z-index: 99;
  width: 100%;
  
  background: #fff;
}
nav .navvwrapper{
  position: relative;
  max-width: 1300px;
  padding: 0px 30px;
  height: 112px;
  line-height: 70px;
  margin:auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.navvwrapper .logo{
  width: 74px;
display: flex;
align-items: center;
height: 100%;
}


.navvwrapper .logo a{
  width: 100%;
  text-decoration: none;
}
.navvwrapper .nav-links{
  display: inline-flex;
}
.nav-links li{
  list-style: none;


}

.dividir{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.dividir span{

  font-weight: thin;
}
.seky{color:#d4b467;}

.dv{
  height: 70px;
  align-items: flex-end;
}

.dv a:hover{
  color: #d40837;
}

.mld{

  background: #d4b467;
  padding: 10px 15px;
  border-radius: 15px;
  color: #fff!important;
}



.nav-links li a{
  color:#666;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.nav-links li a:hover{
  background: #d40837;
  color: #fff;
}
.nav-links .mobile-item{
  display: none;
}
.nav-links .drop-menu{
  position: absolute;
  background: #fff;
  width: 180px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
  padding: 0;
}

.nav-links .drop-menu li{
  padding: 0;
width: 100%;

}



.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{
  transition: all 0.3s ease;
  top: 100px;
  opacity: 1;
  visibility: visible;
}
.drop-menu li a{
  width: 100%;
  display: block;
  font-weight: 400;
  border-radius: 0px;
}
.mega-box{
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 30px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
}
.mega-box .content{
  background: #fff;
  padding: 25px 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.mega-box .content .row{
  width: calc(25% - 30px);
  line-height: 45px!important;
}
.mega-box .content .mega-links li{
  line-height: 45px!important;
  width: 100%;

}
.content .row img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content .row header{
  color: #242526;
  font-size: 20px;
  font-weight: 500;
}
.content .row .mega-links{
  margin-left: -40px;
  border-left: 1px solid rgba(255,255,255,0.09);
}
.row .mega-links li{
  padding: 0 20px!important;
}
.row .mega-links li a{
  padding: 0px;
  padding: 9px 20px;
  color: #666;
  font-size: 17px;
  display: block;
}
.row .mega-links li a:hover{
  color: #f2f2f2;
}
.navvwrapper .bto, .nabv .bt{
  color: #666;
  font-size: 20px;
  cursor: pointer;
}
.nabv{
    width: auto;
    align-items: center;
    justify-content: space-between;
  }

.navvwrapper .bto, .nabv .menu-bto{
  display: none;
}
.navvwrapper .bto.close-bto{
  position: absolute;
  right: 30px;
  top: 10px;
}

@media screen and (max-width: 970px) {

.navvwrapper .bto,.nabv .menu-bto{
    display: block;
  }
.slide-arrow{
display: none!important;

}
  .nabv{
    width: 50px;
  }


  #search input[type="search"] {
  width: 100%;
  left:-20%
}

.dividir.sd {
  align-items: flex-start;
}

  .navvwrapper .nav-links{
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #fff;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #242526;
  }
  ::-webkit-scrollbar-thumb {
    background: #3A3B3C;
  }
  #menu-bto:checked ~ .nav-links{
    left: 0%;
  }
  #menu-bto:checked ~ .nabv .bto.menu-bto{
    display: none;
  }
  #close-bto:checked ~ .bto.menu-bto{
    display: block;
  }
  .nav-links li{
    margin: 15px 10px;
    display: inherit;
  }
  .nav-links li a{
    padding: 9px 20px;
    display: block;
    font-size: 20px;
  }
  .nav-links .drop-menu{
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }
  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box{
    max-height: 100%;
  }
  .nav-links .desktop-item{
    display: none;
  }
  .nav-links .mobile-item{
    display: block;
    color: #666;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }
  .nav-links .mobile-item:hover{
    background: #3A3B3C;
    color: #fff;
  }
  .drop-menu li{
    margin: 0;
  }
  .drop-menu li a{
    border-radius: 5px;
    font-size: 18px;
  }
  .mega-box{
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content{
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .mega-box .content .row{
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255,255,255,0.08);
  }
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2){
    border-top: 0px;
  }
  .content .row .mega-links{
    border-left: 0px;
    padding-left: 15px;
  }
  .row .mega-links li{
    margin: 0;
  }
  .content .row header{
    font-size: 19px;
  }
}
nav input{
  display: none;
}


/**************************start google***********************/



.digo a{
    margin-top: 10px;
    font-size: 1em;
    border: 2px solid;
    padding: 5px 20px;
    border-radius: 20px;
}

.digo a:hover{

color: #fbb040!important;
border-color: #fbb040!important;
}


#google_translate_element {
  position: absolute;
  bottom: calc(53px + 16px);
  right: 16px !important;
}
.goog-te-gadget {
  font-family: Roboto, 'Open Sans', sans-serif !important;
  text-transform: uppercase;
}
.goog-te-gadget-simple {
     width: 100% !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid #d4b467 !important;
  padding: 8px !important;
  border-radius: 4px !important;
  font-size: 1rem !important;
  line-height: 2rem !important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
}
.goog-te-menu2 {
  max-width: 100%;
}
.goog-te-menu-value {
  color: #d4b467 !important;
}
.goog-te-menu-value:before {
  font-family: 'Material Icons';
  content: "\E927";
  margin-right: 16px;
  font-size: 2rem;
  vertical-align: -10px;
}
.goog-te-menu-value span:nth-child(5) {
  display: none;
}
.goog-te-menu-value span:nth-child(3) {
  border: none !important;
  font-family: 'Material Icons';
}
.goog-te-menu-value span:nth-child(3):after {
  font-family: 'Material Icons';
  content: "\E5C5";
  font-size: 1.5rem;
  vertical-align: -6px;
}
.goog-te-gadget-icon {
  background-image: url(https://placehold.it/32) !important;
  background-position: 0px 0px;
  height: 32px !important;
  width: 32px !important;
  margin-right: 8px !important;
  display: none;
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
body {
  top: 0px !important;
}
.goog-te-menu-value img{display:none;}

/* ================================== *\
 Mediaqueries
 \* ================================== */
@media (max-width: 667px) {
  #google_translate_element {
    bottom: calc(100% - 50% - 53px);
    left: 16px !important;
    width: 100% !important;
  }
  #google_translate_element goog-te-gadget {
    width: 100% !important;
  }
  #google_translate_element .skiptranslate {
    width: 100% !important;
  }
  #google_translate_element .goog-te-gadget-simple {
   
    text-align: center;
    
  }
}

/***************************end gooogle********************/
.content .links li{
  list-style: none;
  line-height: 100px;
  display: block;
}
.content .links li a,
.content .links li label{
  color: #d4b467;
  font-size: 18px;
  font-weight: 500;
  padding: 9px 17px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.content .links li label{
  display: none;
}
.content .links li a:hover,
.content .links li label:hover{
  background: #d4b467;
  color: #fff;
}


/* Dropdown Menu code start */
.content .links ul{
  position: absolute;
  background: #fff;
  top: 90px;
  opacity: 0;
  visibility: hidden;

}
.content .links li:hover > ul{
  top: 100px;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
}
.content .links ul li a{
  display: block;
  width: 100%;
  line-height: 30px;
  border-radius: 0px!important;
}
.content .links ul ul{
  position: absolute;
  top: 0;
  left: 100% ;
  width: 100%;
}
.content .links ul li{
  position: relative;
}
.content .links ul li:hover ul{
  top: 0;
}
.frow li a:hover{

  color: lightblue;
}
/* Responsive code start */
@media screen and (max-width: 1250px){

  nav .content .links{
    margin-left: 30px;
  }
  .content .links li a{
    padding: 8px 13px;
  }


}

@media screen and (max-width: 1000px){

  .sd-wd {
    width: 0vw;
}
.mmhbout div {
  width: 100%;
}
.digo.mmtxt1{
    width:100%!important;
}

section.M5, section.M4, section.M3, section.M2, section.M1, section.AIRFSZ, section.land1{
height: auto;
overflow: hidden;

}
 

  
  .content .links li{
    margin: 15px 20px;
  }
  .content .links li a,
  .content .links li label{
    line-height: 40px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 18px;
    cursor: pointer;
  }
  .content .links li a.desktop-link{
    display: none;
  }

  /* dropdown responsive code start */
  .content .links ul,
  .content .links ul ul{
    position: static;
    opacity: 1;
    visibility: visible;
    background: none;
    max-height: 0px;
    overflow: hidden;
  }
  .content .links #show-sobre:checked ~ ul,
  .content .links #show-facul:checked ~ ul,
  .content .links #show-pol:checked ~ ul,
  .content .links #show-laws:checked ~ ul,
  .content .links #show-agro:checked ~ ul,
  .content .links #show-info:checked ~ ul,
  .content .links #show-estudos:checked ~ ul,
  .content .links #show-items:checked ~ ul{
    max-height: 100vh;
  }
  .content .links ul li{
    margin: 7px 20px;
  }
  .content .links ul li a{
    font-size: 18px;
    line-height: 30px;
    border-radius: 5px!important;
  }
}
@media screen and (max-width: 1252px){
    
    .nvwrapper .search-icon, .nvwrapper .menu-icon{
        margin-right:0;
    }
    
}


@media screen and (max-width: 400px){

    }
  .nvwrapper nav{
    padding: 0 10px;
  }
  .content .logo a{
    font-size: 27px;
  }
  .wrapper .search-box{
    max-width: calc(100% - 70px);
  }
  .wrapper .search-box .go-icon{
    width: 30px;
    right: 0;
  }
  .wrapper .search-box input{
    padding-right: 30px;
  }
}



/************************/

section{

width: 100%;
height: 100vh;
}
section.results-header{

height: auto;
}

section.M1{

width: 100%;
height: 80vh;
}
ul li, ol li{
  list-style: none;
}

section.M1,section.M2,section.M3 ,section.M4, footer{
}   
section.AIRSL{
  text-align: justify;
}   

/**********************INTRO TEXT****************************/
.ABM-GTWAY{
    width:40vw;
    
}

.ABM-GTWAY h2{
    font-size: 1.8em;
    
}
.ABM-GTWAY p{
    font-size: 1.2em;
    
}

.h:hover {
  background: #fbfbfb;
  border-radius: 10px;
}

.ABM-GTWAY span{
    
    border: 2px solid #fff;
    border-radius:40px;
    padding:10px 14px;
    margin-top:10px;
}
/**************************************************/
.fulltimeslider{
  width: 100%;
}
.panel{
  box-shadow: none!important;
}
.slick-slide{

  display: flex;
}
.slick-initialized .slick-slide{
  display: flex;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  z-index: 99;

}

.prev-arrow{
  left: 10px;
  padding: 10px 18px;
  border-radius: 100%;
  border: 2px solid #fff;
    color: #fff;
}

.next-arrow{
  right: 10px;
  padding: 10px 18px;
  border: 2px solid #fff;
  border-radius: 100%;
    color: #fff;

}
section.M1{
background:url(./img/una-bck.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;

}

section.M01{

  display: flex;
  align-items: flex-start!important;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  padding: 0 70px 70px 70px


}




section.M2{
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;

}
section.M3 {

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  width: 100%

}
section.M4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: visible;
  height: auto;
  background: white;


}
section.M7 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 40px 75px;
  height: auto;
background: #fff;
}

section.M5 {
  padding: 40px 75px;
height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  color: #fff;

background: linear-gradient(to left,#930253,#d4b467);

}


/*****************************************************************/

.mmtxt2 .container{
    width: 100%;
    height: 100%;
    color: #888;
    margin: 0;
    text-align: center;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}
#wrapper{
    padding: 0px;
}
.rslides{
    margin: 0 auto 40px;
}
#slider{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 0;
  height: 60vh;
}

.callbacks_container{
    margin-bottom: 50px;
    position: relative;
    float: left;
    width: 100%;
}
.callbacks{
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks a{
    position: absolute;
    width: 100%;
    height: 79vh;
    left: 0;
    top:0;
}
.callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}
.callbacks .caption{
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    background: #000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}
.callbacks_here a img{

    border: 2px solid #ff7129;

    
}



.banga{
 position: absolute;
    bottom: -40px;
    left: 0px;
/*overflow: hidden;*/
height: 85px;
width: 100%;}
#slider-pager{
    width: 100%;
    list-style: none;
    display: flex;
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: -80px;
    /*

  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  */
animation: inner 13.5s infinite;
  
}
.inner{
    flex: 0 0 24%;
    height: 150px;
    margin: 2px;
    cursor: pointer;
}

.callbacks_tabs{
    display: flex;
    overflow-y: hidden;
    overflow-x: hidden;
}
.thumbnail{
    width: 75px!important;
    height: 81px!important;
}

.slider_li{
    width: 760px;
    height: 380px;
}
.slider_img{
    width: 100%;
    height: 100%;
}


/******************PACE******************/

.medium-zoom-overlay{z-index:999;}

.medium-zoom-image--opened{z-index:999!important;}






/********************header***********************/








/******************************************************************/
section.M5 h1{
  font-size: 2.5em;
  font-weight: bold;
}
section.M4 div {

/*  margin: 10px 0;*/
color: #fff;

}
.owl-stage-outer{
  background: transparent;
}
section.M4 div h2{

font-size: 2em;
margin-bottom: 10px;
}

section.M4 div p{

font-size: 1.3em;
}
section.zax{ padding: 40px 0; }
section.M3 .mm-main-srv{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
padding: 0 10px;
align-items: flex-start;
}
.col-md-3{padding-left: 0px!important;  margin: 0px!important;}
.panel-body{padding: 0!important;}
.highl{}
.highl img{
  width: 100%;
  height: 100%;
}

.hnhs img{
  width: 100%;
  height: 100%;
}
.fly{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:2em;box-shadow:2px 2px 3px #999;z-index:100}.my-fly{margin-top:16px}
.airh, .panel-heading ,.panel-info > .panel-heading{
  padding-left: 10px ;
  padding-right: 20px ;
}

.panel-heading h3,.panel-info > .panel-heading h3{
  padding-top: 20px ;
  text-align: justify;
}

.textos .airh div p {
  color: #d4b467;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;

  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ph-air{
  color: #d4b467;
}
section.M3 img{
width: 64px;
height: 64px;
}

section.M3 p{
font-size: 1.5em;
color: #fff;
}



/****************************BANNER**************************/


  @media (max-width: 768px){
.form-row{
  display: none;
}
}

.hpd {
  margin: 0;
}
/*
 * Common
 */
.hpd {
  display: block;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #e1b86b;
  background-image: url('./img/de-stress-flow.png');
  
  text-align: left;
  text-decoration: none;
  color: white;



}

.hpddd {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fff;
  background-image: url('./img/de-stress-flow.png');
  background-size: contain;
  text-align: left;
  text-decoration: none;
  color: white;



}
.guga{
  width: 230px;
  height: 250px;
  position: absolute;
  right: 10%;
  bottom: 30px;

}
.senkei{
  z-index: 99;
}
.hpd .hpd-title,.hpddd .hpd-title  {
  margin: 0;
  font-size: 1.8em;
  font-style: italic;
  text-transform: uppercase;
    animation-name:glow;
  animation-duration:1s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}


@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px #614ad3;}
  to{text-shadow:0px 0px 20px #fff,0px 0px 20px #614ad3;}
}

.hpd .hpd-desc,.hpddd .hpd-desc {
  margin: 10px 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.45;
}
.hpd-btn {
  width: fit-content;
  position: relative;
  color: white;
  text-decoration: none;
  display: inline-block;
  border: 2px solid white;
  border-radius: 1000px;
  padding: 0px 20px;
  margin: 0px;
  box-shadow: 0 2px 5px 0 rgba(3,6,26,0.15);
  transition: .5s all ease-in-out;
}



.hpd:hover .hpd-btn,.hpddd:hover .hpd-btn {
  cursor: pointer;
  background: white;
  color: #1F4141;
  animation: none;
}



/*
 * Basic Ad
 */
.hpd-basic {
  width: 540px;
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 600px) {
  .hpd-basic {
    text-align: left;
    padding-right: 150px;
  }
  .hpd-basic hpd-btn {
    background: transparent;
  }
}
/*
 * Wide Button
 */
.hpd-wide {
  width: 100%;
  background-repeat: repeat no-repeat;
  background-position: left bottom;
  padding: 0;
}
.hpd-wide .hpd-body {
  padding: 14px;
}
.hpd-wide .hpd-desc {
  margin-bottom: 0;
}
.hpd-wide .hpd-btn {
display: block;
padding: 10px 14px;
margin-bottom: 10px;
margin-left: 10px;
}
@media (min-width: 600px) {
  .hpd-wide {
    text-align: left;
    padding-right: 150px;
          padding: 20px 75px;

  }

  .hpd .hpd-title{font-size: 2em}

  .hpd-wide .hpd-body {
    padding: 14px 150px 14px 14px;
  }
  .hpd-wide .hpd-btn {
    padding: 10px 14px;
  }
}
/*
 * Small, not responsive
 * Could be the smallest size but *too* small?
 */
.hpd-small {
  max-width: 180px;
  padding: 0;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/18946/hpd-faded-wing_1.jpg');
}
.hpd-small .hpd-body {
  padding: 14px;
}
.hpd-small .hpd-title {
  font-size: 20px;
}
.hpd-small .hpd-btn {
  display: block;
  padding: 10px 0;
  border-radius: 0 0 2px 2px;
  font-size: 13px;
}




/****************************/


.select_wrap{
  width: 100% !important;
  position: relative;
  user-select: none;
  margin-right: 0!important;
  margin: 5px 0;
}

.select_wrap .default_option{
  background: #fff;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  font-weight: bold;

}

.select_wrap .default_option li{
    padding: 6px 12px;
}

.select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 13px;
    right: 18px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #555555 #555555;
    transform: rotate(-45deg);
}

.select_wrap .select_ul{
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: 300px;
  overflow-y:scroll;
z-index: 99;
  display: none;

}

.select_wrap .select_ul li{
  padding: 10px 20px;
  cursor: pointer;
}

.select_wrap .select_ul li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul li:hover{
  background: #fff4dd;
}

.select_wrap .option{
  display: flex;
  align-items: center;
}

.select_wrap .option .icon{
  background: url('food_items.png') no-repeat 0 0;
  width: 32px;
  height: 32px;
  margin-right: 15px;
}

.select_wrap .option.pizza .icon{
  background-position: 0 0;
}

.select_wrap .option.burger .icon{
  background-position:  0 -35px;
}

.select_wrap .option.ice .icon{
  background-position: 0 -72px;
}

.select_wrap .option.fries .icon{
 background-position: 0 -111px;
  width: 25px;
}

.select_wrap.active .select_ul{
  display: flex;
}

.select_wrap.active .default_option:before{
  top: 16px;
  transform: rotate(-225deg);
}








/***************************/

.ugjhy{
  height: 75vh;
}
.g .highl{
  top: 0;
  left: 0;
}

.mm-main-srv{
margin-top: 15px;
}
.adpmni{
  padding: 10px 15px!important;
  margin: 10px 0;
  background: #111;
  color: #fff;
  border-radius: 10px!important;
  width:100%;
}
.mmhbout{
  display: flex;
  align-items: flex-start;
  font-size: 1.3em;
}
.mm-main-srv, .mm-sv, .mmhand, .mmhand-text, .mmhbout, .mm-ic{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mm-ic{
  width: 100%;
  justify-content: space-between;
  color: #d4b467!important;
  font-weight: bold;
}
.offt{
  color: #fff;
}


.frow{
  color: #d4b467;
}
.frow .soic {
  width: 285px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5em;
}
.seruio{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.seruio .item .col-md-3 {
  border-radius: 10px;
    overflow: hidden
}

.seruio .item .col-md-3 .highl {
width: 100%;
height: 100%;
}

.seruio .item .col-md-3 .panel-heading,.seruio .item .col-md-3 .panel-info > .panel-heading{
padding: 0;
}

.seruio .item .col-md-3 .panel .xzy{
position: absolute;
bottom: 0;
z-index: 5;
}

.seruio .item .col-md-3 .panel .xzy div{
width: 100%;
margin: 0;
padding: 20px 3.5px;
font-size: 1.5em;

}
.zax .panel .AiX div .hr, .bksw .panel .AiX div .hr{
  margin-bottom: 20px
}
.frow a img{
  width: 222px;
  margin-bottom: 5px;
}
.mm-i {

width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.mm-i div{
  width: 200px;
  margin-right: 10px;
}
.mm-g{
  display: flex; 
  width:100%;
  justify-content: space-between;
}
.mm-g .dh {
margin-left: 10%;
}
.mm-i h3 {
  color: #fff;
  
}
.dc{
  display: flex;
  justify-content: center;
}
.offt a{
  color: #f5821f;
}
.mm-main-is{
  width: 100%;
  min-width: 50%;



}
.mm-bset a{

  padding: 10px 30px;
  border-radius: 10px;
  background: #f5821f;
  color: #d4b467;
  font-size: 1.5em;
}
.mm-ic{
  width: 100%;
  display: flex;align-items: center;flex-wrap: wrap;

}
form .mm-i h4{
font-size: 2em;
color: #f5821f
}

.mm-ic input, .mm-ic textarea,.mm-ic select{
  width: 100%;
border-radius: 3px;
margin: 5px 0px;
}
.mm-ic input {
  width: 100%;
  height: 32px;
  padding: 15px;

}
.mmtxt1, .mmtxt2{
  padding: 10px;
}

.glbas{
  min-height: 90vh;
  padding: 50px 90px;
}


.medium-zoom-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;

  transition: opacity 300ms;
  will-change: opacity;
}


.mmtxt2{
width: 100%;
        width: 500px;
    height: 500px;
    padding: 97px;
    padding-top: 0
    
}

.dtil.mmtxt2{

    padding-left: 0;
    padding-right:0;
    
}

.hr2 {
  border: 0;
  height: 1px;
  background: #ddd;
  width: 100%;
  margin: 20px 0 25px 0;
  padding: 0;
}

.qwdh.mmtxt2{
width: 100%;
       height:auto;
    padding: 10px;
    
    
}


.digo.mmtxt1{
    width:70vw;
}
.mm-ic input.sub{
  width: auto;
  height: 50px;
  border-radius: 25px;
  font-weight: 700;
background:#d40837;
  color: #fff;

}
.mm-ic input.sub:hover{
cursor: pointer;
color: #fff
}
.mm-certf {
  width: 100%;
}
.mm-certf .mm-sv{
  padding: 0 20px
}

.mm-certf .mm-sv:last-child{
  padding-right: 0 0px
}
.uniq-mm{
  text-align: right;
}
.uniq-mm p{
color: #eee;
font-size: 2em;


}
.uniq-mm h3{
font-size: 2em;
font-weight: bold;
}

.mm-sv,.mm-sd{
  justify-content: center;
  flex-direction: column;
  align-items: center;
text-align: center;
}
.mmhand{
  align-items: center;
}
.mmhand-text{
  flex-direction: column;

}


.mmhand-text p{
color: #eee;


}

.mmhand-text a{
  color: #fff;
  text-decoration: underline;
}
.mm-sv img{
  width: 78px;
  height: 78px;
  margin-bottom: 10px;
}
.mm-sd img{
  width: 130px;
  height:130px;
  margin-bottom: 10px;
}
.mm-sv p{
  width: 200px;
  font-size: 2em;
  color: #d4b467;
  text-align: center;
}
.mm-store button{
margin-top: 10px;
  padding: 10px 40px;
  background: #c98F6a;
  text-align: center;
  font-size: 2em;
}

section.M3 p.mm-cc{

  color:#f5821f;
}

.mmh-final-header{
  padding: 0 100px;
position: fixed;
bottom: 20px;
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mmh-final-header .mmh-fale a{

background: #d4b467;
border: 2px solid #fff;
border-radius: 5px;
padding: 10px 20px;
text-align: left;
display: flex;
align-items: center;


}
.mmh-final-header .mmh-fale a img{
width: 32px;
height: 32px;
margin-right: 5px;
margin-top: 5px

}
.mmh-final-header .mmh-fale a p{
color: #fff;
font-size: 1.6em;
font-weight: bold;
}

section.M2{
  color: #fff;
}


section.M3 {
  background: #d4b467;
  color: #fff;
  height: auto;
  padding: 100px;
}

section.M2 .mmhbout .mmtxt1,section.M2 .mmhbout .mmtxt2{
  font-size: 1.2em;
  font-weight: 500;
  text-align: left;
}
section.M3 .mmhbout .mmtxt1,section.M3 .mmhbout .mmtxt2{
  font-size: 1.2em;
  font-weight: 500;
}
.hr{
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 10px 0 20px 0;
}

.mm-scm {

}

.mm-certf .mm-sv img{

width: 127px;
height: 127px;
}

.mm-scm a{
  padding: 0 20px;
}
.mm-scm a:last-child{
  padding-right: 0px;
}


.mmtxt1, .mmtxt2 img{
width: 100%;
height: 75%;
}

footer{
  padding: 0 100px;
  width: 100%;
  box-shadow: 0px 1px 4px #000;
}

footer ul{
display: flex;
justify-content: space-between;
}

footer ul li:first-child{
  list-style: none;
}
footer ul li{
  list-style: inherit;
  width: 100%;
  padding: 20px 0
}
footer ul li a{
font-size: 1.35em;
color: #000;  

}



@media only screen and (max-width:1259px) {
.asndp .seruio{
justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
}

@media only screen and (min-width: 1260px) {
.asndp .seruio{
justify-content: space-between;
  flex-direction: row;
}


}

@media only screen and (max-width: 975px) {

.highl{
    max-height:100%
}
.col-md-3{
  height: 100%;
}
.mm-main-srv-mob{
  
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
    padding: 0 10px
}
.mm-sv-mob{
width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mm-sv-mob img{
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}

.mm-sv-mob div a{
  font-weight: bold;
}

.mm-sv-mob p{
  width: 200px;
  font-size: 2em;
  color: #d4b467;
  text-align: center;
}

.mm-main-srv-mob{

  display: flex;
  flex-direction: column;
    padding: 0 75px
}




}

@media only screen and (max-width: 770px) {

.mm-main-srv-mob{
  
  
    padding: 0px
}

.mmhbout{
  flex-wrap: wrap;
}
.mmtxt1, .mmtxt2{
  padding: 0;
  text-align: justify;
}
.M1 .mm-main-srv {
}
.M1 .mm-main-srv .mm-sv img{
}
.mm-sv img{
  width: 30px;
}
.mm-sv a{
display: none;
}

footer .frow{align-items: flex-start; text-align: left; width: 100%}
.PLP{
  width: 100%;

}

.CREDITS{
  padding: 10px 75px 10px 15px;
}
section.M5,section.M4, section.M3,section.M2, section.M1 {
    padding: 40px 15px;
}
.mm-i{
  flex-direction: column;
  align-items: flex-start;
}
.header-bar{
  padding-left: 0;
  padding: 34px 15px 34px 0px
  /*28px 95px 30px 0px*/
}
.header-bar .site-logo a img{height:100%;width:195px!important}
div .mm-main-srv{
display: flex;
flex-direction: column;
}
.mmh-final-header{
padding: 0 10px;
position: fixed;
bottom: 20px;
height: 50px;
width: 100%;
font-size: .8em;
}

.mmh-final-header .mmh-fale a {
    border: 4px solid #fff;
}

.mmh-final-header .mmh-fale a img {

    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-top: 5px;

}

section.M2,section.M3 ,section.M4,section.M5, footer {
    height: auto;

}

.mm-bset a {
    margin-bottom: 30px;
}

.mm-ic {

    width: 100%;
display: flex;align-items: center;
justify-content: center;
}

.mm-i {



}

.mm-i h3 {

color: #fff;
}
.uniq-mm {

    text-align: center;

}

.mm-scm{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

h1 {
    font-size: 2.5em;
    font-weight: bold;
}
h2 {
    font-size: 1.5em;
    font-weight: bold;
}
section {
    padding: 0 10px;
    width: 100%;
    height: 100vh;
}
section.results-section{

height: auto!important;
}

section.M3 {
    padding: 100px 10px;
}

section.M3 .mm-main-srv {
    
    justify-content: center;
}

.mm-bset a {
    padding: 5px 15px;
    border-radius: 5px;
    background: #f5821f;
    color: #d4b467;
    font-size: 1em;
}



.mm-sercv {
    width: 100%;
    height: auto;

}
.mm-sercv .mm-sv{
    width: 124px;
    height: 124px;
    padding: 70px;
}
.mm-certf .mm-sv img {
    width: 127px;
    height: 127px;
}


.hr {

    height: 3px;
    background: #fff;
    margin: 5px 0 10px 0;

}
.mmb-ofs {

    margin-top: 20px;

}
.mm-main-is {
    min-width: 100%;
}

}


@media screen and (min-width: 770px){
    
.mm-ic input{
    margin-right:10px;
}

}

@media screen and (max-width: 770px){
    
section.M4{
        padding: 0px 0px;
    }
    
    section.M7{padding: 40px 10px;}

.formx{flex-wrap:wrap;}
}