@font-face{
    font-family:roboto-regular;
    src:url('/assets/fonts/Roboto-Regular.woff') format('woff'),
    url("/assets/fonts/Roboto-Regular.otf") format('opentype'),
    url("/assets/fonts/RobotoRegular.woff2") format('woff2'),
    url("/assets/fonts/RobotoRegular.ttf") format('truetype'),
    url("/assets/fonts/Roboto-Regular.svg") format("svg");
}


@font-face{
    font-family:roboto-medium;
    src:url('/assets/fonts/Roboto-Medium.woff') format('woff'),
    url("/assets/fonts/Roboto-Medium.otf") format('opentype'),
    url("/assets/fonts/RobotoMedium.woff2") format('woff2'),
    url("/assets/fonts/Roboto-Medium.ttf") format('truetype'),
    url("/assets/fonts/Roboto-Medium.svg") format("svg");
}

@font-face{
    font-family:Robotocondensed;
    src:url('/assets/fonts/Robotocondensed.woff') format('woff'),
    url("/assets/fonts/Robotocondensed.woff2") format('woff2'),
    url("/assets/fonts/Robotocondensed.ttf") format('truetype');
}

@font-face{
    font-family:Robotocondensedbold;
    src:url('/assets/fonts/Robotocondensedbold.woff') format('woff'),
    url("/assets/fonts/Robotocondensedbold.woff2") format('woff2'),
    url("/assets/fonts/Robotocondensedbold.ttf") format('truetype');
}

@font-face{
    font-family:Robotocondensedlight;
    src:url('/assets/fonts/Robotocondensedlight.woff') format('woff'),
    url("/assets/fonts/Robotocondensedlight.woff2") format('woff2'),
    url("/assets/fonts/Robotocondensedlight.ttf") format('truetype');
}

@font-face{
    font-family:roboto-light;
    src:url('/assets/fonts/Roboto-Light.woff') format('woff'),
    url("/assets/fonts/Roboto-Light.otf") format('opentype'),
    url("/assets/fonts/Roboto-Light.woff2") format('woff2'),
    url("/assets/fonts/Roboto-Light.ttf") format('truetype'),
    url("/assets/fonts/Roboto-Light.svg") format("svg");
}

html *{
    max-width:  99999px;
}


/*class*/


div.center-block{
    max-width:1230px;
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
}

div.flex-block{
    display:flex;
    
}

div.inline_bl{
    display:inline-block;
    vertical-align:top;
}

