/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}
ol, ul, li {
  list-style:none;
}

img {
  border:none;
  outline:none;
}
a {
  text-decoration:none;
  color:#333;
}

input, button {
  -webkit-appearance:none;
  appearance:none;
  border:none;
  background-color:transparent;
}

@font-face {
	font-family:'Roboto';
	font-weight:300;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Light'), url('../fonts/Roboto-Light.eot'), 
      url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Light.woff2') format('woff2'), 
      url('../fonts/Roboto-Light.woff') format('woff'), 
      url('../fonts/Roboto-Light.ttf') format('truetype'), 
      url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:400;
	font-style:italic;
	font-display:swap;
  src:local('Roboto Italic'), 
      url('../fonts/Roboto-Italic.eot'), 
      url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Italic.woff2') format('woff2'), 
      url('../fonts/Roboto-Italic.woff') format('woff'), 
      url('../fonts/Roboto-Italic.ttf') format('truetype'), 
      url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:400;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Regular'), 
      url('../fonts/Roboto-Regular.eot'), 
      url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Regular.woff2') format('woff2'), 
      url('../fonts/Roboto-Regular.woff') format('woff'), 
      url('../fonts/Roboto-Regular.ttf') format('truetype'), 
      url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:500;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Medium'), 
      url('../fonts/Roboto-Medium.eot'), 
      url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Medium.woff2') format('woff2'), 
      url('../fonts/Roboto-Medium.woff') format('woff'), 
      url('../fonts/Roboto-Medium.ttf') format('truetype'), 
      url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:500;
	font-style:italic;
	font-display:swap;
  src:local('Roboto MediumItalic'), 
      url('../fonts/Roboto-MediumItalic.eot'), 
      url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-MediumItalic.woff2') format('woff2'), 
      url('../fonts/Roboto-MediumItalic.woff') format('woff'), 
      url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), 
      url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
}

@font-face {
	font-family:'Roboto Condensed';
	font-weight:700;
	font-style:normal;
	font-display:swap;
  src:local('RobotoCondensed-Bold'), 
      url('../fonts/RobotoCondensed-Bold.eot'), 
      url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'), 
      url('../fonts/RobotoCondensed-Bold.woff') format('woff'), 
      url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'), 
      url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
}

@font-face {
	font-family:'Roboto Condensed';
	font-weight:700;
	font-style:italic;
	font-display:swap;
  src:local('RobotoCondensed-BoldItalic'), 
      url('../fonts/RobotoCondensed-BoldItalic.eot'), 
      url('../fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'), 
      url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'), 
      url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'), 
      url('../fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:700;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Bold'), url('../fonts/Roboto-Bold.eot'), 
      url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Bold.woff2') format('woff2'), 
      url('../fonts/Roboto-Bold.woff') format('woff'), 
      url('../fonts/Roboto-Bold.ttf') format('truetype'), 
      url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:700;
	font-style:italic;
	font-display:swap;
  src:local('Roboto BoldItalic'), 
      url('../fonts/Roboto-BoldItalic.eot'), 
      url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-BoldItalic.woff2') format('woff2'), 
      url('../fonts/Roboto-BoldItalic.woff') format('woff'), 
      url('../fonts/Roboto-BoldItalic.ttf') format('truetype'), 
      url('../fonts/Roboto-BoldItalic.svg#Roboto-Bold') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:900;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Black'), 
      url('../fonts/Roboto-Black.eot'), 
      url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Black.woff2') format('woff2'), 
      url('../fonts/Roboto-Black.woff') format('woff'), 
      url('../fonts/Roboto-Black.ttf') format('truetype'), 
      url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:900;
	font-style:italic;
	font-display:swap;
  src:local('Roboto BlackItalic'), 
      url('../fonts/Roboto-BlackItalic.eot'), 
      url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-BlackItalic.woff2') format('woff2'), 
      url('../fonts/Roboto-BlackItalic.woff') format('woff'), 
      url('../fonts/Roboto-BlackItalic.ttf') format('truetype'), 
      url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
}

@font-face {
	font-family:'Montserrat';
	font-weight:800;
	font-style:italic;
	font-display:swap;
  src:local('Montserrat-ExtraBoldItalic'), 
      url('../fonts/Montserrat-ExtraBoldItalic.eot'), 
      url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'), 
      url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), 
      url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'), 
      url('../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
}

