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

@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-ExtraLight.eot');
  src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
    url('../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-ExtraLight.woff') format('woff'),
    url('../fonts/Circe-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Thin.eot');
  src: local('Circe Thin'), local('Circe-Thin'),
    url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Thin.woff') format('woff'),
    url('../fonts/Circe-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

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

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

@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-ExtraBold.eot');
  src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
    url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-ExtraBold.woff') format('woff'),
    url('../fonts/Circe-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}



html { overflow: auto; height: 100%; display: fixed; overflow-scrolling: auto; }

html * { max-height:999999px; }


body {
 font: 300 14px/14px 'Gilroy', sans-serif;
 line-height: 1.1em;
color: #103635;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0 auto;
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
      background: #fff;
}



iframe {
  border: 0;
}


h1{
    text-align: left;
     font: 300 50px/14px 'Circe', sans-serif;
    line-height: 1.2em;
    font-stretch: narrower;
    font-style: normal;
    padding-top: 50px;
    margin: 0 auto;
    margin-top: 1px;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: relative;;
}




img {
border:0;
}

.clear {
clear: both;
margin: 0;
padding: 0;
height: 0;
}


h2 {
  text-align: left;
  margin-top: 0;
}

h2 span {
  font-weight: bold;
}



.logo{
}


.container {
   /*width: 1170px !important;*/
    position: relative;
    margin: 0 auto;
    min-width: 320px;
}



.modal_form{
  display: none;
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border-bottom: 1px solid #b91212 !important;
color: #fff;
}

.ui-widget-content{
background: #fff !important;
font: 400 14px 'Roboto', sans-serif;
    line-height: 1.1em;
    color: #E64017;
}



.wrap .fancybox-skin, .wrap2 .fancybox-skin, .wrap3 .fancybox-skin, .wrap4 .fancybox-skin, .wrap_black .fancybox-skin {
    color: #444;
    background: transparent;
    border: 0;
    margin-left: 0px !important;
}

.fancybox-wrap {
width: auto !important;
}

html.fancybox-lock, body.fancybox-lock {
    overflow: auto !important;
    margin-right: 0px !important;
}

.modal_form .form_box{    width: auto; float: none;}

.modal_form{
    width: 450px;
    max-width: 455px;
    color: #fff;;
    background: #40B85F;
    padding: 30px 30px;
}

.input_box {
  display: block;
  vertical-align: top;;;
}

.modal_form_name {
    font: 300 24px/14px 'Circe', sans-serif;
    line-height: 1.3em;
    text-align: center;
    padding-bottom: 20px;
}

.modal_form_name2 {
    font: 300 20px/14px 'Circe', sans-serif;
    line-height: 1.3em;
    text-align: center;
}


.modal_form .form_box {}

.modal_form .btn_main {
  width: 100%;
}

.navbar-toggle {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 12px;
}


.navbar-toggle:hover {
  opacity: 0.8;
}

.header_top{
}

#success {
    background: #40B85B;
    padding: 20px 0px;
}

.success_in .fancybox-inner {
  background: #40B85B;
}

#success .modal_form_name {
    padding-bottom: 0px;}

#success .form_title{
margin: 0;}


.header_box {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 10;;
}


.main{
    background:  url(../images/main_bg.png) no-repeat;
  background-position: top center;
  position:  relative;
  padding-bottom: 100px;
        padding-bottom: 190px;
    margin-top:  50px;;
}
.header {
  margin-bottom: 15px;
  padding-top: 20px;


}
.logo_box {
      text-decoration: none;
    padding-top: 0px;}

.logo_box:hover {
     text-decoration: none;
}




.wrap_y .fancybox-inner {
    width: auto !important;
    margin-left: 0px !important;
    height: auto !important;
}





.header_right {
  text-align: right;
  position: relative;;
}


.menu_box {

}


.caret {
    background:  url(../images/arrow.svg) no-repeat;
  background-position: top center;
  width: 8px;
  height: 10px;
  border: 0;
}

.dropdown {
    font: 400 12px/14px 'Circe', sans-serif;
    line-height: 1.0em;
    margin-right: 90px;;;
}

.btn {
border-radius: 30px;
outline: none;
padding-top: 8px;;;
}

.btn .caret {
    margin-left: 5px;
    margin-top: 2px;
}