a{
    color:#000;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}


/*blocks*/

body *{
    font-size:17.96px;
    font-family: roboto-regular, calibri, arial;
    line-height:normal;
    color:#272b34;
    outline:none;
}


body {
    transition:all 2s ease 1.5s;
    padding-top: 108px;
}



section{
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 50px;
}

input[type='text'],
input[type='file'],
input[type='tel'],
select,
textarea{
    outline: none;
    background: #fff;
    padding: 14px 17px;
    font-size: 16px;
    box-sizing: border-box;
    resize:none;
    color: #171717;
    max-width:370px;
    width:100%;
    font-family: roboto-light, calibri, helvetica, arial;
    border: 1px solid #D4D4D4;
    margin-bottom: 30px;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder{
    color:#272b34;
}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
textarea::-moz-input-placeholder,
select::-moz-input-placeholder{
    color:#272b34;
}/* Firefox 19+ */
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
textarea:-moz-input-placeholder,
select:-moz-input-placeholder{
    color:#272b34;
}/* Firefox 18- */
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder{
    color:#272b34;
}


option{
    font-size: 16px;
    color: #171717;
    padding:3px 0;
    font-family: roboto-light, calibri, helvetica, arial;
}

input[type="submit"]{
    background: #FF1820;
    outline: none;
    color: #fff;
    font-size: 18.58px;
    font-family: calibri, arial;
    padding: 10px 40px;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

input[type="submit"]:hover{
    background: #D1D1D1;
    color: #171717;
}

div.form_block input[type='text'],
div.form_block input[type='tel'],
div.form_block select,
div.form_block textarea,
div.form_block input[type="submit"]{
    width: 48%;
}

img {
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    -webkit-user-drag: none;
}

/*overheader*/

div.fixed_header{
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 100;
    right: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
    background: rgb(255,255,255);
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

div.fixed_header.active{
    top:0;
}

.fixed_header .logo-block img{
}

.fixed_header  .logo-block{
    margin-top:0;
}

.fixed_header  p.descriptor{
}

.menu_top{
    display:none;
}

.fixed_header.header .center-block {
    align-items: center;
}


/*overheader--end*/

/*header*/

header{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 101;
    background: #fff;
    transition:all 0.5s ease;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.12);
}

header.active{
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.12);
}

header .center-block{
    display: flex;
    justify-content: space-between;
    height: 108px;
    transition: all 0.5s ease;
}

header.active .center-block {
    height: 70px;
}

.headcolumnlogo{
    text-align: center;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.headcolumnlogo img {
    max-width: 150px;
}

a.logo{
    line-height: 0;
    display: block;
}

p.descriptor{
     font-size: 12px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #AEAEAE;
    white-space: pre-line;
    text-align: left;
}


.phones{
    margin: 0 20px 0 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.phones a{
text-decoration: none;
    font-family: roboto-light, calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: #272b34;
    padding-left: 20px;
    background: url(/assets/img/phone.png) no-repeat left center;
}

.but-block a{
    border: 2px solid #FF1820;
    font-size: 14px;
    background: #fff;
    color: #FF1820;
    padding: 13px 10px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s ease;
}

.but-block a:hover{
    background:#FF1820;
    color:#fff;
}


header .but-block{
    display:flex;
    align-items:center;
}

 
/*header--end*/

/*nav*/

nav, div.nav {
    display: flex;
}

nav a,
div.nav a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    margin: 0 13px 5px;
    font-family: roboto-medium, calibri, arial;
    white-space: nowrap;
}

nav a:before,
.fixed_header  div.nav a:before{
    content:'';
    border-bottom: 5px solid #FF1820;
    position:absolute;
    top:0;
    left:0;
    width:0;
    transition:all 0.5s ease;    
}

nav a:hover:before,
.fixed_header  div.nav a:hover:before{
    width: 100%;
}

div.nav a {
    font-size: 17.78px;
    text-decoration: none;
    letter-spacing: 0.5px;
    position: relative;
    margin: 0 13px 0;
}

nav a.sale-chapter,
div.nav a.sale-chapter{
    color: #FF1820;
}

/*nav*/


/*nav_menu*/

.nav_menu {
    background: #353535;
    padding:3px 0;
}

.chap{
    display:inline-block;
    vertical-align: middle;
    padding-right:95px;
}

.chap a{
    color:#fff;
    font-family:robotolight, calibri, arial;
    text-decoration:none;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

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



/*nav_menu--end*/


/*first_screen*/

.first-screen{
    min-height: 720px;
    position: relative;
    margin: 0 auto;
    background: url(/assets/img/bg-first-screen.jpg) no-repeat center top;
    padding: 1px 0;
    width: 100%;
    overflow: hidden;
}

.first-screen .center-block{
    position: relative;
}


p.before-h{
    padding-left: 30PX;
    padding-top: 100px;
    font-size: 24px;
    color: #78787a;
    font-family: roboto-light, calibri, arial;
}

.first-screen h1{
    font-size: 55px;
    color: #272b34;
    font-family: Robotocondensedlight, calibri, arial;
    padding-top: 15px;
    position: relative;
    margin-bottom: 0;
    padding-left: 30px;
}

h1 strong{
    font-family: Robotocondensedbold, calibri, arial;
    font-size: 55px;
}

h2{
    font-size: 26px;
    color: #111213;
}




.first-screen ul{
    margin-top: 50px;
    margin-left: 30px;
}

.first-screen ul li{
    font-size: 20px;
    position: relative;
    margin: 10px 0;
}

.first-screen ul li:before{
    content: url(/assets/img/tick.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    line-height: 12px;
    margin-bottom: 5px;    
}

.img_first-screen{
    position: absolute;
    top: 179px;
    right: -50px;
    z-index: 2;
}

.img_first-screen img{
    max-width: 750px;
}


/*first_screen--end*/



/*i-now*/

.i-now .center-block {
    height: 325px;
    background: #fff;
    margin-top: -107px;
    z-index: 1;
    position: relative;
    box-shadow: 0 20px 60px 0 rgba(0,0,0,0.12);
}

.red-title{
    background: #FF1820;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 270px;
    position: relative;
}

.red-title:before,
.red-title:after{
    content:'';
    background: url(/assets/img/dots.png) repeat-x left top;
    position:absolute;
    top:3px;
    left:2px;
    right:2px;
    height:29px;
}

.red-title:after{
    bottom:3px;
    top:auto;
}

.red-title h2{
    font-size:22px;
    color:#fff;
    text-align:center;
    
}

.red-title h2 strong{
    color: #fff;
    font-family: Robotocondensedbold;
    font-size: 24px;
    font-weight: normal;
}

.red-title .but-block a{
    padding: 17px 20px;
    margin-top: 30px;
    font-size: 16px;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.15);
    border: none;
}

.red-title .but-block a:hover{
    background:#272B34;
}

.red-title ~ .flex-block{
    width: 100%;
    align-items: center;
}

.type{
    text-align: center;
    width: 25%;
}

.circle-shadow{
    width: 81px;
    height: 81px;
    border-radius: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
    margin-bottom: 30px;
}

/*--end--i-now*/


/*tezis_numbers-about-us*/

.center-block > h3,
.center-block > h2{
    text-align: center;
    color: #272b34;
    font-size: 45px;
    padding: 35px 0;
    font-family: Robotocondensedlight, calibri, arial;
}

.center-block > h3 strong,
.center-block > h2 strong{
    font-family: Robotocondensedbold, calibri, arial;
    font-size:45px;        
}

.numbers-about-us h3{
    margin-top: 80px;
    margin-bottom: 50px;
}


.tezis_numbers-about-us{
    text-align: center;
    width: 25%;
}
.tezis_numbers-about-us .number{
    color:#ff1820;
    font-size:50px;
    display:block;
    font-family:Robotocondensedbold, calibri, arial;
}


.tezis_numbers-about-us .red-text{
    font-family:roboto-medium, calibri, arial;
    font-size:20px;
    color:#ff1820;
    display:block;
}

.tezis_numbers-about-us p:first-child{
    color: #272b34;
    font-family: roboto-medium, calibri, arial;
    font-size: 20px;
    min-height: 145px;
}

.tezis_numbers-about-us p:first-child ~ p{
    margin-top:15px;
}

/*tezis_numbers-about-us--end--*/

/*prichep*/

.prichep{
    background: url(/assets/img/bg-prichep.jpg) no-repeat center top;
    padding-top: 205px;
    position: relative;
    min-height: 1006px;
}

.prichep .center-block{
    max-width:1180px;
}

.prichep:before{
    content:'';
    left:0;
    right:0;
    top:130px;
    margin:auto;
    width:44px;
    height:44px;
    border-radius:100px;
    position:absolute;
    background: #ff1820 url(/assets/img/small-arrow-down.png) no-repeat center center;
}

.circle-canvas{
    position:relative;
    height:855px;
    display:flex;
    justify-content:space-between;
}

.circle-canvas svg{
    top: 80px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    background: url(/assets/img/prichep.png) no-repeat center center;
    z-index: 1;
}

.circle-canvas svg > circle:first-child{
    fill: none;
    stroke: #FE444A;
    stroke-width: 1px;
    stroke-dasharray: 1px 10px;
}


.circle-canvas svg circle.red-circle {
    fill: #FE444A;
    stroke: #FE444A;
    stroke-width: 10px;
    stroke-dasharray: 0;
    stroke-opacity: 0.1;
    position: relative;
    color: #fff;
    font-size: 15px;
}


.plus-one{
    position:relative;
}

.plus-one .punkt{
    font-size: 14px;
    color: #ff1820;
    position: absolute;
    left: 0;
    bottom: -50px;
}

.plus-one .punkt:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ff1820 url(/assets/img/small-arrow-down.png) no-repeat center center;
    background-size: 50% auto;
    position: absolute;
    top: -25px;
    left: 0;
    border-radius: 50px;
}

.plus-block:nth-child(3) .plus-one .punkt{
    left:auto;
    right:0;
}

.plus-one .plus{
    font-size:20px;
    color:#272b34;
}


.plus-block{
    position: relative;
    width: 50%;
}

.plus-block:nth-child(2) .plus-one:nth-child(1){
    position: absolute;
    top: 75px;
    left: 100px;
}

.plus-block:nth-child(2) .plus-one:nth-child(2){
    position: absolute;
    top: 300px;
    left: 10px;
}

.plus-block:nth-child(2) .plus-one:nth-child(3){
    position: absolute;
        top: 575px;
    left: 80px;
}


.plus-block:nth-child(3) .plus-one:nth-child(1){
    position: absolute;
    top: 75px;
    right: 30px;
}

.plus-block:nth-child(3) .plus-one:nth-child(2){
    position: absolute;
    top: 304px;
    right: 0;
}

.plus-block:nth-child(3) .plus-one:nth-child(3){
    position: absolute;
    top: 527px;
    right: 30px;
}


.plus-block .plus-one:before{
    content: '';
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    position: absolute;

    
}

.plus-block:nth-child(2) .plus-one:nth-child(1):before{
    top: 157%;
    left: 77px;
    width: 127px;
    height: 75px;
    transform: skew(57deg);
}

.plus-block:nth-child(2) .plus-one:nth-child(2):before{
    top: 131%;
    left: 62px;
    width: 156px;
    height: 48px;
    transform: skew(60deg);
}

.plus-block:nth-child(2) .plus-one:nth-child(3):before{
    top: 132%;
    left: 21px;
    width: 261px;
    height: 75px;
    transform: none;
    border-right: 0;
}

.plus-block:nth-child(3) .plus-one:nth-child(1):before{
    top: 134%;
    left: auto;
    right: 49px;
    width: 253px;
    height: 48px;
    transform: skew(-49deg);
    border-right: 0;
    border-left: 1px solid #DDDDDD;
}

.plus-block:nth-child(3) .plus-one:nth-child(2):before{
    top: 115%;
    right: 23px;
    width: 246px;
    height: 75px;
    transform: none;
    border-right: 0;
}

.plus-block:nth-child(3) .plus-one:nth-child(3):before{
    top: 116%;
    right: 23px;
    width: 307px;
    height: 75px;
    transform: none;
    border-right: 0;
}

/*prichep--end*/



/*models*/

.models{
    padding-bottom:50px;
}

.models h2{
    font-family: Robotocondensedbold, calibri, arial;
    padding-bottom:15px;
}

p.after-h{
    text-align: center;
    font-size: 22px;
    font-family: roboto-light, calibri, arial;
}

.but-tubs{
    max-width: 1032px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    height: 80px;
    margin-top: 60px;
}

.but-tubs p{
    width: 25%;
    font-family: roboto-light, calibri, arial;
    font-size:20px;
    cursor:pointer;
    border-top: 1px solid #2A2A2A;
    border-bottom: 1px solid #2A2A2A;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 0.5s ease;
}

.but-tubs p:hover,
.but-tubs p.active{
    color:#FF1820;
    border-color:#FF1820;
    font-family: roboto-medium, calibri, arial;
}

.tab-in{
    max-width: 1170px;
    margin: 90px auto 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    height: 50px;
    position: relative;
    z-index: 1;
}

.tab-in p{
    background:#fff;
    cursor: pointer;
    padding: 0 20px;
    display: flex;
    align-items: center;
    position:relative;
    height: 40px;
    border-top: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    transition: all 0.3s ease;
}

.tab-in p ~ p{
    margin-left: -1px;
}

.tab-in p:hover,
.tab-in p.active{
    height: 50px;
    color: #FF1820;
    background:#fff;
}

.tab-in p.active:before{
    content:'';
    height:3px;
    bottom:-2px;
    left:0;
    right:0;
    position:absolute;
    background:#fff;
}

.tab-in-content{
    border: 1px solid #D7D7D7;
    max-width: 1170px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
}

.cart{
    max-width: 560px;
    width: 100%;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    margin: 15px 0;
    background: #FAF8F8;
    position: relative;
}

.cart .red-check{
    padding: 7px 20px 7px 30px;
    background: #FF1820 url(/assets/img/white-tick.png) no-repeat 10px center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 14px;
    font-family: roboto-light, calibri, arial;
}

.cart .red-check:before{
    content: '';
    position: absolute;
    right: -5px;
    top: 3px;
    width: 5px;
    background: #B81016;
    height: 100%;
    border-top-right-radius: 100px;
}

.cart .red-check:after{
    content: '';
    position: absolute;
    top: 1px;
    right: -5px;
    background: #F1171E;
    width: 5px;
    height: 100%;
    transform: skewY(20deg);
}

.cart .img-block{
text-align: center;
    background: #fff;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart .img-block img{
    max-width: 100%;
    max-height: 342px;
}

.tab-in-content > div{
    display:flex;
    align-items:flex-start;
    justify-content: space-around;
}

.title-item{
    font-size: 20px;
    padding: 15px 20px 0;
    font-weight: bold;
    background: #fff;
    min-height: 103px;
    box-sizing: border-box;
}


.title-item span{
    font-weight: normal;
    display: block;
}

.title-item span br{
    display:none;
}

.itemid{
    padding-bottom: 20px;
    padding: 5px 20px 20px;
    background: #fff;
}

.itemid + p {
    padding:15px 22px;
}

.itemid + p strong{
    font-family:roboto-medium, calibri, arial;
    font-size:18px;
}

p.flex-line{
    padding: 14px 22px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DDDDDD;
}

p.flex-line span{
    font-size:16px;
    width:50%;
}

p.flex-line span:first-child{
    font-family: roboto-light, calibri, arial;
}

p.flex-line.full-line span{
    width: 100%;
    font-weight: bold;
}

p.flex-line span:nth-child(2){
    text-align: right;
    font-weight: bold;
}

p.flex-line.price-span span:last-child{
    color:#fe444a;
}

.cart .but-block {
    text-align: center;
    margin: 20px 0 20px;
}

.cart .but-block a{
    padding: 11px 35px;
    background: #ff1820;
    color: #fff;
    font-size: 16px;
}

.cart .but-block a:hover{
    background: #fff;
    color: #000;
}

.tab-in-content > div,
.tabs-content > div{
    display:none;
    flex-wrap: wrap;
}

.tab-in-content > div.active{
    display:flex!important;
}
.tabs-content > div.active{
    display: block;
}

.tabs-content > div:nth-child(4){
    margin-top:90px;
}

/*models*/



/*slider*/



.slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px;
    }

    .slick-slide img {
  
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
        opacity:0.3;
      transition: all ease-in-out .3s;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: visible;
    margin: 0;
    padding: 0;
    width: 100%;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}


[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 75px;
    padding: 0;
    outline: none;
    background: rgba(255,255,255,0.45);
    border: none;
    cursor:pointer;
    transition:all 0.5s ease;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: rgba(255,255,255,0.7);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{

    opacity: .1;
}

.slick-prev:before,
.slick-next:before
{
    width: 0;
    height: 0;
    font-size: 20px;
    line-height: 1;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 35px solid #00C1F6;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 40%;
    transition:all 0.5s ease;
}

.slick-prev:before{
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 35px solid #00C1F6;
    border-left: 0 solid #00C1F6;
}

.slick-prev:hover:before,
.slick-next:hover:before{
    border-left-color:#2C2C2C;
}



.slick-prev
{
    z-index:1;
    left: -85px;
}
[dir='rtl'] .slick-prev
{
    right: -85px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
        right: -85px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -85px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
    max-width: 672px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



@media screen and (max-width:600px){
    .slick-prev {
    left: -20px;
    z-index:1;
}

.slick-next {
    right: -20px;
}
}


/*slider--end--*/


/*form-block*/

.form-block{
    background:url(/assets/img/bg-form-chb.jpg) no-repeat center top;
}

.form-block h3{
    font-family: robotocondensedbold, calibri, arial;
    padding-top: 100px;
    position:relative;
}


.form-block h3:before,
.form-block h4:before{
    content: '';
    background: #FF1820;
    height: 1px;
    max-width: 95px;
    margin: auto;
    bottom: 10px;
    left: 0;
    right: 0;
    position: absolute;
}

.form-block p.after-h {
    margin-top: 15px;
}

.form-block .tab-in-content > div.active {

    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 30px 47px;
}

.form-block .tab-in-content > div.active{
    background: url(/assets/img/bg-form.jpg) no-repeat left bottom;
    box-shadow:0 20px 60px 0 rgba(0,0,0,0.12);
}


.form-block h4{
    font-size: 22px;
    font-family: robotocondensed, calibri, arial;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

form#popup,
form#popup1{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
}


.form-block form > input, .form-block form > select, .form-block form > textarea {
    max-width: 28%;
    width: 100%;
}

.form-block form > input[type='submit'] {
    margin-top: -72px;
}


/*form-block--end--*/

/*princip*/

.princip{
    
}

.princip .flex-block {
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 0;
}

.princip h3{
    font-family: robotocondensedbold, calibri, arial;
    padding: 80px 0;
}

.princip .p-block{
    max-width: 380px;
    width: 100%;
    margin-bottom: 60px;
}

.princip p.tezis{
    padding: 10px 10px 10px 75px;
    margin-bottom: 20px;
    position: relative;
    font-family: roboto-medium, calibri, arial;
}

.princip p.tezis:before{
    content: '';
    top: 20px;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 47px;
    background: #2A2A2A;
    position: absolute;
}

.p-block .img-block{
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tezis-text{
    color: #5f6165;
    font-family: roboto-light, calibri, arial;
}



/*princip--end*/


/*seo-text*/

.seo-text h2{
    font-family: robotocondensedbold, calibri, arial;
    position:relative;
}

.seo-text p{
    font-family: roboto-light, calibri,arial;
}

.seo-text h2:before {
    content: '';
    background: #FF1820;
    height: 1px;
    max-width: 95px;
    margin: auto;
    bottom: 10px;
    left: 0;
    right: 0;
    position: absolute;
}

.seo-text .center-block > h3{
    font-size: 38px;
    text-align: left;
    text-indent: 0;
    font-family: Robotocondensedmedium, calibri, arial;
}

.seo-text .center-block > h4{
    font-size: 34px;
    font-family: Robotocondensedmedium, calibri, arial;
    text-indent: 0;
    padding: 30px 0;
}

/*seo-text*/

/*shema*/


.steps {
    text-align: center;
    background: url(/assets/img/bg-steps.jpg) no-repeat center top;
}

.steps .center-block{
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 160px;
}

.steps h2{
    font-family: robotocondensedbold, calibri, arial;
    padding-top: 105px;
    padding-bottom: 55px;
}

.steps .dots-circle{
    font-size: 50px;
    color: #ff1820;
    font-family: robotocondensedlight, calibri, arial;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: url(/assets/img/dots-red-circle.png) no-repeat center center;
    margin-bottom: 30px;
}

.steps .number:before{
    content: '';
    position: absolute;
    height: 11px;
    width: 1px;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: auto;
    background: #C3C3C3;
}

.steps div.flex-block{
    max-width: 1170px;
    justify-content: space-between;
    margin: 0 auto;
}

.steps p{
    font-size: 17.97px;
    font-family: roboto-light, calibri, arial;
    white-space: pre-line;
    color: #5f6165;
}

.steps p strong{
    font-family: roboto-medium, calibri, arial;
}

.steps .but-block{
    margin-top: 100px;
    position: relative;
}

.steps .but-block + p.after-but-block{
    margin-top:10px;
    font-family: roboto-regular, calibri, arial;
}

.steps .but-block:before{
content: url(/assets/img/arrow-steps.png);
    position: absolute;
    height: auto;
    width: auto;
    left: 0;
    right: 0;
    bottom: 118%;
    margin: auto;
    
}

.steps .but-block a{
    position: relative;
    z-index: 1;
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
    max-width: 240px;
    width: 100%;
    background: #FF1820;
    color: #fff;
}

.steps .but-block a:hover{
    background:transparent;
    color:#000;
}

.step-block{
    position: relative;
    width: 25%;
}

.step-block:before{
    content: url(/assets/img/arrow-down.png);
    position: absolute;
    right: -22px;
    top: 20px;
    transform: rotate(-90deg);
}

.step-block:last-child:before{
    display:none;
}

/*shema--end*/

/*contacts*/

.contacts{
    min-height: 955px;
    background: url(/assets/img/bg-contacts.png) no-repeat center top;
    width: 100%;
    position: relative;
    margin-top: -94px;
    z-index: 1;
}


.contacts .flex-ugol{
    left: 0;
    right: 0;
    top: -22px;
    margin: auto;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    background: #ff1820 url(/assets/img/small-arrow-down.png) no-repeat center center;
}

.contacts h2{
    padding-top: 140px;
    font-family: Robotocondensedbold, calibri, arial;
}

.contacts .flex-block{
    padding-top: 100px;
    font-family: Robotocondensedbold, calibri, arial;
}

.contacts .form-q-block{
    background: #fff;
    max-width: 570px;
    text-align: center;
    width: 100%;
    padding-bottom: 54px;
    box-shadow:0px 0px 25px 0px rgba(0,0,0,0.07);
}

p.zagl{
    text-align: center;
    color: #272b34;
    font-size: 22px;
    padding: 53px 0;
    font-family: Robotocondensed, calibri, arial;
    position: relative;
}

p.zagl:before{
    content: '';
    bottom: 43px;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 62px;
    margin: auto;
    height: 1px;
    background: #FF1820;
    
}

.contacts form{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contacts .con-con-block{    
    margin-left: 130px;
}

.p-zagl{
    font-size: 24px;
    font-family: Robotocondenced, calibri, arial;
    padding: 60px 0 30px;
}

.contacts .phones{
    justify-content: start;
    align-items: flex-start;
    margin-left:0;
}

div.con-con-block div a,
div.con-con-block p.adress{
    font-family:roboto-light, calibri, arial;
    
}

div.con-con-block .phones a{
    margin-bottom:10px;
    padding-left:35px;
}

/*contacts--end*/



/*footer*/


footer{
    background: #fff;
    padding-top: 120px;
    padding-bottom: 30px;
    box-sizing: border-box;
    max-width: 1920px;
    margin: 0 auto;
}



footer *{
}

footer .center-block{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

footer div.nav{
    display: flex;
    flex-direction: column;
    position: relative;
}


footer .contact-block{
    position:relative;
}

footer div.nav a {
    margin: 0 13px 10px;
    transition: all 0.5s ease;
    justify-content: flex-start;
    font-family: roboto-light, calibri, arial;
    opacity: 1;
}

footer div.nav a:hover {
    margin: 0 13px 10px;
    color:#272b34;
    opacity:0.7;
}

footer .text-about-us {
    max-width: 368px;
    margin-right: 30px;
}

.text-about-us h4{
    font-size: 16px;
    padding-bottom: 10px;
    font-family: roboto-regular, calibri, arial;
    font-weight: bold;
}

.text-about-us p{
    font-size:16px;
    color:#272b34;
    font-family: roboto-light, calibri, arial;
}

footer .phones a {
    transition: all 0.5s ease;
    padding-left:35px;
    background-position: 4px center;
        margin-bottom: 10px;
}

footer .mail a:hover{
    color:#B4B5B4;
}




footer .phones {
    margin: 0 12px 0 0;
    align-items: flex-start;
}

.mail{
        margin-bottom: 10px;
}


.mail a{
    padding-left: 35px;
    text-decoration:none;
    background: url(/assets/img/mail.png) no-repeat left center;
    font-size:16px;

}

.adress{
    padding-left: 35px;
    background: url(/assets/img/adress.png) no-repeat 7px center;
}

footer .logo-block{
    margin-top:12px;
}

.protect{
    text-align: center;
    margin-top: 110px;
    font-family: roboto-light, calibri, arial;
    font-size:14px;
    position:relative;
}

.protect:before{
    content:'';
    top:-16px;
    position:absolute;
    left:0;
    right:0;
    max-width:62px;
    margin:auto;
    height:1px;
    background:#FF1820;
}

.footer-contacts *{
    font-family:roboto-light, calibri, arial;
}



.effe a,
.effe{
    background: #666666;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    font-family: calibri, arial;
    color: #fff;
    text-decoration: none;
}




/*footer--end*/


/*popup*/

.mfp-auto-cursor .mfp-content {
    cursor: auto;
    max-width: 500px;
    background: #fff;
    padding: 30px 15px 30px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;


}


.mfp-auto-cursor .mfp-content p{
    padding: 7px 0 15px;
    color: #171717;
    font-size: 25px;
    font-family: calibri, arial;
    margin-bottom: 20px;
}



.mfp-auto-cursor .mfp-content p span {
    color: #171717;
    font-size: 25px;
    font-weight: bold;
    display: block;
}


.mfp-auto-cursor .mfp-content input,
.mfp-auto-cursor .mfp-content textarea,
.mfp-auto-cursor .mfp-content input[type="submit"] {
    width: 80%;
    display: block;
    margin: 0 auto 10px;
}

.mfp-auto-cursor .mfp-content input[type="submit"] {
        margin-bottom: 0;
}



/*up*/


#scroller{
    position: fixed;
    right: 20px;
    bottom: 121px;
    display: block;
    padding: 30px 15px 10px;
    z-index: 100;
    background: rgba(20, 23, 26, 0.67);
    cursor: pointer;
    opacity: 0.6;
    transition:all 0.5s ease;
}

span.b-top-but{
    position: relative;
    display: block;
    font-family: robotolight, calibri, arial;
    color: #fff;
    font-size: 15px;
}

#scroller:hover{
    opacity:0.9;
}

#scroller:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 13px;
    right: 13px;
    border-bottom: 12px solid #fff;
    border-left: 27px solid transparent;
    border-top: 10px solid transparent;
    border-right: 27px solid transparent;
}


#popup1:before{
    content: url(/assets/img/form-shema.jpg);
    position: absolute;
    top: 100px;
    left: 63%;
    transform: rotate(25deg);
    z-index: -1;
    box-shadow: 2px 3px 10px 0 rgba(0,0,0,0.3);
} 

#rc-copyright{
    display:none!important;
}

#rc-scheduler > .rc-txt span{
    font-size: 1.1em;
    line-height: 1.1em;
    color: #fff;
}


.mfp-content form p.zagl:before {
    content: '';
    bottom: 0;
}

/*effe-line*/

.effe-line{
    /*background: #E8E8E8;*/
    background:#666666;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}

.effe-line a{
    text-decoration:none;
    /*color: #303030;*/
    color:#fff;
}

.effe-line a:hover{
    
}

.effe-line a span{
    
}


.effe-line a br{
    display:none;
}

.effe-line img{
    max-width: 18px;
    margin-top: -9px;
    margin-left: -12px;
    left: 13px;
    top: 6px;
    position: relative;
}

@media screen and (max-width:499px){
    .effe-line a br{
        display:block;
    }
}
/*effe-line*/