@font-face {
	font-family:'Montserrat';
	font-weight:700;
	font-style:normal;
	font-display:swap;
  src:local('Montserrat-Bold'), 
      url('../fonts/Montserrat-Bold.eot'), 
      url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Montserrat-Bold.woff2') format('woff2'), 
      url('../fonts/Montserrat-Bold.woff') format('woff'), 
      url('../fonts/Montserrat-Bold.ttf') format('truetype'), 
      url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
} */
/* 
html, body {
  background:#fff;
  font-family:'Roboto';
  font-weight:400;
  line-height:1.4;
  font-size:16px;
  color:#333;
  -webkit-text-size-adjust:none;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}

*, *:before, *:after {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

h1, h2, h3, h4, h5, h6, .sub-title {
  line-height:1.4;
  font-size:100%;
  font-weight:700;
}
p {
  line-height:1.4;
  font-size:100%;
  font-weight:inherit;
} */

@font-face {
	font-family:'Roboto';
	font-weight:300;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Light'), url('../fonts/Roboto-Light.eot'), 
      url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Light.woff2') format('woff2'), 
      url('../fonts/Roboto-Light.woff') format('woff'), 
      url('../fonts/Roboto-Light.ttf') format('truetype'), 
      url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:400;
	font-style:italic;
	font-display:swap;
  src:local('Roboto Italic'), 
      url('../fonts/Roboto-Italic.eot'), 
      url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Italic.woff2') format('woff2'), 
      url('../fonts/Roboto-Italic.woff') format('woff'), 
      url('../fonts/Roboto-Italic.ttf') format('truetype'), 
      url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:400;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Regular'), 
      url('../fonts/Roboto-Regular.eot'), 
      url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Regular.woff2') format('woff2'), 
      url('../fonts/Roboto-Regular.woff') format('woff'), 
      url('../fonts/Roboto-Regular.ttf') format('truetype'), 
      url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:500;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Medium'), 
      url('../fonts/Roboto-Medium.eot'), 
      url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Medium.woff2') format('woff2'), 
      url('../fonts/Roboto-Medium.woff') format('woff'), 
      url('../fonts/Roboto-Medium.ttf') format('truetype'), 
      url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:500;
	font-style:italic;
	font-display:swap;
  src:local('Roboto MediumItalic'), 
      url('../fonts/Roboto-MediumItalic.eot'), 
      url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-MediumItalic.woff2') format('woff2'), 
      url('../fonts/Roboto-MediumItalic.woff') format('woff'), 
      url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), 
      url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
}

@font-face {
	font-family:'Roboto Condensed';
	font-weight:700;
	font-style:normal;
	font-display:swap;
  src:local('RobotoCondensed-Bold'), 
      url('../fonts/RobotoCondensed-Bold.eot'), 
      url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'), 
      url('../fonts/RobotoCondensed-Bold.woff') format('woff'), 
      url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'), 
      url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
}

@font-face {
	font-family:'Roboto Condensed';
	font-weight:700;
	font-style:italic;
	font-display:swap;
  src:local('RobotoCondensed-BoldItalic'), 
      url('../fonts/RobotoCondensed-BoldItalic.eot'), 
      url('../fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'), 
      url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'), 
      url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'), 
      url('../fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:700;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Bold'), url('../fonts/Roboto-Bold.eot'), 
      url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Bold.woff2') format('woff2'), 
      url('../fonts/Roboto-Bold.woff') format('woff'), 
      url('../fonts/Roboto-Bold.ttf') format('truetype'), 
      url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:700;
	font-style:italic;
	font-display:swap;
  src:local('Roboto BoldItalic'), 
      url('../fonts/Roboto-BoldItalic.eot'), 
      url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-BoldItalic.woff2') format('woff2'), 
      url('../fonts/Roboto-BoldItalic.woff') format('woff'), 
      url('../fonts/Roboto-BoldItalic.ttf') format('truetype'), 
      url('../fonts/Roboto-BoldItalic.svg#Roboto-Bold') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:900;
	font-style:normal;
	font-display:swap;
  src:local('Roboto Black'), 
      url('../fonts/Roboto-Black.eot'), 
      url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-Black.woff2') format('woff2'), 
      url('../fonts/Roboto-Black.woff') format('woff'), 
      url('../fonts/Roboto-Black.ttf') format('truetype'), 
      url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
}