.dropdown {
outline: none !important;
display: inline-block;
vertical-align: top;;;;
}

.navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: auto !important;
}

.navbar-collapse.in {
    overflow-y: visible !important;
    display: block !important;
}

.navbar-toggle {
  display: block;
  margin-top: -4px;
  z-index: 5;;;
}



.menu_box_inner a {
  color: #103635;
      font: 400 16px/14px 'Circe', sans-serif;
    line-height: 1.3em;
}


.menu_box_inner li {
  margin: 20px 0px;;

}


.m_title2 {
        font: 300 24px/14px 'Circe', sans-serif;
    line-height: 1.3em;
}


.main ul, .prof ul {
          font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.7em;
    margin-bottom: 40px;
}

.main ul li, .prof ul li {
  margin: 20px 0px;
  position:   relative;
  padding-left: 15px;;
}


.main ul li:before, .prof ul li:before {
  content: '';
  width: 5px;
  height: 15px;
      background:  url(../images/left_arrow.svg) no-repeat;
  background-position: top left;
  position: absolute;
  left: 0px;
  top: 9px;
}


.btn_green {
background: #40B858;
        font: 300 12px/14px 'Circe', sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    min-width: 335px;
    padding: 18px 20px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display:  inline-block;
    vertical-align: top;
    color: #fff;
}


.btn_green:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
}


h2 {
        font: 300 36px/14px 'Circe', sans-serif;
    line-height: 1.1em;
}

.additionally h2 {
  margin-bottom: 40px;
}


.prof .st1 {
        font: 300 13px/14px 'Circe', sans-serif;
    line-height: 1.5em;
    margin-top: 15px;
}


.methods_item {
  margin-top: 40px;
  margin-bottom: 40px;
}



.num_text h4 {
        font: 300 24px/14px 'Circe', sans-serif;
    line-height: 1.5em;
        margin-top: 5px;
        margin-bottom: 0;;;
}

.num_text p {
color: #828282;
        font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.6em;
}


.prof {
  padding-bottom: 160px;
}


.methods {
  padding-bottom: 200px;
      background:  url(../images/methods_bg.png) no-repeat;
  background-position: bottom center;
}

.options {
background: #F2F2F2;
padding-top: 120px;
padding-bottom: 120px;;;
      background:  url(../images/options_bg.png) #F2F2F2 no-repeat;
  background-position: top center;
}


.options h2 {
  text-align: center;
  margin-bottom: 40px;;
  
}

.option_item {
  background: #fff;
  text-align: center;
  padding: 60px 20px;;
  
}

.option_item h5 {
  margin-top: 0;;
             font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.3em;

}

.option_item h5 b {
  color: #40B858;
          font: 700 30px/14px 'Circe', sans-serif;
    line-height: 1.3em;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;;;;
}


.option_item p {
            font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.6em;
            margin-top: 30px;;
}

.option_item p span {
          font: 700 16px/14px 'Circe', sans-serif;
    line-height: 1.6em;
}



.btn_grey {
    background: #fff;
    font: 300 12px/14px 'Circe', sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    min-width: 190px;
    padding: 15px 20px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: inline-block;
    vertical-align: top;
    color: #103635;
border: 2px solid #EDEDED;
}



.btn_grey:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
  background: #40B858;;
}

.option_item .btn_box {
  margin-top: 40px;
}


.additionally {
  padding: 120px 0px;
        background:  url(../images/additionally_bg.png) no-repeat;
  background-position: top center;
}


.additionally_option1 h3, .additionally_option2 h3 {
           font: 300 24px/14px 'Circe', sans-serif;
    line-height: 1.3em;
           margin: 0;;;
}


.additionally_option1 h3 span, .btc {
  margin-top: 30px;
  display: block;
  color: #40B858;
             font: 700 30px/14px 'Circe', sans-serif;
    line-height: 1.3em;
}


.additionally_option2 ul {
           font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.6em;
}

.additionally_option2 ul li {
  margin: 15px 0px;
  position:   relative;
  padding-left: 55px;;
}


.additionally_option2 ul li:before {
    content: '';
    width: 30px;
    height: 2px;
    background: #40B854;
    position: absolute;
    left: 0px;
    top: 11px;
}


.btc {
  margin-left: 55px;;}


.additionally_option2 h3 {
  margin-bottom: 30px;;}


