html,body{
  width:100%;
  /*height:100%;*/
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  background-color: transparent;
  color:#000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto",sans-serif;
    color: #000;
    margin-bottom: 20px;
}
a,a:active,a:visited,.uk-link{
      color: #000;
    text-decoration: underline;
}
.uk-link:hover, a:hover {
    color: #5e2b07;
}
.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:focus,
.uk-button-link:hover,
.uk-tab>li>a,
.uk-tab>li.uk-open>a,
.uk-tab>li>a:focus,
.uk-tab>li>a:hover,
.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast{
    color: #6e390f;
}
.uk-tab {
    border-bottom: 1px solid #ad4f0b;
}
.uk-tab>li.uk-active>a {
    border-color: #ad4f0b;
    border-bottom-color: transparent;
    background: #ad4f0b;
    color: #fff;
}
input.uk-button-primary, .uk-button-primary {
    background-color: #ffde00;
    color: #000;
    border-radius:20px;
}
.uk-button-primary:visited,.uk-button-primary:active, .uk-button-primary:focus {
    background-color:#ffde00;
    color: #000;
}
.uk-button-primary:hover {
    background-color: #eacc03;
    color: #000;
}
.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form input[type=datetime-local],
.uk-form input[type=date],
.uk-form input[type=month],
.uk-form input[type=time],
.uk-form input[type=week],
.uk-form input[type=color],
.uk-form select,
.uk-form textarea {
    height: 40px;
    width:100%;
    padding: 5px 15px;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    font:17px 'Roboto',sans-serif;
}
.uk-form textarea {
    height: auto;
    resize-x:none;
}

.uk-form input:not([type]):focus,
.uk-form input[type=text]:focus,
.uk-form input[type=password]:focus,
.uk-form input[type=email]:focus,
.uk-form input[type=url]:focus,
.uk-form input[type=search]:focus,
.uk-form input[type=tel]:focus,
.uk-form input[type=number]:focus,
.uk-form input[type=datetime]:focus,
.uk-form input[type=datetime-local]:focus,
.uk-form input[type=date]:focus,
.uk-form input[type=month]:focus,
.uk-form input[type=time]:focus,
.uk-form input[type=week]:focus,
.uk-form input[type=color]:focus,
.uk-form select:focus,
.uk-form textarea:focus {
    border-color: #c3b804;
    background:rgba(255, 239, 30, 0.16);
}
.uk-form-label{
    color: #585858;
    text-transform: lowercase;
    margin-bottom: 5px;
}
.uk-form label{
    cursor:pointer;
}

.uk-button-middle{
    font-size: 19px;
    padding: 18px 30px;
    border-radius: 40px;
}

.uk-close-alt {
    background: #c5620a;
}
.uk-close-alt:after {
    opacity: 1;
    color: #fff;
}
.uk-modal-dialog .uk-modal-close.uk-close{
    width: 14px;
    height: 14px;
    background: url(../img/sprite.png) -223px 0 no-repeat;
    opacity: 0.5;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
}
.uk-modal-close.uk-close:after{
  display:none;
}
.uk-modal-close.uk-close:focus, .uk-modal-close.uk-close:hover {
 opacity: 1;
}

.uk-modal-header .uk-modal-title{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;
}
.uk-modal-dialog {
    width: 320px;
    padding: 35px;
}
.uk-modal-dialog.uk-modal-dialog-medium {
    width: 604px;
}
.uk-modal-header {
    margin: -35px -35px 0 -35px;
    padding: 35px;
}
.uk-modal-footer {
    margin-top: 15px;
    margin: 15px -20px -20px -20px;
    padding: 10px;
    border-top: 1px solid #906015;
    border-radius: 0 0 4px 4px;
    background: #e8e7e5;
}
.uk-detail-modal-img{
   border: 1px solid #ad4f0b;
}
.uk-detail-modal-name{
  padding-top: 80px;
    color: #ad4f0b;
    font-size: 20px;
    line-height: 24px;
}
.uk-container {
    max-width: 1694px;
}
.uk-navbar{
  background: none;
}
.uk-form .sv-radio-box {
    border: 1px solid #000;
    vertical-align: middle;
    background: #fff;
}
.uk-form label>.sv-field-wrap {
    display:inline-block;
    vertical-align: middle;
}
.uk-form .sv-select-box {
    height: 40px;
    font: normal 14px 'Roboto',sans-serif;
    width: 100%;
}
.uk-form .sv-select-box .sv-select-inner {
    border-radius: 0;
    border: 1px solid #000;
    background: #fff;
}
.uk-form .sv-select-box .sv-select-button {
    border-left: 1px solid #000;
}
.uk-form .sv-check-box {
    border: 1px solid #000;
    background: #ffffff;
}
.uk-form .sv-file-box{
    font: normal 14px 'Roboto',sans-serif;
    width: 100%;
}
.uk-form .sv-file-box .sv-file-field,
.uk-form .sv-file-box .sv-file-button {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #000;
    background: #fff;
}
.uk-form .sv-file-box .sv-file-field {
}
.uk-form .sv-file-box .sv-file-button {
    border-right: none;
    width: 32px !important;
}
.uk-navbar-toggle,
.uk-navbar-toggle:hover {
    color: #fff;
}
.uk-navbar-toggle.uk-navbar-toggle-search:after {
    content: "\f002";
    font-family: FontAwesome;
    vertical-align: middle;
}
.uk-dotnav>*>* {
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #898989;
}
.uk-dotnav>.uk-active>* {
    background: #898989;
}
.top-wrapper{
  position: relative;
  min-height: 100vh;
}
.top-wrapper-inner{
  padding-bottom:238px;
}
.zag {
  margin-bottom: 80px;
}

/***********fix 05.10.18***********/
.zag.top {
  margin: 130px auto 80px;
  max-width: 926px;
}

.title_for_h1 {
    max-width: 926px;
    margin: 0 auto;
}

.zag h1{
  display: inline-block;
  font-size: 80px;
  line-height: 1;
  font-weight: 900;
  background: #ffde00;
  padding: 10px 20px;
  margin-left:0px !important;
  /*margin-left:384px;*/
  /* margin-left: 0 !important; */
  /* float: left; */
}


.zag h2, .post-h2-zag{
	margin-left:0px !important
}

@media (max-width:1500px){
  .zag.top {
  margin-top: 130px;
  margin-bottom: 60px;
  }

  .zag h2{
  display: inline-block;
  font-size: 80px;
  line-height: 1;
  font-weight: 900;
  background: #ffde00;
  padding: 10px 20px;
  margin-left:384px;
  }
}

.zag h3{
	margin: 0 auto 20px !important;
	max-width: 926px;
}
/***********end fix***********/
.zag h2{
  display: inline-block;
  font-size: 80px;
  line-height: 1;
  font-weight: 900;
  background: #ffde00;
  padding: 10px 20px;
  margin-left:384px;
}
.post-h2-zag{
  font-size: 40px;
  font-weight: 700;
  margin-left:384px;
}
h3{
  font-size: 60px;
  line-height: 1;
}
h3.light{
  font-weight: 100;
}
.zag h1,.zag h2,.post-h2-zag,.zag h3{
  margin-left:350px;
}
.top-fixed-block{
    height:112px;
}
.top-fixed-block-inner{
    position: fixed;
    top: 0px;
    width: 100%;
    left:0;
    z-index:20;
}

/* header */

.header{
    background:#fff;
    padding:10px 0;
}
.header .uk-container {
    padding: 0;
}
.logo-box{
    float:left;
    margin-right:50px;
    text-align: center;
}
.search-box{
  border: 1px solid #b2b2b2;
  border-radius:20px;
  float:left;
  overflow:hidden;
}
.search-box input[type="text"],
.search-box button{
  background: none;
  border: none;
  height:100%;
  color:#737373;
}
.search-box button{
  padding: 0 20px;
  cursor: pointer;
}
.search-box input[type="text"]{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5px 20px;
  border-right:1px solid #b2b2b2;
  font-size:14px;
  width: 150px;
  -webkit-transition: width ease-in-out .15s;
    -moz-transition: width ease-in-out .15s;
    -o-transition: width ease-in-out .15s;
    -ms-transition: width ease-in-out .15s;
    transition: width ease-in-out .15s;
}

