@charset "utf-8";

/* CSS Document */

body,
html {
    height: 100%;
    position: relative;
}

@font-face {
    font-family: "inter";
    src: url('Inter-Regular.otf') format('truetype');
}



body {
    margin: 0;
    padding: 0;
    font-family: "inter";
    font-size: 14px;
    color: #555;
    line-height: 160%;
    min-height: 100%;
}

a {
    text-decoration: none;
    transition: 0.5s;
    color: #111;
}

button {
    transition: 0.5s;
    cursor: pointer;
}
a:hover {
    color: #2e3081;
}
li {
    list-style: none;
}
ul {
    margin: 0px;
    padding: 0px;
}
.pointer {
    cursor: pointer;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1 {
  line-height: 160%;
}
.clear {
    clear: both;
}
.fleft {
    float: left;
}

.fright {
    float: right;
}
p {
  text-align: justify;
}
.w-100 {
    width: 100%;
}

.width {
    width: 1200px;
    margin: auto;
}
.width80 {
  width: 800px;
  margin: auto;
}
.header {
    width: 100%;
    height: 120px;
    padding: 20px 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: white;
    box-shadow: 0 0 65px rgba(0,0,0,0.07);
    z-index: 999;
}
.logo {
    width: 15%;
}
.logo img {
    width: 100%;
}
.menu {
    width: 75%;
}
.menu ul {
    width: 75%;
    border-right: 1px solid #ccc;
}
.menu li {
    float: left;
    padding: 30px 20px;
    text-transform: uppercase;
}
.order {
    width: 20%;
    background-image: linear-gradient(to right, #ff2e5c , #ff9f6e);
    color: white;
    text-align: center;
    padding: 10px 0px;
    margin-top: 20px;
    border-radius: 10px;
    transition: 0.3;
}
.order:hover {
    background-image: linear-gradient(to right, #ff9f6e , #ff2e5c);
}
.home {
    width: 100%;
    margin-top: 120px;
}
.w-50 {
    width: 48%;
}
.mt-50 {
    margin-top: 50px;
}
.module {
    width: 100%;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin: 30px 0px;
    background: url(img/dots.png);
    color: #ff2e5c;
}
.ptype {
    width: 100%;
}
.ptype li {
    width: 29%;
    margin: 2%;
    float: left;
    text-align: center;
}
.ptype li img {
    width: 20%;
}
.ptype li h3 {
    min-height: 50px;
}
.ptype li p {
    text-align: justify;
}
.swiper {
        width: 100%;
        height: 100%;
        z-index: -9;
    }
    
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
    }
    
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .mySwiper {
        height: 600px;
        overflow: hidden;
    }
    .mySwiper1 {
        height: 100px;
        overflow: hidden;
    }
    .mySwiper2 {
      height: auto;
  }
    .ag-format-container {
  width: 1142px;
  margin: 0 auto;
}


.ag-offer-block {
  padding: 50px 0 90px
}
.ag-offer_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.ag-offer_item {


  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: relative;
}

.ag-offer_item:nth-child(1) .ag-offer_hidden-item {
  background-color: #e45f0a;
}
.ag-offer_item:nth-child(2) .ag-offer_hidden-item {
  background-color: #ffca00;
}
.ag-offer_item:nth-child(3) .ag-offer_hidden-item {
  background-color: #15c1c1;
}
.ag-offer_item:nth-child(4) .ag-offer_hidden-item {
  background-color: #008000;
}
.ag-offer_item:nth-child(5) .ag-offer_hidden-item {
  background-color: #8c7b00;
}
.ag-offer_item:nth-child(6) .ag-offer_hidden-item {
  background-color: #000080;
}
.ag-offer_item:hover .ag-offer_visible-item {
  opacity: 0;

  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.ag-offer_visible-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  height: 100%;
  width: 100%;


  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: .4s .3s;
  -moz-transition: .4s .3s;
  -o-transition: .4s .3s;
  transition: .4s .3s;
}
.ag-offer_img {
  height: 64px;
  width: 64px;
  margin: 0 15px 0 0;
}
.ag-offer_title {
  font-size: 22px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ag-offer_hidden-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  padding: 30px;

  opacity: 0;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-transform: rotate(180deg) scale(0);
  -moz-transform: rotate(180deg) scale(0);
  -ms-transform: rotate(180deg) scale(0);
  -o-transform: rotate(180deg) scale(0);
  transform: rotate(180deg) scale(0);

  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.ag-offer_item:hover .ag-offer_hidden-item {
  opacity: 1;

  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);

  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}
.ag-offer_text {
  max-width: 100%;

  opacity: 0;

  font-size: 20px;
  color: #FFF;

  -webkit-transition: .3s .5s;
  -moz-transition: .3s .5s;
  -o-transition: .3s .5s;
  transition: .3s .5s;
}
.ag-offer_item:hover .ag-offer_text {
  opacity: 1;
}
.ag-offer_btn {
  display: block;
  padding: 10px 20px;
  border: 2px solid #FFF;

  position: absolute;
  top: 50%;
  left: 50%;

  white-space: nowrap;
  font-size: 25px;
  color: #FFF;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ag-offer_btn:hover {
  border: 2px solid #0000d1;
  background-color: #FFF;

  text-decoration: none;
  color: #0000d1;
}

@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }

  .ag-offer_item {
    width: 100%;
    margin:  0 0 30px;
    border: 0 none !important;
    border-bottom: 1px solid #c1c1c1 !important;
  }
  .ag-offer_visible-item {
    padding: 0 20px 30px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ag-offer_item:hover .ag-offer_visible-item {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .ag-offer_hidden-item {
    padding: 0 20px 20px;

    opacity: 1;

    position: static;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .ag-offer_item:nth-child(1) .ag-offer_hidden-item,
  .ag-offer_item:nth-child(2) .ag-offer_hidden-item,
  .ag-offer_item:nth-child(3) .ag-offer_hidden-item,
  .ag-offer_item:nth-child(4) .ag-offer_hidden-item,
  .ag-offer_item:nth-child(5) .ag-offer_hidden-item,
  .ag-offer_item:nth-child(6) .ag-offer_hidden-item {
    background-color: transparent;
  }
  .ag-offer_item:hover .ag-offer_text {
    opacity: 1;
  }
  .ag-offer_title {
    font-weight: bold;
  }
  .ag-offer_text {
    opacity: 1;

    font-size: 12px;
    color: #000;
  }
  .ag-offer_btn {
    border: 2px solid #0000d1;
    background-color: #000080;

    position: static;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

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

}

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

}

@media (min-width: 768px) and (max-width: 979px) {
  .ag-format-container {
    width: 750px;
  }

}

@media (min-width: 980px) and (max-width: 1161px) {
  .ag-format-container {
    width: 960px;
  }

}




    footer {
        background: #f8fafc;
        width: 100%;
        border-top: #e1e1e1;
        padding: 50px 0px;
    }
    
    footer li {
        width: 29%;
        margin: 2%;
        float: left;
    }
    
    footer li img {
        width: 60%;
    }
    
    footer .icons,
    .contact .icons {
        width: 5%;
        padding-top: 5px;
        float: left;
    }
    
    footer .ftext,
    .contact .icons {
        width: 93%;
        float: right;
    }
    
    footer li input {
        padding: 10px;
        border: 1px solid #555;
        width: 80%;
    }
    
    footer li button {
        padding: 10px;
        border: 1px solid #1e3c96;
        background: #1e3c96;
        width: 20%;
        color: white;
        cursor: pointer;
    }
    
    .foot {
        text-align: center;
        background: white;
        padding: 20px 0px;
    }
    .mt-120 {
      margin-top: 120px;
    }
    .about {
      margin-bottom: 50px;
      line-height: 200%;
      text-align: justify;
      font-size: 16px;
    }
    .news li {
      width: 21%;
      margin: 2%;
      float: left;
    }
    .news li img {
      width: 100%;
      border-radius: 18px;
    }
    .left {
      width: 25%;
    }
    .right {
      width: 70%;
    }
    .newsbody {
      font-size: 16px;
      line-height: 200%;
      text-align: justify;
      margin: 50px 0px;
    }
    .left li {
      width: 100%;
      padding: 10px 20px;
      border-bottom: 1px dashed #ccc;
      text-transform: uppercase;
    }



    #burger {
      position: fixed;
      right: 0px;
      top: 0px;
      color: white;
      background-image: linear-gradient(to right, #ff2e5c , #ff9f6e);
      font-size: 18px;
      padding: 16px 16px 32px 32px;
      border-radius: 0% 0% 0% 100%;
      transition: 1s;
      cursor: pointer;
      display: none;
      z-index: 999;
  }
  
  #quit {
      position: fixed;
      top: 0;
      color: white;
      font-size: 32px;
      padding: 16px;
      display: none;
      cursor: pointer;
  }
  
  #links {
      display: none;
      flex-direction: column;
      width: 100vw;
      height: 50vh;
      padding: 25vh 0;
      justify-content: space-around;
      z-index: 9999;
      position: fixed;
      top: 20vh;
  }
  
  #links a {
      text-align: center;
      text-decoration: none;
      color: white;
      font-size: 2em;
      font-family: 'Roboto';
      z-index: 10;
      line-height: 200%;
  }
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }





    @media (max-width: 800px) {



.width {
  width: 90%;
}
.menu {
  display: none;
}
.fleft, .fright {
  float: none;
}
.w-50 {
  width: 100%;
}
.ptype li {
  width: 96%;
  margin: 2%;
  float: none;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 20px;
}
.ag-offer_visible-item {
  padding: 0px;
}

footer li {
  width: 96%;
  text-align: center;
  float: none;
}
.logo {
  width: 50%;
}
#burger {
  display: block;
}
.left, .right {
  width: 100%;
}
.left {
  margin-bottom: 50px;
}


.news li {
  width: 96%;
  float: none;
  border-bottom: 1px dotted #ccc;
  padding: 30px 0px;
}

.width80 {
  width: 90%;
}
.desktop {
  display: none;
}
.mobile {
  display: block;
}





.swiper-slide {
  font-size: 12px;
}






    }