@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap');


body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-size: 14px; line-height: 160%; font-weight: 400; position: relative; }
body > .wrap {  }
body button { font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-size: 14px; line-height: 160%; font-weight: 400; color:#ffffff; margin: 0px; padding: 0px; }
body input { font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-size: 14px; line-height: 160%; font-weight: 400; color:#ffffff; }
body textarea { font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-size: 14px; line-height: 160%; font-weight: 400; color:#ffffff; }
body a { color: #ffffff; cursor: pointer; }
body a:hover { color: #ffffff; text-decoration: underline; }
body button:focus,
body input:focus,
body textarea:focus { outline: none; }
body img { border: none; margin: 0px; padding: 0px; }
body ul,li { margin: 0px; padding: 0px; list-style: none; }
body ul { font-size: 0px; letter-spacing: 0px; line-height: 0px; }
body ul li { font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-size: 14px; line-height: 160%; font-weight: 400; color:#ffffff; }
body p { margin: 0px; padding: 0px; }
body .left { float: left; }
body .right { float: right; }


body h1,
body h2,
body h3,
body h4 { font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-size: 14px; line-height: 160%;  font-weight: 400; }
::-webkit-scrollbar          { /*display: none;*/ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }
::selection { color: #333333; background: rgba(255,255,255, 0.99); padding: 4px; }
::-moz-selection { color: #333333; background: rgba(255,255,255, 0.99); padding: 4px;}
::placeholder { color: #ffffff; opacity: 1; }
:-ms-input-placeholder { color: #ffffff; }
::-ms-input-placeholder { color: #ffffff; }
/*body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.selection-yes { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }*/
a.byraul { font-size: 12px; font-weight: 700; }
a.byraul font { font-size: 10px; font-weight: 300; }
a.byraul:hover { text-decoration: underline; }


body { background: #ff0033; color: #ffffff;
  /*animation: color-me-in 240s infinite;*/
}

@keyframes color-me-in {
  0% {
    background: #ff0033;
  }
  25% {
    background: #16df95;
  }
  50% {
    background: #fcba04;
  }
  75% {
    background: #5e2bff;
  }
  100% {
    background: #ff0033;
  }
}

body > .wrap { max-width: 1400px; margin: 0 auto; }


body div.alert_newsletter { z-index: 99998; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.8); }
body div.alert_newsletter > .wrap { position: relative !important; margin: 15% auto; width: 480px; padding: 20px; background: #fff; text-align: center; }
body div.alert_newsletter > .wrap .close { text-align: right; font-size: 0px; }
body div.alert_newsletter > .wrap .close button {  }
body div.alert_newsletter > .wrap .close button img { height: 16px; }
body div.alert_newsletter > .wrap .logo {  }
body div.alert_newsletter > .wrap .logo img { height: 40px; }
body div.alert_newsletter > .wrap .text { margin: 30px 0 0 0; }
body div.alert_newsletter > .wrap .text span.label { display: block; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; }
body div.alert_newsletter > .wrap .form { margin: 30px 0 0 0; border: 1px solid #000; }
body div.alert_newsletter > .wrap .form span.label { display: block; font-weight: 700; text-transform: uppercase; }
body div.alert_newsletter > .wrap .form input { vertical-align: top; padding: 0 8px; font-size: 14px; line-height: 160%; width: 384px; height: 40px; border: none; }
body div.alert_newsletter > .wrap .form button { vertical-align: top; font-size: 14px; line-height: 160%; width: 78px; height: 40px; border: none; background: #000; color: #fff; }
body div.alert_newsletter > .wrap .form span.response { display: none; padding: 10px 0px; font-weight: 700; text-transform: uppercase; font-size: 20px; }
body div.alert_newsletter > .wrap .follow { margin: 40px 0 0 0; }
body div.alert_newsletter > .wrap .follow span { display: block; }
body div.alert_newsletter > .wrap .follow .icons { margin: 10px 0 0 0; }
body div.alert_newsletter > .wrap .follow .icons a { padding: 4px; }
body div.alert_newsletter > .wrap .follow .icons a img { height: 16px; }



body div.alert_cookies { width: 100%; background: #CCC; color: #000; display: none; }
body div.alert_cookies .txt { padding: 10px; font-size: 13px; }
body div.alert_cookies .txt a { color: #000; text-decoration: underline; }




#headerLAYOUT {  }
#headerLAYOUT > .wrap { padding: 80px 80px 80px 80px; }

#headerLAYOUT section.logo { float: left; width: 50%; }
#headerLAYOUT section.logo > .wrap {  }
#headerLAYOUT section.logo img { height: 80px; }

#headerLAYOUT section.menu { float: right; width: 50%; }
#headerLAYOUT section.menu > .wrap {  }
#headerLAYOUT section.menu ul { font-size: 0px; line-height: 0px; letter-spacing: 0px; }
#headerLAYOUT section.menu ul li { margin: 0px 0px 0px 0px; }
#headerLAYOUT section.menu ul li a,
#headerLAYOUT section.menu ul li button { color: #ffffff; font-size: 40px; line-height: 144%; font-weight: 600; letter-spacing: 1px; text-align: left; white-space: nowrap; }
#headerLAYOUT section.menu ul li a:hover,
#headerLAYOUT section.menu ul li button:hover { color: #ffffff; text-decoration: underline; }






#footerLAYOUT {  }
#footerLAYOUT > .wrap { padding: 80px 80px 80px 80px; }
#footerLAYOUT ul li { ; }
#footerLAYOUT ul li:first-child { margin: 0px 0 0 0; }


#footerLAYOUT section.contactus { margin: 80px 0px 80px 0px; }
#footerLAYOUT section.contactus > .wrap {  }
#footerLAYOUT section.contactus .left { width: 50%; }
#footerLAYOUT section.contactus .left .title { font-size: 40px; line-height: 160%; margin-right: 80px; }
#footerLAYOUT section.contactus .left .content { font-size: 32px; line-height: 160%; margin-right: 80px; }
#footerLAYOUT section.contactus .left .image {  }
#footerLAYOUT section.contactus .left .image img {  }
#footerLAYOUT section.contactus .left ul {  margin: 32px 80px 0 0; }
#footerLAYOUT section.contactus .left ul li { display: block; margin: 16px 0 0 0; }
#footerLAYOUT section.contactus .left ul li .label { font-size: 16px; line-height: 160%; }
#footerLAYOUT section.contactus .left ul li .value { font-size: 24px; line-height: 160%; }
#footerLAYOUT section.contactus .left ul li:hover { /*border: 1px solid #ffffff;*/ }
#footerLAYOUT section.contactus .left ul li:hover a { color: #ffffff; text-decoration: underline; }
#footerLAYOUT section.contactus .right { width: 50%; }
#footerLAYOUT section.contactus .right .row { margin: 0px 0px 16px 0px; }
#footerLAYOUT section.contactus .right .row input,
#footerLAYOUT section.contactus .right .row textarea { display: block;
width: calc(100% - 32px); height: ; padding: 16px 16px; line-height: 1.5; color: #fffff; background-color: rgba(255,255,255,.1); background-clip: padding-box; border: 1px solid rgba(255,255,255,.1); border-radius: 0.25rem; }
#footerLAYOUT section.contactus .right .row input[type="submit"] { width: 100%; background-color: #ffffff; color: #333333; }
#form-message-warning,
#form-message-success { display: none; }


#footerLAYOUT section.line {  }
#footerLAYOUT section.line > .wrap {  }
#footerLAYOUT section.line hr { border: none; border-top: 1px solid #ffffff; margin: 0px; padding: 0px; }


#footerLAYOUT section.column { float: left; width: 25%; }
#footerLAYOUT section.column > .wrap { margin: 64px 16px 0 0; }

#footerLAYOUT section.column .logo {  }
#footerLAYOUT section.column .logo img { width: auto; height: 80px; }

#footerLAYOUT section.column .copy { margin: 32px 0 0 0; }
#footerLAYOUT section.column .copy span { display: block; }

#footerLAYOUT section.column .menu {  }
#footerLAYOUT section.column .menu ul {  }
#footerLAYOUT section.column .menu ul li { font-size: 14px; line-height: 160%; }
#footerLAYOUT section.column .menu ul li a {  }

#footerLAYOUT section.column .contacts {  }
#footerLAYOUT section.column .contacts ul {  }
#footerLAYOUT section.column .contacts ul li { font-size: 14px; line-height: 160%; }
#footerLAYOUT section.column .contacts ul li a {  }

#footerLAYOUT section.column .social { margin: 32px 0 0 0; }
#footerLAYOUT section.column .social ul {  }
#footerLAYOUT section.column .social ul li { font-size: 14px; line-height: 160%; }
#footerLAYOUT section.column .social ul li a {  }

#footerLAYOUT section.column .info { margin: 32px 0 0 0; }
#footerLAYOUT section.column .info span { display: block; }









#contentLAYOUT {  }
#contentLAYOUT > .wrap { padding: 80px 80px 80px 80px; }











@media screen and (max-width: 1919px) /* 1920px -> 1680px */ {


}

@media screen and (max-width: 1679px) /* 1680px -> 1440px */ {


}

@media screen and (max-width: 1439px) /* 1440px -> 1366px */ {


}

@media screen and (max-width: 1365px) /* 1366px -> 1024px */ {

}

@media screen and (max-width: 1023px) /*1024 --> 768*/ {


}

@media screen and (max-width: 767px) /*768 --> 667*/ {

  body { font-size: 12px; line-height: 160%; }
  body button { font-size: 12px; line-height: 160%; }
  body input { font-size: 12px; line-height: 160%; }
  body textarea { font-size: 12px; line-height: 160%; }
  body ul li { font-size: 12px; line-height: 160%; }





  #headerLAYOUT > .wrap { padding: 24px 24px 24px 24px; }

  #headerLAYOUT section.logo { width: 48px; }
  #headerLAYOUT section.logo > .wrap {  }
  #headerLAYOUT section.logo img { width: 48px; height: auto; }

  #headerLAYOUT section.menu { width: calc(100% - 80px); }
  #headerLAYOUT section.menu ul li { margin: 0px 0px 0px 0px; }
  #headerLAYOUT section.menu ul li a,
  #headerLAYOUT section.menu ul li button { font-size: 24px; line-height: 144%; }



  #footerLAYOUT {  }
  #footerLAYOUT > .wrap { padding: 80px 24px 24px 24px; }
  #footerLAYOUT ul li { margin: 16px 0 0 0; }
  #footerLAYOUT ul li:first-child { margin: 0px 0 0 0; }




  #footerLAYOUT section.contactus { margin: 40px 0px 40px 0px; }
  #footerLAYOUT section.contactus > .wrap {  }
  #footerLAYOUT section.contactus .left { width: 100%; }
  #footerLAYOUT section.contactus .left .title { font-size: 24px; line-height: 160%; margin-right: 0px; }
  #footerLAYOUT section.contactus .left .content { font-size: 16px; line-height: 160%; margin-right: 0px; }
  #footerLAYOUT section.contactus .left .image {  }
  #footerLAYOUT section.contactus .left .image img {  }
  #footerLAYOUT section.contactus .left ul {  margin: 32px 0px 0 0; }
  #footerLAYOUT section.contactus .left ul li { display: block; margin: 16px 0 0 0; }
  #footerLAYOUT section.contactus .left ul li .label { font-size: 14px; line-height: 160%; }
  #footerLAYOUT section.contactus .left ul li .value { font-size: 16px; line-height: 160%; }
  #footerLAYOUT section.contactus .right { width: 100%; margin: 40px 0px 0px 0px; }
  #footerLAYOUT section.contactus .right .row { margin: 0px 0px 16px 0px; }
  #footerLAYOUT section.contactus .right .row input,
  #footerLAYOUT section.contactus .right .row textarea { display: block;
  width: calc(100% - 32px); height: ; padding: 16px 16px; line-height: 1.5; color: #fffff; background-color: rgba(255,255,255,.1); background-clip: padding-box; border: 1px solid rgba(255,255,255,.1); border-radius: 0.25rem; }
  #footerLAYOUT section.contactus .right .row input[type="submit"] { width: 100%; background-color: #ffffff; color: #333333; }
  #form-message-warning,
  #form-message-success { display: none; }


  #footerLAYOUT section.column { float: inherit; width: 100%; }
  #footerLAYOUT section.column > .wrap {  }





  #contentLAYOUT {  }
  #contentLAYOUT > .wrap { position: relative; padding: 24px; }


}

@media screen and (max-width: 666px) /*667 --> 414*/ {


}

@media screen and (max-width: 413px) /*414 --> 375*/ {

}

@media screen and (max-width: 374px) /*375 --> ___*/ {

}