.form_block {
  background: #40B858;
  padding: 100px 0px;
  color: #fff;;
}

.form_block  h2 {
text-align: center;
margin-bottom: 35px;;

}


.inp_name {
           font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.3em;
           margin-top: 10px;;
}

.inp_item {
  margin-bottom: 35px;
}



.inp {
  height: 40px;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #2E9442;
  width: 100%;
      font: 300 16px/14px 'Circe', sans-serif;
    line-height: 1.6em;
    color: #fff;
}


.ui-button-text-only .ui-button-text {
  padding: 0;
}

.btn_white {
    background: #fff;
    font: 300 12px/14px 'Circe', sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    min-width: 180px;
    padding: 15px 20px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: inline-block;
    vertical-align: top;
    color: #103635;
    outline: none;
}

.inp:focus {
    border-bottom: 1px solid #fff;
}



.btn_white:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #103635;
}

.form_block .btn_box {
  text-align: center;
  
}


.alert_mes {
           font: 300 13px/14px 'Circe', sans-serif;
    line-height: 1.6em;
    max-width: 480px;
    margin: 0 auto;
           margin-top: 70px;;
}

.num_text {
  padding-left: 25px;;}


.modal_form {}



.modal_form ::-webkit-input-placeholder { /* WebKit browsers */
    color:     #fbfbfb;
}
.modal_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:     #fbfbfb;
    opacity:  1;
}
.modal_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:     #fbfbfb;
    opacity:  1;
}
.modal_form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:     #fbfbfb;
}

.modal_form .btn_box {
margin-top: 30px;
text-align: center;

}

.modal_form .input_box {
  margin-bottom: 20px;;

}


.menu {
position: absolute;
    right: 0;
    background: #fff;
}


.anim1 {
  position: relative;
}

.sphere {
  position:   relative;
  z-index: 5;
}


@-webkit-keyframes moving {
    100% {
    -webkit-transform: rotate(-360deg);
    }
}


@keyframes moving {
    100% {
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    }
}




@-webkit-keyframes moving2 {
    100% {
    -webkit-transform: rotate(360deg);
    }
}