@font-face {
	font-family:'Roboto';
	font-weight:900;
	font-style:italic;
	font-display:swap;
  src:local('Roboto BlackItalic'), 
      url('../fonts/Roboto-BlackItalic.eot'), 
      url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/Roboto-BlackItalic.woff2') format('woff2'), 
      url('../fonts/Roboto-BlackItalic.woff') format('woff'), 
      url('../fonts/Roboto-BlackItalic.ttf') format('truetype'), 
      url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
}

.cp_content{
  font-size:16px;
  font-family:'Roboto';
  font-weight:400;
}

.cp_content h1, .cp_content h2,  .cp_content h3, .cp_content h4, .cp_content h5, .cp_content h6 {
  line-height:1.4;
  font-weight:700;
}
.cp_content p {
  line-height:1.4;
  font-weight:inherit;
}

.cp_popup, .nav_but, .nav_close{
  display:none;
}
.fs-page img{
  width:100%;
  height:auto;
}
.cp_container{
  width:93.75%;
  max-width:1350px;
  margin:0 auto;
}
.full_width{
  width:100%;
  max-width:initial;;
}
.cp_content {
  /* padding-top:7.07%; */
  padding-bottom:4.07%;
}
.cp_title{
  display:block;
}
.cp_title--large{
  font-size:44px;
  line-height:1.24;
  margin-bottom:20px;
}
.cp_title--medium{
  font-size:18px;
  margin-bottom:20px;
}
.cp_title--small{
  font-size:16px;
  margin-bottom:10px;
}
.cp_btns{
  display:flex;
  align-items:center;
}
.cp_btn{
  display:block;
  padding:0 47px;
  height:50px;
  line-height:48px;
  box-shadow:0px 4px 10px rgba(0, 0, 0, 0.15);
  cursor:pointer;
  margin-right:18px;
  border:2px solid;
  border-color:#FF8364;
  text-decoration: none;
}
.cp_btn:last-child{
  margin-right:0;
}
.cp_btn--fill{
  background-color:#FF8364;
  color:#fff;
}
.cp_btn--stroke{
  background-color:#fff;
  color:#333;
}
.cp_btn--txt{
  position:relative;
}

.cp_pic {
  position:relative;
  line-height:0;
}
.cp_pic img{
  width:100%;
  height:auto;
}

.cp_brief p{
  margin-bottom:30px;
}

.cp_section{
  overflow:hidden;
}

.color_green{
  color:#46BD93;
}

.cp_header{
  position:relative;
  z-index:10;
}
.cp_header__top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:5px 0;
}
/*
.logo__main,
.logo{
  width:80px;
  height:auto;
  font-size:0;
  line-height:0;
}
.logo__brand{
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:190px;
  height:auto;
}
.logo__link{
  display:block;
}
.logo__main {
  margin-left:20px;
}
.logo__img{
  width:100%;
  height:auto;
}*/
.cp_link,
.rule__list,
.social__list{
  display:flex;
}
.cp_link__item,
.rule__item{
  padding:4px 14px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin-left:20px;
  cursor:pointer;
  text-decoration: none;
  color: #222;
}
.cp_link__item:hover,
.rule__item:hover{
  color: #FF8364;
}
.social__item{
  margin-left:16px;
  width:40px;
  font-size:0;
  line-height:0;
}
.social__img{
  width:100%;
  height:auto;
}


.cp_header__nav{
  position:absolute;
  left:0;
  top:auto;
  width:100%;
}
.nav__list{
  position:relative;
  width:100%;
  display:flex;
  justify-content:center;
  padding:20px 0;
}
.nav__item{
  position:relative;
  margin:0 20px;
  cursor:pointer;
}
.nav__txt{
  display:block;
  padding:5px 0;
  text-transform:uppercase;
}
.nav__item::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background-color:#3C64B1;
  -webkit-transform:scale3d(0,1,1);
  transform:scale3d(0,1,1);
}