.search-box input[type="text"]:focus,
.search-box button:focus{
  outline: none;
  border-right:1px solid #b2b2b2;
  background: none;
}
.search-box:hover button,
.search-box input[type="text"]:focus + button,
.search-box button:focus{
    color:#000;
}
.search-box input[type="text"]:focus{
  width:200px;
}
a.personal-link{
  color:#898989;
  text-decoration: underline;
}
a.personal-link:hover{
  color:#000;
  text-decoration: underline;
}

.uk-icon-personal{
    width: 23px;
    height: 23px;
    vertical-align: middle;
    background: url(../img/sprite.png) -155px 0 no-repeat;
    margin-right: 5px;
}
.personal-link:hover .uk-icon-personal{
    background-position: -180px 0;
}
.feedback-link{
  font-size: 19px;
  padding: 3px 30px;
}

.phone-box,.feedback-link,.personal-link{
  vertical-align: middle;
  margin-left:50px;
}
.header .c-info{
  padding-top: 8px;
  padding-right: 35px;
  text-align: right;
}

.phone-box{
  font-size:22px;
  font-weight: 700;
}

/* header-end */

/* top-menu */

.top-menu{
  background: #3b3b3b;
  background: -moz-linear-gradient(top,  #3b3b3b 0%, #000000 100%);
  background: -webkit-linear-gradient(top,  #3b3b3b 0%,#000000 100%);
  background: linear-gradient(to bottom,  #3b3b3b 0%,#000000 100%);

}
.top-menu .uk-navbar-nav>li>a {
    padding: 0 24px;
    line-height: 40px;
    color: #fff;
    font-size: 19px;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    background: #4f4f4f;
    background: -moz-linear-gradient(top,  #4f4f4f 0%, #363636 51%, #1b1b1b 100%);
    background: -webkit-linear-gradient(top,  #4f4f4f 0%,#363636 51%,#1b1b1b 100%);
    background: linear-gradient(to bottom,  #4f4f4f 0%,#363636 51%,#1b1b1b 100%);

}
.top-menu .uk-navbar-nav>li.uk-active>a,
.top-menu .uk-navbar-nav>li:hover>a {
    background: #000000;
    background: -moz-linear-gradient(top,  #000000 0%, #252525 100%);
    background: -webkit-linear-gradient(top,  #000000 0%,#252525 100%);
    background: linear-gradient(to bottom,  #000000 0%,#252525 100%);
    color:#ffde00;
}
.top-menu .uk-navbar-nav {
    float: none;
    text-align: center;
}
.top-menu .uk-navbar-nav>li {
    float: none;
    display: inline-block;
    margin-right: -4px;
}
.top-menu .uk-navbar-nav>li>a:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}
.top-menu .uk-navbar-nav>li:last-child>a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background: #000;
}
.top-menu .uk-dropdown {
    background: #3b3b3b;
    background: -moz-linear-gradient(top,  #3b3b3b 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #3b3b3b 0%,#000000 100%);
    background: linear-gradient(to bottom,  #3b3b3b 0%,#000000 100%);
    color: #fff;
    text-align: left;
}
.top-menu .uk-nav-dropdown > li > a {
    color: #fff;

}
.top-menu .uk-nav-dropdown > li:hover > a {
    background-color: #ffde00;
    color: #000;
}

/* top-menu-end */
/* workarea */
/* top-banners */

.top-banners{
  position: relative;
  width: 100%;
  /* height: 830px; */
  /* height:calc(100vh - 112px); */
  height:400px;
  padding-top:150px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background:url(../img/top_banners_bg.jpg) 50% 100% no-repeat;
  background-size: cover;
  background-color: gray;
  /*background-attachment: fixed;*/
}

#home-wrapper .top-banners{
  height:calc(100vh - 112px);
}

.pseudo-searh-form-wrapp{
    width: 1210px;
    position: absolute;
    top: 50%;
    margin-top: -170px;
    left: 50%;
    margin-left: -605px;
    z-index: 10;
}
.pseudo-searh-form{
     background: #ffde00;
    width: 100%;
    height: 96px;
    padding: 10px;
    position: relative;
    margin-left: 75px;
}
.pseudo-searh-form .pseudo-searh-form-input{
  background:#fff;
  margin-right: 170px;
  padding: 3px 0 3px 36px;
  line-height: 90px;
  font-size:90px;
  font-weight:900;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color:#010228;

  font-size:57px;
  line-height: 80px;
  height: 97px;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.pseudo-searh-form .pseudo-searh-form-button{
    color: #010228;
    font-size: 19px;
    text-align: center;
    padding: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 170px;
    margin-right: -14px;
}
.pseudo-searh-form:after{
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 58px 0 58px 20px;
    border-color: transparent transparent transparent #ffdd00;

}
.pseudo-searh-form .pseudo-searh-form-result{
    position:absolute;
    top:100%;
    left: 10px;
    margin-top: -10px;
    border-bottom:1px solid #acacac;
}
.pseudo-searh-form .pseudo-searh-form-result .item{
  border-left:1px solid #acacac;
  border-right:1px solid #acacac;
  display:none;
}
.pseudo-searh-form .pseudo-searh-form-result a{
    display: block;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
    padding: 27px 38px;
    font-size: 38px;
    font-weight: 300;
    text-decoration: none;
    color:#010228;
}
.pseudo-searh-form .pseudo-searh-form-result a:hover{
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom,  #f9f9f9 0%,#d8d8d8 100%);

}
.icon-down{
	position: absolute;
	left: 50%;
	font-size: 14px;
	margin-left: -36px;
	text-align: center;
	z-index: 9;
}
.icon-down *{box-sizing:content-box;}
.icon-down .mouse{
    position: relative;
    display: inline-block;
    height: 36px;
    width: 18px;
    cursor: pointer;
    border: 1px solid #646464;
    border-radius: 15px;
}

.icon-down .wheel{
   position: absolute;
    width: 4px;
    height: 8px;
    top: 8px;
    left: 50%;
    margin-left: -2px;
    background-color: #ffde00;
    border: 1px solid #646464;
    border-radius:5px;
    -o-transition: top 0.2s;
    -ms-transition: top 0.2s;
    -moz-transition: top 0.2s;
    -webkit-transition: top 0.2s;
    transition: top 0.2s;
}
.icon-down .wheel{
    -webkit-animation: mouseWheel 1s infinite;
    -moz-animation: mouseWheel 1s infinite;
    -ms-animation: mouseWheel 1s infinite;
    -o-animation: mouseWheel 1s infinite;
    animation: mouseWheel 1s infinite
}
.icon-down p{
    font-weight:300;
    color:#eeeeee;
    /*text-shadow: 0px 0px 30px #000;*/
}

@-webkit-keyframes mouseWheel {
    0% {top: 7px}
    33% {top: 11px}
    66% {top: 7px}
    100% {top: 7px}
}

@keyframes mouseWheel {
    0% {top: 7px}
    33% {top: 11px}
    66% {top: 7px}
    100% {top: 7px}
}
.top-banners .contact-info,
.icon-down{
    bottom:36px
}
.top-banners .contact-info p,
.icon-down p{
    margin:10px 0 0 0;
}
.top-banners .contact-info{
    position: absolute;
	left: 0;
	font-size: 17px;
	margin-left: 35px;
	bottom: 36px;
	z-index: 9;
    color:#eeeeee;
    font-weight:300;
    /*text-shadow: 0px 0px 30px #000;*/
}
.top-banners .contact-info span{
    font-weight:500;
}

/* top-banners-end */

/* free-chet-block */

.free-chet-block{
    background:url(../img/free_chet_bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    height: 228px;
}
.free-chet-block .uk-container{
    /* padding-top: 82px; */
    padding-top: 102px;
    text-align: center;
}
.free-chet-block .free-chet-link{
  font-size: 40px;
  color: rgb( 0, 0, 0 );
  font-weight: bold;
  text-decoration: underline;
}

/* free-chet-block-end */

/* achievements */

.achievements-block{
    background:url(../img/achievements_bg.jpg) 50% 0 no-repeat;
   /* background: url(/bitrix/templates/fresh/img/bg-about.png) 50% 0 no-repeat;*/
    background-size: cover;


}
.achievements-list .item{
    background:#fff;
    background:rgba(255,255,255,0.4);
    /*margin-bottom:35px;*/
    height: 100%;
}
.achievements-list .item .topic{
    background:#fff;
    /*height:465px;*/
    position: relative;
}
.achievements-list .item .topic .readmore{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    background: #4b4b4e;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: none;
    text-decoration: none;
    font-size: 20px;
}
.achievements-list .item .topic .readmore:after{
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.achievements-list .item .topic .readmore:before{
    content: '';
    width: 36px;
    height: 23px;
    vertical-align: middle;
    background: url(../img/sprite.png) -111px 0 no-repeat;
    margin-right: 5px;
    display: inline-block;
}
.achievements-list .item .topic:hover .readmore{
    display: block;
}
.achievements-list .item .desc{
    padding:20px;
}
.achievements-list .item .pre-name{
    font-size:17px;
    font-weight: 500;
    color:#6a7667;
    margin-bottom:10px;
}
.achievements-list .item .name{
    margin-bottom:20px;
}
.achievements-list .item .name span{
    display: inline-block;
    background: #ffde00;
    color:#010228;
    font-size:26px;
    line-height: 1;
    font-weight: 500;
    padding:5px 10px;
    text-transform: uppercase;
}
.achievements-list .item .pre-text{
    font-size:16px;
    line-height: 1;
    font-weight: 300;
    margin-bottom:10px;
    color:#010228;
}
.achievements-list .item .indicators-list{
    font-size:13px;
    line-height: 1;
    font-weight: 300;
    color:#010228;
}
.achievements-list .item .indicators-list .indicators-item .top{
    border-bottom:1px solid #000;
    line-height: 1.2;
    padding-bottom: 10px;
    margin-bottom: 10px;
    min-height: 45px;
}
.achievements-list .item .indicators-list .indicators-item .bot{
    line-height: 1;
    font-weight: 300;
}
.form-stat-order{
    background: #fff;
    background: rgba(255,255,255,0.5);
    padding: 35px;
    border-radius: 10px;
    margin: 80px auto;
}
.form-stat-order .zag-text{
    font-size:60px;
    line-height:1;
    font-weight:100;
}
.form-stat-order .uk-form-row input[type="text"]{
   border:none;
}
.form-stat-order .uk-form-row input[type="text"]:focus{
   border:1px solid #000;
   background: #fff;
}
a.achievements-add {
   display: block;
    width: 120px;
    height: 120px;
    background: #a0a0a0;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-weight: 300;
    text-decoration: none;
    margin: 0 auto;
}
a.achievements-add:hover {
    background: rgba(0,0,0,0.3);
    text-decoration: none;
    color:#000;
}
a.achievements-add .in{
   display: inline-block;
   vertical-align: middle;
   line-height: 1.6;
}
a.achievements-add:before{
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
a.achievements-add .in:after{
    content: '';
    display: block;
    margin: 0 auto;
    width: 33px;
    height: 23px;
    vertical-align: middle;
    background: url(../img/sprite.png) -35px 0 no-repeat;
}
a.achievements-add.link-switch-open .in:after{
    transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}


/* achievements-end */


/* advantages */

.advantages-list{

}
.advantages-list .item{
  margin-bottom: 78px;
}

.advantages-list .item .img-box{
 width:132px;
 height:132px;
 border:2px solid #ffde01;
 border-radius:50%;
 overflow: hidden;
 text-align:center;
}
.advantages-list :nth-child(even) .item .img-box{
 border-color:#58e2ff;
}
.advantages-list .item .img-box:before{
 content:'';
 width:1px;
 height:100%;
 vertical-align: middle;
 display:inline-block;
}
.advantages-list .item .img-box img{
 display:inline-block;
 vertical-align: middle;
 max-width: 100%;
}
.advantages-list .item .img-box + .desc-box{
 margin-left:152px
}
.advantages-list .item .desc-box .name{
 margin-bottom:20px;
 font-weight: 500;
 line-height: 1.2;
 text-transform: uppercase;
}
.advantages-list .item .desc-box .desc{
 margin-bottom:20px;
 font-weight: 300;
 font-size: 16px;
 line-height: 1.2;
}
.advantages-list .item .readmore{
    font-size:16px;
    font-weight:300;
    color:#000;
    text-decoration:underline;
}
.advantages-list .item .readmore:before{
    content: '';
    display: inline-block;
    width: 36px;
    height: 23px;
    vertical-align: middle;
    background: url(../img/sprite.png) -73px 0 no-repeat;
    margin-right: 5px;
}
.advantages-list .item .readmore:hover:before{
    background: url(../img/sprite.png) -111px 0 no-repeat;
}

/* advantages-end */
/* tarifs */
.tarifs-block .zag{
    position: relative;
    z-index: 1;
}
.tarifs-block [class*="tarif_"]{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    text-align: center;
}
.tarifs-block {
      overflow: hidden;
}

.tarifs-block .tarifs-list{
  margin-top: -300px;
}

.tarifs-block .tarifs-list .item{
    width: 358px;
    border-radius: 10px;
    margin: 493px auto 65px;
    padding: 55px 20px 45px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(255,255,255,0.3);
}

.tarifs-block .tarifs-list .icon-box{
    height:100px;
    margin-bottom:20px;
    text-align: center;
}
.tarifs-block .tarifs-list .icon-box:before {
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.tarifs-block .tarifs-list .icon-box:after {
    content: '';
    display: inline-block;
    width: 88px;
    height: 88px;
    vertical-align: middle;
    background: url(../img/sprite.png) -88px -30px no-repeat;
}
.tarifs-block .tarifs-list .name-box {
    font-size:60px;
    line-height: 1;
    font-weight:700;
    margin-bottom: 30px;
}
.tarifs-block .tarifs-list .price-box {
    font-size:34px;
    color:#ff001e;
    font-weight:700;
    line-height: 1;
    margin-bottom: 30px;
}
.tarifs-block .tarifs-list .price-box span{
    font-size:16px;
    color:#ff001e;
    font-weight:400;
    display:block;
}
.tarifs-block .tarifs-list .desc-box {
    margin-bottom: 10px;
}
.tarifs-block .tarifs-list .desc-box .pre-desc{
    font-size:60px;
    line-height: 1;
    font-weight:100;
    margin-bottom: 10px;
}
.tarifs-block .tarifs-list .desc-box .desc{
    font-size:21px;
    margin-bottom: 10px;
}
.tarifs-block .tarifs-list .desc-box .post-desc{
    font-size:16px;
    font-weight:300;
    height: 120px;
}
.tarifs-block .tarifs-list .desc-box .post-desc span{
    vertical-align: middle;
    display: inline-block;
}
.tarifs-block .tarifs-list .desc-box .post-desc:before {
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    margin-left: -1px;
}
.tarifs-block .tarifs-list .button-box{

}
.tarifs-block .tarifs-list .button-box .uk-button{
    font-size: 19px;
    background: none;
    border: 3px solid #000;
    padding: 17px 72px;
    border-radius: 40px;
}
.tarifs-block .tarifs-list .button-box .uk-button:hover{
    background: #000;
    color: #fff;
}

.tarifs-block .tarif_1{
      background-image: url(../img/tarif_bg_1.png);
}

.tarifs-block .tarif_2{
      background-image: url(../img/tarif_bg_2.png);
}
.tarifs-block .tarif_2 .icon-box:after{
      background-position: -176px -30px;
}
.tarifs-block .tarif_3{
      background-image: url(../img/tarif_bg_3.png);
}
.tarifs-block .tarif_3 .icon-box:after{
      background-position: 5px -30px;
}

/* tarifs-end */

/* workis-block */

.workis-block{
    background:#262931;
    overflow: hidden;
}
.workis-block h3{
    width: 525px;
    font-size: 32px;
    line-height: 1.3;
    color: #fff;
    font-weight: 300;
    margin-bottom: -234px;
}
.jspDrag {
    background: #5b5f65;
    border-radius: 0;
}
.jspTrack {
    background: #383a42;
    border-radius: 0;
}
.workis-block .descriptors [class*="desc-"]{
    position: absolute;
    left: -9999px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    zoom: 1;
    max-width:944px;
    margin: 0 auto;
    background: #43454c;
    color:#fff;
    padding:40px;
    font-size:16px;
    font-weight:300;
}
.workis-block .descriptors [class*="desc-"] .text{
    color:#fff;
    font-size:16px;
    font-weight:300;
}
.workis-block .descriptors [class*="desc-"] .text .text-inner{
    height:190px;
    overflow: auto;

}
.workis-block .descriptors [class*="desc-"] .zag{
    color:#ffde00;
    font-size:60px;
    font-weight:100;
    margin-bottom: 20px;
    line-height: 1;
}
.workis-block .descriptors [class*="desc-"].active{
    position: static;
    opacity: 1;
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
}

.workis-block [data-uk-slideset]{
  display: none;
  margin-left:35px;
}

.workis-block .uk-slideset li{
    background: #43454c;
    color:#fff;
    padding:40px;
    font-size:16px;
    font-weight:300;
}
.workis-block .uk-slideset li .text{
    color:#fff;
    font-size:16px;
    font-weight:300;
}

.workis-block .uk-slideset li .zag{
    color:#ffde00;
    font-size:60px;
    font-weight:100;
    margin-bottom: 20px;
    line-height: 1;
}


.workis-block .uk-container{
    padding-bottom:100px;
}
.work-grid{
  position: relative;
  width: 944px;
  margin: 0 auto;
}
.work-slider-range-wrapper{
  width: 944px;
  margin: 0 auto 40px;
  position: relative;
}
.work-slider-range-wrapper .ui-slider-horizontal .ui-slider-handle{
  background: #ffde00;
  background: -moz-linear-gradient(top,  #ffde00 0%, #f6c500 100%);
  background: -webkit-linear-gradient(top,  #ffde00 0%,#f6c500 100%);
  background: linear-gradient(to bottom,  #ffde00 0%,#f6c500 100%);
  box-shadow: 1px 1.732px 5px 0px rgb( 79, 76, 73 );
  border-radius: 10px;
  height: 22px;
  left: 0;
  top: -9px;
  position: absolute;
  width: 70px;
  border:none;
  cursor: move;
  margin-left: -35px;
}
.work-slider-range-wrapper .ui-slider-horizontal .ui-slider-handle:focus{
  outline:none;
}
.work-slider-range-wrapper .range-titlex {
    color: #80858c;
    font-size: 19px;
    font-weight: 300;
    height: 20px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: -12px;
    left: -105px;
    width: 80px;
}
.work-slider-range-wrapper .ui-widget-content {
    background-color: #4b505c;
    height: 6px;
    border:none;
    border-radius: 15px;
}
.work-slider-range-wrapper .ui-widget-header{
    background-color: #a5972e;
    border-radius: 15px;
}

.work-grid:after{
  content:'';
  clear: both;
  display:table;
}
.work-grid [class*="work-imont-"]{
  position: relative;
  float:left;
  width: 118px;
  height:503px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.work-grid [class*="work-imont-"] .chanell-line{
    content: '';
    position: absolute;
    width: 46px;
    height: 2px;
    bottom: 144px;
    left: 158px;
    transform: rotate(-15deg);
}
.work-grid .work-imont-1 .chanell-line{
    width: 50px;
    bottom: 138px;
    left: 158px;
    transform: rotate(-8deg);
}
.work-grid .work-imont-2 .chanell-line{
    width: 32px;
    bottom: 154px;
    left: 166px;
    transform: rotate(-11deg);
}
.work-grid .work-imont-3 .chanell-line{
    width: 45px;
    bottom: 178px;
    left: 154px;
    transform: rotate(-18deg);
}
.work-grid .work-imont-4 .chanell-line{
    width: 47px;
    bottom: 220px;
    left: 153px;
    transform: rotate(-23deg);
}
.work-grid .work-imont-5 .chanell-line{
    width: 44px;
    bottom: 272px;
    left: 153px;
    transform: rotate(-24deg);
}
.work-grid .work-imont-6 .chanell-line{
    width: 60px;
    bottom: 333px;
    left: 146px;
    transform: rotate(-35deg);
}
.work-grid .work-imont-7 .chanell-line{
    width: 53px;
    bottom: 405px;
    left: 153px;
    transform: rotate(-36deg);
}
.work-grid .work-imont-8 .chanell-line{
    display:none;
}
.work-grid [class*="work-imont-"] .chanell-line .chanell-line-inner{
    width: 0;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    opacity:0.2;
}
.work-grid [class*="work-imont-"].active .chanell-line .chanell-line-inner{
    width:100%;
    opacity:1;
    -webkit-animation: workimontWidth 4s steps(4);
    /*-moz-animation: workimontWidth 1s linear;
    -ms-animation: workimontWidth 1s linear;
    -o-animation: workimontWidth 1s linear;
    animation: workimontWidth 1s linear;*/
}
.work-grid .work-mont-line{
    width: 2px;
    height: 200px;
    margin: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #4e4d4c;
}
.work-grid .work-imont-1 .work-mont-line{height: 90px;}
.work-grid .work-imont-2 .work-mont-line{height: 100px;}
.work-grid .work-imont-3 .work-mont-line{height: 130px;}
.work-grid .work-imont-4 .work-mont-line{height: 160px;}
.work-grid .work-imont-5 .work-mont-line{height: 206px;}
.work-grid .work-imont-6 .work-mont-line{height: 256px;}
.work-grid .work-imont-7 .work-mont-line{height: 322px;}
.work-grid .work-imont-8 .work-mont-line{height: 410px;}
.work-grid .work-mont-line-inner{
    width:100%;
    background: #fff;
    height:0;
    display: block;
    position: absolute;
    bottom: 0;
}
.work-grid .active .work-mont-line-inner{
    height:100%;
    -webkit-animation: workimontHeight 1s linear;
    -moz-animation: workimontHeight 1s linear;
    -ms-animation: workimontHeight 1s linear;
    -o-animation: workimontHeight 1s linear;
    animation: workimontHeight 1s linear;
}
@-webkit-keyframes workimontHeight {
    0% {height:0}
    100% {height:100%}
}
@keyframes workimontHeight {
    0% {height:0}
    100% {height:100%}
}
.work-grid .work-mont-name{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    bottom: 40px;
    right: -22px;
    width:64px;
    transform: rotate(-90deg);
}
.work-grid .work-mont-name-inner{
    position: absolute;
    bottom: 0;
    width:0;
    overflow:hidden;
    white-space: nowrap;
    left: 6px;
}
.work-grid .active .work-mont-name-inner{
    -webkit-animation: workimontWidth 1s linear;
    -moz-animation: workimontWidth 1s linear;
    -ms-animation: workimontWidth 1s linear;
    -o-animation: workimontWidth 1s linear;
    animation: workimontWidth 1s linear;
    width:100%;
}
@keyframes workimontWidth {
    0% {width:0}
    100% {width:100%}
}
@-webkit-keyframes workimontWidth {
    0% {width:0}
    100% {width:100%}
}
.work-grid .work-mont-name span{
    color: #ffde00;
}
.work-grid .work-icon-mont{
    position: absolute;
    /*background: #262931;*/
    width: 135px;
    height: 104px;
    left: 70px;
}
.work-grid .work-imont-1 .work-icon-mont{bottom: 68px;left: 76px;}
.work-grid .work-imont-2 .work-icon-mont{bottom: 102px;left: 73px;}
.work-grid .work-imont-3 .work-icon-mont{bottom: 88px;left: 80px;}
.work-grid .work-imont-4 .work-icon-mont{bottom: 116px;left: 80px;}
.work-grid .work-imont-5 .work-icon-mont{bottom: 164px;left: 80px;}
.work-grid .work-imont-6 .work-icon-mont{bottom: 214px;left: 77px;}
.work-grid .work-imont-7 .work-icon-mont{bottom: 300px;left: 76px;}
.work-grid .work-imont-8 .work-icon-mont{bottom: 408px;left: 67px;}

.work-grid .work-icon-mont .white-icon{
  top:0;
  left:0;
}
.work-grid .work-icon-mont .white-icon,
.work-grid .work-icon-mont .yellow-icon{
  position: absolute;
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width:100px;
  height:100px;
  opacity: 0.2;
  filter: alpha(opacity = 20);
  -moz-opacity: 0.2;
  zoom: 1;
}
.work-grid .work-icon-mont .log-akt{
  opacity: 0.2;
  filter: alpha(opacity = 20);
  -moz-opacity: 0.2;
  zoom: 1;
  border: 1px solid #9e9e9e;
}
.work-grid .work-icon-mont .log-akt,
.work-grid .work-icon-mont .yellow-icon{
  z-index:2;
}
.work-grid .work-icon-mont:hover .log-akt,
.work-grid .work-icon-mont:hover .white-icon,
.work-grid .work-icon-mont:hover .yellow-icon{
  opacity: .4;
  filter: alpha(opacity = 40);
  -moz-opacity: .4;
  zoom: 1;
  cursor:pointer;
}
.work-grid .active .work-icon-mont .log-akt,
.work-grid .active .work-icon-mont .white-icon,
.work-grid .active .work-icon-mont .yellow-icon{
  opacity: 1;
  filter: alpha(opacity = 100);
  -moz-opacity: 1;
  zoom: 1;
}
.work-grid .active .work-icon-mont .yellow-icon{
  -webkit-animation: workimontIcon 2s steps(1);
  -moz-animation: workimontIcon 2s steps(1);
  -ms-animation: workimontIcon 2s steps(1);
  -o-animation: workimontIcon 2s steps(1);
  animation: workimontIcon 2s steps(1);
}
.work-grid .active .work-icon-mont .white-icon{
  -webkit-animation: workimontIcon 2s steps(2);
  -moz-animation: workimontIcon 2s steps(2);
  -ms-animation: workimontIcon 2s steps(2);
  -o-animation: workimontIcon 2s steps(2);
  animation: workimontIcon 2s steps(2);
}
@-webkit-keyframes workimontIcon {
    0% {opacity:0.2}
    100% {opacity:1}
}
@keyframes workimontIcon {
    0% {opacity:0.2}
    100% {opacity:1}
}
.work-grid .work-imont-1 .white-icon,
.work-grid .work-imont-7 .white-icon{
  background-position: 0 -170px;
  width: 83px;
  height: 74px;
}
.work-grid .work-imont-2 .white-icon{
  background-position: -143px -152px;
  width: 100px;
  height: 98px;
}
.work-grid .work-imont-3 .white-icon,
.work-grid .work-imont-4 .white-icon,
.work-grid .work-imont-6 .white-icon{
  background-position: -281px -172px;
  width: 76px;
  height: 53px;
}
.work-grid .work-imont-5 .white-icon{
  background-position: -408px -172px;
  width: 76px;
  height: 53px;
}
.work-grid .work-imont-1 .yellow-icon{
  background-position: 0 -321px;
  width: 83px;
  height: 74px;
}
.work-grid .work-imont-2 .yellow-icon{
  background-position: -135px -276px;
  width: 83px;
  height: 133px;
  top: -28px;
  left: -9px;
}
.work-grid .work-imont-3 .yellow-icon{
      background-position: -287px -314px;
    width: 79px;
    height: 54px;
    top: -8px;
}
.work-grid .work-imont-4 .yellow-icon{
      background-position: -420px -271px;
    width: 83px;
    height: 130px;
    top: -50px;
}
.work-grid .work-imont-5 .yellow-icon{
    background-position: -548px -268px;
    width: 96px;
    height: 100px;
    top: -53px;
    left: -11px;
}
.work-grid .work-imont-6 .yellow-icon{
     background-position: -687px -280px;
    width: 115px;
    height: 120px;
    top: -41px;
    left: -20px;
}
.work-grid .work-imont-7 .yellow-icon{
    background-position: -850px -280px;
    width: 130px;
    height: 130px;
    top: -40px;
    left: -35px;
}
.work-grid .work-imont-8 .yellow-icon{
    background-position: -282px -25px;
    width: 110px;
    height: 97px;
}
.work-grid .work-imont-8 .uk-button{
    white-space: nowrap;
    position: absolute;
    top: 10px;
    border-radius: 40px;
    padding: 21px 40px 21px 74px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    zoom: 1;
}
.work-grid .work-imont-8.active .yellow-icon{
  -webkit-animation: workimontIcon 0 linear;
  -moz-animation: workimontIcon 0 linear;
  -ms-animation: workimontIcon 0 linear;
  -o-animation: workimontIcon 0 linear;
  animation: workimontIcon 0 linear;
}
.work-grid .work-imont-8.active .uk-button{
    opacity: 1;
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
    -webkit-animation: workimontIcon 2s linear;
    -moz-animation: workimontIcon 2s linear;
    -ms-animation: workimontIcon 2s linear;
    -o-animation: workimontIcon 2s linear;
    animation: workimontIcon 2s linear;
}

/* workis-block-end */

/* reviews-block */

.reviews-block .review-item{
    margin-bottom:50px;
}
.reviews-block .review-item .img-box{
    margin-bottom:10px;
}
.reviews-block .review-item .img-box img{
    height:54px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
}
.reviews-block .review-item:hover .img-box img{
    -webkit-filter: initial;
    -moz-filter: initial;
    -ms-filter: initial;
    -o-filter: initial;
    filter: initial;
    -webkit-filter: initial;
    filter: initial;
}
.reviews-block .review-item .name{
    font-size:17px;
    font-weight:500;
    color:#000;
    margin-bottom:10px;
}
.reviews-block .review-item .desc{
    font-size:16px;
    font-weight:300;
    color:#000;
    margin-bottom:10px;
}
.reviews-block .review-item .readmore{
    font-size:16px;
    font-weight:300;
    color:#000;
    text-decoration:underline;
}
.reviews-block .review-item .readmore:before{
    content: '';
    display: inline-block;
    width: 36px;
    height: 23px;
    vertical-align: middle;
    background: url(../img/sprite.png) -73px 0 no-repeat;
    margin-right: 5px;
}
.reviews-block .review-item .readmore:hover:before{
    background: url(../img/sprite.png) -111px 0 no-repeat;
}

/* reviews-block-end */

/* text-description-block */

.text-description-block{
  font-size:16px;
}
.text-description-block .uk-container{
  border-top:1px solid #ccc;
  padding-top: 75px;
  padding-bottom: 75px;
}

/* text-description-block-end */

/* workarea-end */

/* footer */

.footer{
  position: relative;
  margin: -238px 0 0;
  background: #262931;
  color:#eeeeee;
  overflow:hidden;
}
.footer a{
  color:#fff;
}
.footer .uk-container{
  padding-top:55px;
  padding-bottom:55px;
}
.footer .uk-container p{
      margin: 0 0 10px;
    line-height: 1;
}
.footer .logo-foot{
  margin-bottom:10px;
  display:block;
}
.footer .contact{
  color:#eeeeee;
  font-size:14px;
  font-weight: 300;
}
.footer .work-company-box{
  color:#eeeeee;
  font-size:14px;
  text-transform:uppercase;
  font-weight: 300;
  padding-top: 5px;
}
.footer .work-company-box p{
  margin-bottom:20px;
}
.footer .logo-box {
    margin-right: 20px;
}
.footer .menu-company-box {
    margin-right: 30px;
    position:relative;
}
.footer .menu-company-box:last-child{
    margin-right: 50px;
}
.footer .menu-company-box:before{
    content:'';
    position: absolute;
    background:#686a6f;
    top:-10px;
    bottom:0;
    /* left:-24px; */
    left:-16px;
    width: 1px;
}
.footer .menu-company-box:last-child:before{
    display:none;
}
.footer .menu-company-box ul{
    list-style-type:none;
    padding: 0;
    margin:0;
}
.footer .menu-company-box ul li{
    margin-bottom:10px;
}
.footer .menu-company-box ul a{
    text-decoration:none;
    font-size:19px;
    color:#eeeeee;
}
.footer .menu-company-box ul li.current a,
.footer .menu-company-box ul li:hover a{
    color:#ffcb2c;
}
.footer .phone{
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
}
.footer .email{
    font-size:35px;
    font-weight:300;
}
.footer .email a{
    text-decoration:none;
}
.footer .phone-email-box{
    color:#fff;
    padding-top: 20px;
}
.footer .button-box a{
    color: #000;
    padding: 23px 50px;
    border-radius: 40px;
}
.footer .button-box{
    padding-top: 20px;
}
.footer .copyright-box{
    padding-top: 32px;
}

.footer .copyright-box a{
    color:#686a6f;
    font-size:15px;
    text-decoration:none;
    position:relative;
}
.footer .copyright-box a img {
    position:absolute;
    top: 4px;
    left: -40px;
}
.log-akt .log-img { background:url(../img/log3.png) 50% 50% no-repeat;}
.log-akt {background-color:#ffde04;}
.log-akt .log-img{width:60px; height:50px; position:relative; border-radius:100%; margin:0 auto 0; top:5px; background-size:contain; z-index:2; transition: all 0.3s ease;}
.log-akt{width:70px; height:70px; position:relative; border-radius:100%;transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  display:block; margin: 0 auto;
}

.log-akt-shadow { background:#fff; opacity:0; width:6px; height:6px; position:absolute;top:50%; left:50%; margin:-3px 0 0 -3px; border-radius:100%; box-shadow:0 0 30px 30px rgba(255,255,255, 0.8);}
.log-akt:hover{-webkit-animation:log-akt 3s linear infinite; animation:log-akt 3s linear infinite;}
.log-akt:hover .log-akt-shadow {-webkit-animation:log-akt-shadow 3s linear infinite; animation:log-akt-shadow 3s linear infinite;}
.log-akt:hover .circle-line  {-webkit-animation:log-akt-circ 3s linear infinite; animation:log-akt-circ 3s linear infinite;}
.log-akt .circle-line { position:absolute;width:50px; height:50px;top:50%; left:50%; margin:-25px 0 0 -25px;}
.log-akt .line { width:6px; height:1px; background:#000; border-radius:5px; position:absolute;}
.log-akt .line.lin1 {top:50%; left:-2px; margin-top:-1px;}
.log-akt .line.lin2 {top:50%; right:-2px; margin-top:-1px;}
.log-akt .line.lin3 {top:-3px; left:50%;width:2px; height:6px; margin-left:-1px;}
.log-akt .line.lin4 {top:50%;transform:rotate(-45deg);  left:50%;width:2px; height:6px; margin:15px 0 0 15px;}
.log-akt .line.lin5 {top:50%;transform:rotate(45deg); right:50%;width:2px; height:6px; margin:15px 15px 0 0px;}
.log-akt .line.lin6 {bottom:50%;transform:rotate(45deg); left:50%;width:2px; height:6px; margin:0px 0 15px 15px;}
.log-akt .line.lin7 {bottom:50%;transform:rotate(-45deg); right:50%;width:2px; height:6px; margin:0px 15px 15px 0;}
.log-akt .line.lin8 {bottom:-3px; opacity:0; left:50%;width:2px; height:6px; margin-left:-1px;}
.log-akt:hover .line.lin8 { opacity:1;}

/* .work-icon-mont  */
.work-icon-mont .log-akt .log-img { background:url(../img/log3.png) 50% 50% no-repeat;}
.work-icon-mont .log-akt {background-color:#ffde04;}
.work-icon-mont .log-akt .log-img{width:80px; height:70px; position:relative; border-radius:100%; margin:0 auto 0; top:10px;  background-size:contain; z-index:2; transition: all 0.3s ease;}
.work-icon-mont .log-akt{width:100px; height:100px; position:relative; border-radius:100%;transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.work-icon-mont .log-akt-shadow { background:#fff; opacity:0; width:6px; height:6px; position:absolute;top:50%; left:50%; margin:-3px 0 0 -3px; border-radius:100%; box-shadow:0 0 30px 30px rgba(255,255,255, 0.8);}
.work-icon-mont .log-akt:hover{-webkit-animation:log-akt 3s linear infinite; animation:log-akt 3s linear infinite;}
.work-icon-mont .log-akt:hover .log-akt-shadow {-webkit-animation:log-akt-shadow 3s linear infinite; animation:log-akt-shadow 3s linear infinite;}
.work-icon-mont .log-akt:hover .circle-line  {-webkit-animation:log-akt-circ 3s linear infinite; animation:log-akt-circ 3s linear infinite;}
.work-icon-mont .log-akt .circle-line { position:absolute;width:70px; height:70px;top:50%; left:50%; margin:-35px 0 0 -35px;}
.work-icon-mont .log-akt .line { width:8px; height:2px; background:#000; border-radius:5px; position:absolute;}
.work-icon-mont .log-akt .line.lin1 {top:50%; left:-8px; margin-top:-1px;}
.work-icon-mont .log-akt .line.lin2 {top:50%; right:-8px; margin-top:-1px;}
.work-icon-mont .log-akt .line.lin3 {top:-8px; left:50%;width:2px; height:8px; margin-left:-1px;}
.work-icon-mont .log-akt .line.lin4 {top:50%;transform:rotate(-45deg);  left:50%;width:2px; height:8px; margin:25px 0 0 25px;}
.work-icon-mont .log-akt .line.lin5 {top:50%;transform:rotate(45deg); right:50%;width:2px; height:8px; margin:25px 25px 0 0px;}
.work-icon-mont .log-akt .line.lin6 {bottom:50%;transform:rotate(45deg); left:50%;width:2px; height:8px; margin:0px 0 25px 25px;}
.work-icon-mont .log-akt .line.lin7 {bottom:50%;transform:rotate(-45deg); right:50%;width:2px; height:8px; margin:0px 25px 25px 0;}
.work-icon-mont .log-akt .line.lin8 {bottom:-8px; opacity:0; left:50%;width:2px; height:8px; margin-left:-1px;}
.work-icon-mont .log-akt:hover .line.lin8 { opacity:1;}





/*** new style ***/

.service-list {}
.service-list .b-tabs { padding:145px 0 0;}
.service-list .tabs { list-style:none; margin:0 0 20px; padding:0; font-size:15px; margin-bottom:20px; text-align:center;}
.service-list .tabs li { display:inline-block; vertical-align:top; cursor:pointer; margin:0 15px 30px; padding:10px 15px; border:2px solid #ffdf06; background:#fff; border-radius:25px;}
.service-list .tabs li.current { background:#ffdf06;}
.service-list .tabs li span {}
.service-list .box { margin-bottom:20px; display:none;}
.service-list .box.visible { display:block;}
.service-list .b-service { position:relative;float:left;}
.service-list .b-service .serv { position:relative; margin-bottom:35px;}
.service-list .b-service  .img { position:relative;}
.service-list .b-service .img span { position:absolute; font-size:26px;color:#fff; text-transform:uppercase; line-height:1.2; font-weight:500;bottom:30px;left:30px;right:30px;}
.service-list .b-service .readmore{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    background: rgba(255,222,0,0.95);
    color: #000;
    display: none;
    text-decoration: none;
    font-size: 19px;

}

.service-list .b-service.uk-width-large-1-4 .readmore { font-size:16px;}
.service-list .b-service .readmore:after{
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.service-list .b-service .readmore span { display:inline-block; vertical-align:middle;border:2px solid #000; border-radius:50px; padding:20px 55px;color:#000;}
.service-list .b-service:hover .readmore{
    display: block;
}
#raschet.uk-modal { background:rgba(38,41,49,.97);}
#raschet .uk-close { background:url(../img/close2.png) 0 0 no-repeat; width:93px; height:93px; position:fixed;top:70px; right:70px; opacity:1; display:block;}
#raschet .uk-modal-dialog { background:none;color:#fff;}
#raschet .uk-modal-header .uk-modal-title {color:#fff; text-transform:none; font-size:36px; font-weight:300; line-height:1.4;}

.uk-modal-dialog-big { width:670px;}
#raschet .b-budget .title { font-size:19px; text-align:center; padding:10px 0;color:#fff; font-weight:500;}}
#raschet .ceil {}
#raschet .ceil .uk-form-label { font-size:19px; text-transform:none; text-align:center; padding:10px 0;color:#fff; font-weight:500;}
#raschet .ceil .title {font-size:13px; margin-top:25px; margin-bottom:20px; text-align:center; padding:10px 0;color:#a0a0a0; font-weight:500;}
#raschet .ceil .uk-form-row input[type=text]:focus { background:rgba(255,255,255, .95);}
#raschet .ceil .sv-radio-box.sv-checked > span { background:#fdd900;}
#raschet .ceil .uk-form .sv-radio-box { background:none; border:1px solid #fff;float:left; margin:0;}
#raschet .ceil .uk-form .sv-radio-box +.text { display:block; margin-left:25px; font-size:16px;color:#a0a0a0;}
#raschet .ceil .my-grid{ white-space:nowrap; margin-right:-15px;}
#raschet .ceil .inlb { display:inline-block; white-space:normal; margin-right:10px; vertical-align:top;}
#raschet .ceil .pole-star { position:relative;}
#raschet .ceil .pole-star .sstar {color:#a0a0a0; font-size:13px; position:absolute;top:-4px; left:26px;}

#raschet .btn-submit { font-size:19px; margin:40px auto 0; padding:26px 80px; border-radius:70px;}

#raschet .scroll-budget { padding:15px 0 35px; margin-bottom:35px; position:relative;}
#raschet .scroll-budget .costs { position:absolute;bottom:0; left:-15px; font-weight:300;color:#a0a0a0; font-size:13px; width:112%; text-align:justify; text-align-last:justify;}
#raschet .scroll-budget .costs b { display:inline-block; vertical-align:top; font-weight:300; width:13%; text-align-last:left; text-align:left;}
#raschet .scroll-budget .costs b.cost-clear { padding:1px; font-size:1px;}
#raschet #slider-range-min { margin:0 15px;}
*, *:focus { outline:none;}
#raschet .ui-widget-content { border:none;}
#raschet .ui-slider-handle { border:none !important;}
@keyframes log-akt {
		0% { box-shadow:0; }
		80% {box-shadow:0 0 20px rgba(255,255,255, .7);}
		100% { box-shadow:0; }
}
@-webkit-keyframes log-akt {
		0% {  box-shadow:0; }
		80% { box-shadow:0 0 20px rgba(255,255,255, .7);}
		100% { box-shadow:0; }
}
@keyframes log-akt-circ {
		0% {
		transform:rotate(0);
		-o-transform:rotate(0);
	    -moz-transform:rotate(0);
	    -webkit-transform:rotate(0);
 		}
		100% {
		transform:rotate(360deg);
		-o-transform:rotate(360deg);
	    -moz-transform:rotate(360deg);
	    -webkit-transform:rotate(360deg);
 		}
}
@-webkit-keyframes log-akt-circ {
		0% {
		transform:rotate(0);
		-o-transform:rotate(0);
	    -moz-transform:rotate(0);
	    -webkit-transform:rotate(0);
 		}
		100% {
		transform:rotate(360deg);
		-o-transform:rotate(360deg);
	    -moz-transform:rotate(360deg);
	    -webkit-transform:rotate(360deg);
 		}
}

@keyframes log-akt-shadow {
	0% { opacity:0; box-shadow:0 0 0 rgba(255,255,255, 0.8);}
	20% { opacity:1; }
	50% {box-shadow:0 0 30px 30px rgba(255,255,255, 1); opacity:1; }
	100% { opacity:0; box-shadow:0 0 0 rgba(255,255,255, 0.8);}
}
@-webkit-keyframes log-akt-shadow {
	0% { opacity:0; box-shadow:0 0 0 rgba(255,255,255, 0.8);}
	20% { opacity:1; }
	50% {box-shadow:0 0 30px 30px rgba(255,255,255, 1); opacity:1; }
	100% { opacity:0; box-shadow:0 0 0 rgba(255,255,255, 0.8);}
}
.uk-nav-offcanvas > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    color: #ccc;
    padding: 10px 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}


/* footer-end */







/*** new style ***/

.seo-video {}
.seo-video .b-video { position:relative;border:5px solid #000; background:#707070; margin:0 auto 110px; max-width:915px; height:480px;}
.seo-video .b-video .btn-play { background:url(../img/play.png) 50% 115px no-repeat; line-height:1.2; padding:300px 0 0; display:block; font-weight:300; position:absolute;top:0; left:0; width:100%; height:100%;color:#fff; text-align:center; font-size:38px;}
.seo-video .b-video .btn-play:hover { text-decoration:none; opacity:0.8;}

.one-seo {    background: url("../img/banner2.png") no-repeat 50% 50%; background-size:cover;
    box-sizing: border-box;
    height: calc(100vh - 111px);
    padding-top: 150px;
    position: relative;
    width: 100%;
}

.one-seo h1 { margin:0 auto; max-width:960px; line-height:0.9; box-sizing:border-box; font-weight:bolder; font-size:90px;color:#fff; padding:40px 80px 40px 40px; border:12px solid #ffde00;}


.bg-opit { background-image:url(../img/banner3.png);}
.bg-opit h1 { padding-right:40px; max-width:1030px;}


.two-seo { background-image:url(../img/banner4.png); min-height:630px; padding-top:100px;}
.two-seo h1 { padding-right:40px;}

.two-seo .text-seo { max-width:960px; padding:0 0 0 52px; box-sizing:border-box; margin:20px auto 0;}
.two-seo .text-seo .txt { margin-right:260px; font-size:38px; font-weight:300; line-height:1.2;color:#fff;}
.two-seo .text-seo .b-btn {float:right;}



/* Services page */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	width: 8px;
	height: 100%;
	background: #e1e1e1;
    border-radius: 7px;
}
.jspVerticalBar
{
	right: 0;
}
.scroll-pane{
  overflow:auto;
}
.scrollbar-vertical-left .jspVerticalBar{
    left: 0;
    right:auto;
}
.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background: #e1e1e1;
    border-radius: 7px;
}
.scroll-pane-table{
  white-space:nowrap;
  margin: 0;
  width: 100%;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #e1e1e1;
    border-radius: 7px;
	position: relative;
}

.jspDrag
{
	background: #317fe0;
    border-radius: 7px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.scrollbar-red .jspDrag
{
	background: #FF5D60;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}










/*** new style **/

.top-banners { position:relative;}
.top-banners.video-bann { padding:0;}
.video_you { position:absolute;top:0; left:0;width:100%; height:100%;}
.video_you iframe {width:100% !important; height:100% !important;}


/* .center-text {height:100vh; color:#fff; position:relative; z-index:10;} */
.center-text {height:470px; color:#fff; position:relative; z-index:10;}
.center-text:before {content:" "; display:inline-block; vertical-align:middle; height:100%; width:0;}
.center-text .cntr { display:inline-block; vertical-align:middle; width:99%; text-align:center; font-size:38px;}
.center-text h1 {line-height: 80px; color: #fff; font-size: 90px; text-align: center; font-weight: bold; padding-bottom: 20px;}
.center-text h2 {color:#fff; font-size:90px; text-align:center; font-weight:bold; padding-bottom:20px;}
.center-text h3 {color:#fff; font-size:60px; text-align:center; font-weight:100; padding-bottom:20px;}
.center-text .btn-yell { font-size:19px;color:#000; text-decoration:none; display:inline-block; vertical-align:top;border-radius:35px; background:#fad200; padding:27px 35px;}

.adv-list2 { margin:0 auto; max-width:900px;}
.advantages-list.adv-list2 .item {white-space:nowrap; }
.advantages-list.adv-list2 .item .img-box {float:none; display:inline-block; vertical-align:middle;}
.advantages-list.adv-list2 .item .img-box + .desc-box { margin:0; display:inline-block; vertical-align:middle; white-space:nowrap;}
.advantages-list.adv-list2 .item .desc-box .name { margin-bottom:0; padding-left:10px;}

.advantages-list.adv-list2 .block-adv {display:inline-block; vertical-align:top; width:90%; margin:0 4%; max-width:315px; text-align:left;}

.dw-title { display:inline-block; vertical-align:bottom; margin-bottom:15px; background:url(../img/dw-title.png) 0 0 no-repeat; width:125px; height:98px;}


.b-create-piar { }
.b-create-piar .create-title { max-width:930px; margin:0 auto;color:#aeaeae;  font-size:21px; padding-bottom:10px;}
.b-create-piar .b-accordion { max-width:930px; margin:0 auto;}
.b-create-piar .b-accordion .b-toggle { padding-bottom:10px;}
.b-create-piar .b-accordion .toggle-title {color:#262931; font-size:21px; background:#262931; padding:16px 25px;color:#fff; cursor:pointer; position:relative;}
.b-create-piar .b-accordion .toggle-title:hover { opacity:0.8;}
.b-create-piar .b-accordion .toggle-title span { position:absolute;top:0;right:0; width:57px; height:100%; background:url(../img/arr-acc-down.png) 50% 50% no-repeat rgba(255,255,255, .15);}
.b-create-piar .b-accordion  .b-toggle .toggle-title.active { background:#ffde00; color:#262931;}
.b-create-piar .b-accordion  .b-toggle .toggle-title.active span { background:url(../img/arr-acc-up.png) 50% 50% no-repeat rgba(255,255,255, .15);}
.b-create-piar .b-accordion .toggle-cont { display:none;}
.b-create-piar .b-accordion table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.b-create-piar .b-accordion table th { background:#f7f7f7; padding:15px 20px; color:#262931; font-size:16px; text-transform:uppercase; font-weight:bold;}
.b-create-piar .b-accordion table td { background:#eeeeee; padding:10px 20px; width:100%;}
.b-create-piar .b-accordion table td+td { text-align:center; width:auto;}
.b-create-piar .b-accordion table tr:nth-child(2n+1) td {background:#f7f7f7;}
.b-create-piar .b-accordion table span { text-decoration:underline; font-size:16px;}
.b-create-piar .b-accordion table .plus { background:url(../img/plus-acc.png) 50% 50% no-repeat; width:23px; height:23px; opacity:0.6; display:inline-block; vertical-align:middle;}
.b-create-piar .b-accordion table .minus { background:url(../img/minus-acc.png) 50% 50% no-repeat; width:23px; height:23px; opacity:0.6; display:inline-block; vertical-align:middle;}

.list-top-ya { margin:0 auto; padding-bottom:50px;max-width:995px;}
.my-top { }
.my-top .title {color:#010228; font-size:38px;  padding-bottom:30px;font-weight:bold;}
.my-top .title-refresh { font-size:26px; font-weight:600; color:#010228; }
.my-top .title-refresh small {color:#010228; font-size:16px; font-weight:300; display:block; text-transform:none;}
.my-top .title-refresh span {
display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    /* background: url(../img/refresh.png) 100% 0 no-repeat; */
    padding-bottom: 20px;
    /* padding-right: 60px; */
}
.my-top .title-refresh span img {
	margin-left:10px;
	cursor:pointer;
}
.my-top .sear-yandex span{ display:inline-block; vertical-align:top; padding-right:90px; background:url(../img/ya.png) 100% 0 no-repeat; padding-top:10px; padding-bottom:5px;}
.my-top .ya-title{}
.my-top .ya-title span{}
.my-top .sear-yandex { margin-bottom:35px;}
.my-top .sear-yandex table{width:100%;border-collapse:collapse;
	border-spacing:0; max-width:300px;border:1px solid #c2c2c2;}
.my-top .sear-yandex table th{ padding:5px; vertical-align:top;color:#010228; font-size:16px; font-weight:400; text-align:left;}
.my-top .sear-yandex table td{ padding:5px; vertical-align:top; width:40px; text-align:center;color:#858585; font-size:22px;}
.my-top .sear-yandex table tr:nth-child(2n+1) th, .my-top .sear-yandex table tr:nth-child(2n+1) td{ background:#fff8cc;}

.my-top .slider-review {}
.my-top .slider-review h2 {color:#010228; font-size:38px;  font-weight:bold; padding:0 0 30px; margin:0;}
.my-top .slider-review .slider{}
.my-top .slider-review .slide {}
.my-top .slider-review .slide .img{}
.my-top .slider-review .slide .img img{}
.my-top .slider-review .b-desc{ font-size:17px;color:#000; padding-bottom:10px; font-weight:600;}
.my-top .slider-review .txt{ padding-bottom:10px;}
.my-top .slider-review .read-review {}
.my-top .slider-review .read-review a{ display:inline-block; vertical-align:top; background:url(../img/read-review.png) 0 0 no-repeat; padding-left:40px; color:#010228; padding-bottom:4px;}
.my-top .slider-review .bx-controls-direction { display:none;}
.my-top .slider-review .bx-pager{ text-align:right; padding:20px 0;}
.my-top .slider-review .bx-pager .bx-pager-item { display:inline-block; vertical-align:top; margin-right:5px; width:10px; height:10px;}
.my-top .slider-review .bx-pager .bx-pager-item a { display:block; overflow:hidden; position:relative; text-align:left; text-indent:-9999em; border:1px solid #8e8e8e; border-radius:50%; background:#fff; width:10px; height:10px;}
.my-top .slider-review .bx-pager .bx-pager-item a.active { background:#ffde00; border:1px solid #ffde00;}



@media(max-width:800px){
.center-text h2 { font-size:56px; line-height:1.2;}
.center-text .cntr { font-size:30px;}
.center-text .cntr{ width:97%; line-height:1.3;}
.center-text h3{ font-size:55px;}
.b-create-piar .b-accordion .toggle-title{ font-size:18px; padding-right:55px;}
}

@media(max-width:420px){
.advantages-block .zag h2 { font-size:2.5em;}
.advantages-block { overflow:hidden;}
.my-top .title { line-height:1.2;}
.center-text h3 { font-size:38px;}
.tarifs-block  .zag h2 { font-size:2.1em;}
.my-top  [class*=uk-width] { padding:0;}
.uk-container { padding:0 10px;}
.b-create-piar .b-accordion .toggle-title{ font-size:16px; padding-left:10px; padding-right:55px;}
.uk-grid { margin-left:0;}

}
.top-fixed-block {
	height: 93px;
}

.top-banners.video-bann {
	background: linear-gradient(to bottom, #3b3b3b 0%,#000000 100%);
}

.video_you_top {
	height:500px;
}




.put-result-name {width: 240px;float: left;margin-top: 15px;}
.my-top .title-refresh span img {float: right;margin-left: 0;}
.my-top .title-refresh span {width: 300px;}


.ctitle {
    float:left !important;
}