@keyframes moving2 {
    100% {
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}



@-webkit-keyframes pulse {
  0% {
    width: 362px;
    height: 362px;
      margin-top: -181px;
        margin-left: -181px;
        opacity: 1;
  }
  70% {

    opacity: 0.7;

  }
  100% {

    opacity: 0;

  }
}




@keyframes pulse {
  0% {
    width: 362px;
    height: 362px;
      margin-top: -181px;
        margin-left: -181px;
        opacity: 1;
  }
  70% {

    opacity: 0.7;

  }
  100% {

    opacity: 0;

  }
}



@-webkit-keyframes pulse2 {
  0% {
    width: 170px;
    height: 170px;
      margin-top: -85px;
        margin-left: -85px;
        opacity: 1;
  }
  70% {

    opacity: 0.7;

  }
  100% {

    opacity: 0;

  }
}




@keyframes pulse2 {
  0% {
    width: 170px;
    height: 170px;
      margin-top: -85px;
        margin-left: -85px;
        opacity: 1;
  }
  70% {

    opacity: 0.7;

  }
  100% {

    opacity: 0;

  }
}



.ball_main {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 120px;;;;
  -webkit-animation: moving 60s infinite linear;
    animation: moving 60s infinite linear;
}

.oval1 {
  width: 500px;
  height: 500px;
  border-radius: 100%;
  border: 1px solid #E8E8E8;
  position: absolute;
  top: 50%;
  margin-top: -250px;
  left: 50%;
  margin-left: -250px;
  -webkit-animation: pulse 5s infinite linear;
   animation: pulse 5s infinite linear;
}


.oval2 {
  width: 930px;
  height: 930px;
  border-radius: 100%;
  border: 1px solid #E8E8E8;
  position: absolute;
  top: 50%;
  margin-top: -465px;
  left: 50%;
  margin-left: -465px;;;;;;
  -webkit-animation: pulse 5s infinite linear;
   animation: pulse 5s infinite linear;
}


.oval3 {
  width: 1230px;
  height: 1230px;
  border-radius: 100%;
  border: 1px solid #E8E8E8;
  position: absolute;
  top: 50%;
  margin-top: -615px;
  left: 50%;
  margin-left: -615px;;;;;;
  -webkit-animation: pulse 5s infinite linear;
   animation: pulse 5s infinite linear;
}


.circle1 {
  display: inline-block;
  position: absolute;
  -webkit-transform-origin: -391px 5px;
    -moz-transform-origin: -391px 5px;
    -o-transform-origin: -391px 5px;
    -ms-transform-origin: -391px 5px;
  transform-origin: -391px 5px;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-left: 390px;
  margin-top: -25px;
  -webkit-animation: moving 20s infinite linear;
  animation: moving 20s infinite linear;

}



.circle2 {
  display: inline-block;
  position: absolute;
  -webkit-transform-origin: -275px 29px;
    -moz-transform-origin: -275px 29px;
    -o-transform-origin: -275px 29px;
    -ms-transform-origin: -275px 29px;
  transform-origin: -275px 29px;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  margin-left: 272px;
  margin-top: -25px;
  -webkit-animation: moving2 15s infinite linear;
  animation: moving2 15s infinite linear;

}


.circle3 {
  display: inline-block;
  position: absolute;
  -webkit-transform-origin: -534px 29px;
    -moz-transform-origin: -534px 29px;
    -o-transform-origin: -534px 29px;
    -ms-transform-origin: -534px 29px;
  transform-origin: -534px 29px;
  width: 35px;
  height: 35px;
  top: 50%;
  left: 50%;
  margin-left: 529px;
  margin-top: -25px;
  -webkit-animation: moving2 25s infinite linear;
  animation: moving2 25s infinite linear;

}




.anim1 img {
  width: 100%;
}





.anim2 .sphere_2 {
  width: 171px;
  height: 171px;
  background: linear-gradient(303.69deg, #1C7F6C 12.5%, #40B858 85.62%);
box-shadow: 0px 10px 60px rgba(64, 184, 88, 0.5);
border-radius: 100%
}

 .anim2  .oval1 {
  width: 325px;
  height: 325px;
  margin-left: -162px;
  margin-top: -162px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;
 }


  .anim2  .oval2 {
  width: 500px;
  height: 500px;
  margin-left: -250px;
  margin-top: -250px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }

  .anim2  .oval3 {
  width: 732px;
  height: 732px;
  margin-left: -366px;
  margin-top: -366px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }


 .anim2 .ball_main {
  top: -175px;
  right: -315px;
  -webkit-animation: none;
  animation: none;;;;

 }



 .anim2 .circle2, .anim2  .circle3 {
  width: 35px;
  height: 35px;
}

 .anim2 .circle2 img,  .anim2 .circle3 img {
width: 100%;
}


.anim2  .circle3 {
 margin-left: 320px;
 margin-top: -11px;
 -webkit-animation: moving2 20s infinite linear;
 animation: moving2 20s infinite linear;
 -webkit-transform-origin: -320px 13px;
    -moz-transform-origin: -320px 13px;
    -o-transform-origin: -320px 13px;
    -ms-transform-origin: -320px 13px;
 transform-origin: -320px 13px;
}








.anim3 .sphere_3 {
  width: 275px;
  height: 275px;
  background: linear-gradient(303.69deg, #1C7F6C 12.5%, #40B858 85.62%);
box-shadow: 0px 10px 60px rgba(64, 184, 88, 0.5);
border-radius: 100%
}

 .anim3  .oval1 {
  width: 518px;
  height: 518px;
  margin-left: -259px;
  margin-top: -259px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;
 }


  .anim3  .oval2 {
  width: 804px;
  height: 804px;
  margin-left: -402px;
  margin-top: -402px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }

  .anim3  .oval3 {
  width: 1178px;
  height: 1178px;
  margin-left: -589px;
  margin-top: -589px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }






.anim3 {
      display: inline-block;
    vertical-align: top;
    position: absolute;
    animation: moving 60s infinite linear;
    -webkit-animation: none;
  animation: none;
    bottom: 700px;
  left: -470px;

}



 .anim3 .circle2, .anim3  .circle3 {
  width: 35px;
  height: 35px;
}

 .anim3 .circle2 img,  .anim3 .circle3 img {
width: 100%;
}


.anim3  .circle3 {
 margin-left: 320px;
 margin-top: -11px;
 -webkit-animation: moving2 20s infinite linear;
 animation: moving2 20s infinite linear;
 -webkit-transform-origin: -320px 13px;
    -moz-transform-origin: -320px 13px;
    -o-transform-origin: -320px 13px;
    -ms-transform-origin: -320px 13px;
 transform-origin: -320px 13px;
}








.anim4 .sphere_4 {
  width: 167px;
  height: 167px;
  background: linear-gradient(303.69deg, #1C7F6C 12.5%, #40B858 85.62%);
box-shadow: 0px 10px 60px rgba(64, 184, 88, 0.5);
border-radius: 100%
}

 .anim4  .oval1 {
  width: 314px;
  height: 314px;
  margin-left: -157px;
  margin-top: -157px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;
 }


  .anim4  .oval2 {
  width: 490px;
  height: 490px;
  margin-left: -245px;
  margin-top: -245px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }








.anim4 {
      display: inline-block;
    vertical-align: top;
    position: absolute;
    animation: moving 60s infinite linear;
    -webkit-animation: none;
  animation: none;;
  left: -355px;
      top: -61px;;

}



 .anim4 .circle2, .anim4  .circle1 {
  width: 35px;
  height: 35px;
}

 .anim4 .circle2 img,  .anim4 .circle1 img {
width: 100%;
}



.anim4  .circle1 {
 margin-left: 320px;
 margin-top: -11px;
 -webkit-animation: moving 20s infinite linear;
 animation: moving 20s infinite linear;
 -webkit-transform-origin: -320px 13px;
    -moz-transform-origin: -320px 13px;
    -o-transform-origin: -320px 13px;
    -ms-transform-origin: -320px 13px;
 transform-origin: -320px 13px;
}









.anim5 .sphere_5 {
  width: 244px;
  height: 244px;
  background: linear-gradient(303.69deg, #1C7F6C 12.5%, #40B858 85.62%);
box-shadow: 0px 10px 60px rgba(64, 184, 88, 0.5);
border-radius: 100%
}

 .anim5  .oval1 {
  width: 460px;
  height: 460px;
  margin-left: -230px;
  margin-top: -230px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;
 }


  .anim5  .oval2 {
  width: 716px;
  height: 716px;
  margin-left: -358px;
  margin-top: -358px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }

  .anim5  .oval3 {
  width: 1048px;
  height: 1048px;
  margin-left: -524px;
  margin-top: -524px;
      animation: pulse2 5s infinite linear;
      -webkit-animation: none;
      animation: none;

 }






.anim5 {
      display: inline-block;
    vertical-align: top;
    position: absolute;
    animation: moving 60s infinite linear;
    -webkit-animation: none;
  animation: none;
  right: -80px;
      bottom: 255px;

}



 .anim5 .circle2, .anim5  .circle3 {
  width: 35px;
  height: 35px;
}

 .anim5 .circle2 img,  .anim5 .circle3 img {
width: 100%;
}


.anim5  .circle3 {
 margin-left: 320px;
 margin-top: -11px;
 animation: moving2 20s infinite linear;
 -webkit-animation: moving2 20s infinite linear;
 -webkit-transform-origin: -320px 13px;
    -moz-transform-origin: -320px 13px;
    -o-transform-origin: -320px 13px;
    -ms-transform-origin: -320px 13px;
 transform-origin: -320px 13px;
}


.line {
  width: 1px;
  height: 195px;
  background: #E5E5E5;
  position: absolute;
  right: -135px;
  top: 0px;
}

.dropdown-toggle:focus, .open > .dropdown-toggle.btn-default {
    outline: none !important;
}



@media (min-width: 1200px) {



}





@media (min-width: 1200px) {



}






@media (min-width: 1200px) {



}






@media (max-width: 1200px) {



}






@media (min-width: 992px) and (max-width: 1200px) {



.line {
  right: -105px;

}


}




@media (min-width: 992px) {


}



@media (min-width: 768px) and (max-width: 1200px) {




}



@media (min-width: 768px) and (max-width:  991px) {


h1 {
    font: 300 36px/14px 'Circe', sans-serif;
    line-height: 1.2em;
}


.line {
  right: 35px;
  
}



}


@media (max-width: 991px) {



}



@media (max-width: 767px) {


h1 {
    text-align: left;
    font: 300 35px/14px 'Circe', sans-serif;
    line-height: 1.2em;
    padding-top: 60px;;
}


.main, .prof, .methods, .additionally {
  padding-bottom: 70px;;;

}

.options, .form_block {
    padding-top: 70px;
    padding-bottom: 70px;
}


.additionally {
  padding-top: 70px;
}

.option_item {
  margin-bottom: 50px;
}


.num_img {
text-align: center;
    margin-bottom: 20px;
}


.num_text {
    padding-left: 0px;
    text-align: center;

}

.dropdown {
  margin-right: 80px;

}


.additionally_option2 {
  margin-top: 50px;;

}


.anim1, .anim2, anim3, anim4, anim5 {
  display: none;
}


.line {
 display: none;
  
}


}


@media (max-width: 550px) {


}



@media (max-width: 480px) {

.modal_form {
  width: 100%;
}

.form_block h2 {
    font: 300 29px/14px 'Circe', sans-serif;
    line-height: 1.1em;
}

}


@media (max-width: 430px) {


}


@media (max-width: 400px) {





}



@media (max-width: 365px) {

.logo_box img {
  max-width: 133px;
  margin-top: 5px;;
}

.btn_green {
  width: 100%;
  min-width: 100%;
}



}



@media (max-width: 330px) {


}





@media (max-width: 320px) {



}


 @font-face {
    font-family: 'Codystar';
    src: url('../fonts/Codystar.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Codystar.woff') format('woff'),
    url('../fonts/Codystar.ttf')  format('truetype'),
    url('../fonts/Codystar.svg#Codystar') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  .eight {
    color: rgb(28, 127, 108);
    font-family: "Codystar", sans-serif;
    font-size: 90px;
    font-weight: 400;
    text-transform: uppercase;
	line-height: 96px;
  }
  
  
  /* ==== FIX BURGER ON HOMEPAGE === */

.header_right {
    position: relative;
}

.navbar-toggle {
    position: static !important;
    float: right;
    margin-top: 0 !important;
}

.menu {
    position: static !important;
}

/* ====== BLOG / BREADCRUMBS / SINGLE ====== */

.breadcrumbs {
    font-size: 14px;
    margin: 10px 0 30px;
}

.breadcrumbs a {
    color: #0b4e75;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* Список записей блога */

.blog-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.blog-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.blog-thumb img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.blog-title {
    font-size: 24px;
    margin: 0 0 10px;
}

.blog-title a {
    color: #0b4e75;
    text-decoration: none;
}

.blog-title a:hover {
    text-decoration: underline;
}

.blog-excerpt {
    font-size: 16px;
}

/* Страница отдельной статьи */

.single-post h1 {
    margin-bottom: 20px;
}

.post-featured img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 0 25px;
}

.back-to-blog {
    margin-top: 40px;
}

.back-to-blog a {
    color: #0b4e75;
    text-decoration: none;
}

.back-to-blog a:hover {
    text-decoration: underline;
}

.breadcrumbs {
    font-size: 14px;
    margin: 80px 0 30px; /* Делаем нормальный отступ вниз от хедера */
    display: flex;
    gap: 8px;
    align-items: center;
}

.breadcrumbs a {
    color: #1a73e8;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* ===== RELATED POSTS ===== */

.related-posts {
    margin-top: 80px;
    border-top: 1px solid #eee;
    padding-top: 40px;
}

.related-posts h3 {
    margin-bottom: 30px;
}

.related-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
}

.related-item a {
    text-decoration: none;
    color: #0b4e75;
}

.related-thumb img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: block;
}

.related-item h4 {
    font-size: 16px;
    line-height: 1.3;
}
/* ===== Footer SellMyTokens ===== */

.smt-footer {
    background: #050505;
    color: #ffffff;
    padding: 40px 0 32px;
    width: 100%;
}

.smt-footer-inner {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: flex-start;
}

.smt-footer-col {
    font-size: 14px;
    line-height: 1.6;
}

.smt-footer-logo img {
    max-width: 220px;
    display: block;
    margin-bottom: 18px;
}

.smt-footer-title {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #f1f1f1;
    letter-spacing: .07em;
}

.smt-footer-text {
    color: #bcbcbc;
}

.smt-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.smt-footer-menu li + li {
    margin-top: 6px;
}

.smt-footer a {
    color: inherit;
    text-decoration: none;
}

.smt-footer a:hover {
    text-decoration: underline;
}

/* Мобилка */
@media (max-width: 1024px) {
    .smt-footer-inner {
        flex-direction: column;
        gap: 24px;
    }
}
/* ===========================
   Похожие статьи (карточки)
   =========================== */

.smt-related-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
}

.smt-related-title {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 600;
}

.smt-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.smt-related-card {
    background: #111;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.25s ease;
}

.smt-related-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255,255,255,0.22);
}

.smt-related-thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.smt-related-thumb--placeholder {
    height: 180px;
    background: #222;
}

.smt-related-content {
    padding: 20px;
}

.smt-related-post-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.smt-related-excerpt {
    font-size: 14px;
    line-height: 1.45;
    color: rgba(255,255,255,0.65);
}
/* ===== BLOG GRID ===== */

.blog-title {
    font-size: 36px;
    margin-bottom: 40px;
}



@media (max-width: 900px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
}


.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.blog-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}



.blog-card-title {
    font-size: 22px;
    margin-bottom: 12px;
}

.blog-card-excerpt {
    font-size: 15px;
    line-height: 1.5;
    color: #555;
}

/* ===========================
   BLOG LIST (cards like reference)
=========================== */



.blog-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 50px rgba(0,0,0,0.12);
}