.cp_container--footer {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  background-color:#ECF1F6;
  padding:25px 0;
}
.copyright{
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  padding-left:2.2222%;
}
.social__list{
  padding-right:2.2222%;
}



/*Slider*/
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  -o-transition-property:transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform:translate3d(0px, 0, 0);
  transform:translate3d(0px, 0, 0);
}
.swiper-slide {
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  -o-transition-property:transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform;
}
.swiper-button-prev,
.swiper-button-next {
  position:absolute;
  top:50%;
  width:30px;
  height:auto;
  z-index:10;
  cursor:pointer;
  background-position:center;
  background-repeat:no-repeat;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.swiper-button-prev::before,
.swiper-button-next::before {
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:100%;
}
.swiper-button-prev {
  background-image:url(../images/prev.svg);
  left:0;
  right:auto;
  background-size:40%;
}
.swiper-button-next {
  background-image:url(../images/next.svg);
  right:0;
  background-size:40%;
}
.swiper-pagination {
  position:absolute;
  text-align:center;
  -webkit-transition:300ms opacity;
  -o-transition:300ms opacity;
  transition:300ms opacity;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  z-index:3;
}
.swiper-pagination-bullet {
  position:relative;
  width:30px;
  height:5px;
  display:inline-block;
  background-color:#E0E0E0;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:0 5px;
  opacity:1;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer;
}
.swiper-pagination-bullet-active {
  background-color:#3C64B1;
}
.swiper-container-fade .swiper-slide {
  pointer-events:none;
  -webkit-transition-property:opacity;
  -o-transition-property:opacity;
  transition-property:opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events:none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events:auto;
}



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

  .cp_header__top{
    flex-wrap:wrap;
    padding:10px 5%;
  }
  .nav_but {
    display:block;
    width:40px;
    position:absolute;
    left:5%;
    top:230px;
    cursor:pointer;
  }
  .cp_header.fixed .nav_but{
    position:fixed;
    top:10px;
    z-index:2;
  }
  .nav_close{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    right:-45px;
    top:30px;
    cursor:pointer;
    padding:10px;
    background-color:#3C64B1;
    -webkit-border-radius:50%;
    border-radius:50%;
  }
  .header_green .nav_close{
    background-color:#46BD93;
  }
  .logo__main {
    width:70px;
  }
  .cp_link{
    position:absolute;
    left:5%;
    top:26px;
    margin-left:-14px;
  }
  .cp_link__item{
    margin:0 20px 0 0;
  }
  .logo__brand{
    position:relative;
    left:auto;
    top:auto;
    -webkit-transform:none;
    transform:none;
    width:100%;
    padding:30px 0;
    text-align:center;
  }
  .logo__brand .logo__link{
    display:inline-block;
    width:190px;
  }

  .cp_header__nav{
    position:fixed;
    left:0;
    top:0;
    width:80%;
    height:100vh;
    background-color:#fff;
    box-shadow:0 0 3px rgb(0 0 0 / 50%);
    -webkit-transform:translateX(-115%);
    transform:translateX(-115%);
    -webkit-transition:transform 0.3s ease-in-out;
    transition:transform 0.3s ease-in-out;
    z-index:4;
  }
  .nav__list{
    display:block;
    padding:30px;
  }
  .nav__item{
    margin:0 0 10px 0;
  }
  .nav__txt{
    padding:15px 0;
  }

  .open_menu .cp_header__nav{
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }

  .cp_container--footer{
    flex-wrap:wrap;
    padding:50px 0 25px 0;
  }
  .copyright{
    position:relative;
    left:auto;
    top:auto;
    -webkit-transform:none;
    transform:none;
    padding:0;
    width:100%;
    text-align:center;
  }
  .rule__list, .social__list {
    width:100%;
    justify-content:center;
  }
  .copyright, .rule__list, .social__list {
    margin-bottom:25px;
  }
  
}

@media screen and (max-width:520px) {
  .nav_but {
    top:160px;
  }
  .logo__brand{
    padding:10px 0 15px 0;
  }
  .logo__main{
    width:60px;
  }
  .logo__brand .logo__link{
    width:150px;
  }


}
@media screen and (min-width:768px) {
  .enroll_ss{
    padding-bottom: 10vh;
  }
  
}