/* Контент */
.blog-title,
.blog-excerpt {
    padding: 0 24px;
}

.blog-title {
    font-size: 22px;
    line-height: 1.35;
    margin: 20px 0 12px;
}

.blog-title a {
    text-decoration: none;
    color: #1f3d3a;
}

.blog-title a:hover {
    text-decoration: underline;
}

.blog-excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: #5f6f73;
    padding-bottom: 26px;
}

/* Адаптив */
@media (max-width: 900px) {
    .blog-list {
        grid-template-columns: 1fr;
    }

    .blog-thumb {
        height: 200px;
    }
}
/* === BLOG GRID FORCE FIX === */

}
/* === BLOG PAGE HARD OVERRIDE === */
body.blog .blog-list,
body.archive .blog-list,
body.home .blog-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px !important;
}

body.blog .blog-item,
body.archive .blog-item,
body.home .blog-item {
    width: auto !important;
    max-width: none !important;
}
/* ===========================
   BLOG GRID — без blog-list
=========================== */




/* Хлебные крошки — тоже на всю ширину */
body.blog .breadcrumbs {
    grid-column: 1 / -1;
}



body.blog .smt-blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 50px rgba(0,0,0,0.12);
}

/* Ссылка */
.smt-blog-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Картинка */
.smt-blog-thumb {
    height: 260px;
    overflow: hidden;
}

.smt-blog-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Контент */
.smt-blog-content {
    padding: 24px;
}

.smt-blog-title {
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 12px;
    color: #103635;
}

.smt-blog-excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: #5f6f73;
}

/* Мобилка */
@media (max-width: 900px) {
    body.blog .container {
        grid-template-columns: 1fr;
    }

    .smt-blog-thumb {
        height: 200px;
    }
}


/* ===== PAGINATION ===== */

.pagination {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.pagination .nav-links {
    display: flex;
    gap: 12px;
}

.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 16px;
    border-radius: 22px;
    border: 1px solid #EDEDED;
    font: 300 16px 'Circe', sans-serif;
    color: #103635;
    text-decoration: none;
    transition: all .2s ease;
}

/* hover */
.pagination a:hover {
    border-color: #40B858;
    color: #40B858;
}

/* текущая страница */
.pagination .current {
    background: #40B858;
    border-color: #40B858;
    color: #fff;
    cursor: default;
}
/* ===== BLOG GRID — АКТУАЛЬНО ===== */

.blog_grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: stretch;
}

/* карточка */
.blog_card{
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  text-decoration: none;
  color: #103635;
  transition: transform .25s ease, box-shadow .25s ease;
}

.blog_card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 50px rgba(0,0,0,0.12);
}

/* картинка */
.blog_card_img{
  width: 100%;
  height: 260px;
  background-size: cover;
  background-position: center;
}

/* контент */
.blog_card_box{
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.blog_card_box h2{
  font: 300 22px/1.35 'Circe', sans-serif;
  margin: 0;
}

.blog_card_box p{
  font: 300 15px/1.6 'Circe', sans-serif;
  color: #5f6f73;
  margin: 0;
}

/* мобилка */
@media (max-width: 900px){
  .blog_grid{
    grid-template-columns: 1fr;
  }
}