@font-face{

font-family: 'AsteriskSansPro';

src: url('../fonts/AsteriskSansPro-Regular.ttf');

src: url('../fonts/AsteriskSansPro-Regular.ttf') format('eot'),


url('../fonts/AsteriskSansPro-Bold.ttf') format('truetype'),

}
input {outline:none;}
li {
    list-style-type: none;
   }
ul {
    margin-left: 0;
    padding-left: 0;
   }
a{
    color: #000;
    text-decoration: none;
    outline: none;
}
body{
    font-family: AsteriskSansPro;
    font-size: 16px;
    padding: 0;
    margin: 0;
    transition: 0.3s;
    
    
}
.clearfix { clear: both; }
button{
    outline: none;
}
.header{
    padding-top: 0.8em;
    width: 100%;
}
.standartBtn{
    cursor: pointer;
    text-align: center;
    padding: 0.637em;
    background: #FF7B22;
    border-radius: 0.25em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.3s
}
.standartBtn:hover{
    transform: scale(1.1)
}
.headerList li, .headerLogo, .headerList, .headerContacts, .Number, .BackCall{
    display: inline-block;
    vertical-align: middle;
}
.headerContent{
    text-transform: uppercase;
}
.headerLogo{
    width: 15,943396226%;
    margin-left: 1.4%;
}
.containerMax{
    max-width: 1600px;
    margin: 0 auto;
}
.headerList{
    padding-bottom: .3em;
    
}
.headerList li{
    font-size: 0.688em;
    letter-spacing: 0.04em;
    margin-left: 12.5%
    
}
.headerList li + li{
    margin-left: 3.858008658%;
}
.headerContacts{
    margin-left: 2.558008658%;
}
.Number{
    margin-right: 3.333333333%;
    font-size: 1.125em;
    
}
.BackCall{
    letter-spacing: 0.15em;
    border: 0.0625em solid #FF7B22;
    box-sizing: border-box;
    border-radius: 0.25em;
    font-size: 0.750em;
    text-align: center;
    padding: 3% 4%;
    font-weight: 700;
    color: #FF7B22;
    transition: 0.3s;
}
.BackCall:hover{
    color: #fff;
    background-color: #ff7b22;
}

.request{
    background-image:url(../images/image3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.container{
    max-width: 1060px;
    margin: 0 auto;
    
}
.requestContent{
    color: #fff;
    font-weight: 700;
    padding-top: 5.712em;
    padding-bottom: 6.813em
    
}
.requestAbout{
    display: inline-block;
    vertical-align: top;
    padding-top: 4.3em;
    letter-spacing: 0.0625em;
    margin-right: 5.2%;
}
.requestBtn{
    display: none;
}
.requestForm{
    display: inline-block;
    background: #112631;
    border-radius: 0.375em;
    padding: 2.244em 3.11132938% 1.976em;
    letter-spacing: 0.0625em;
    width: 28%;
    
}
.requestText{
    font-size: 3.375em;
}
.requestPrice{
    display: inline-block;
}
.requestPrice{
    font-size: 1.5em;
    margin-top: 0.375em;
    border-radius: 4px;
    background-color: #adb8c0;
    padding: 0.5rem 2.6%;
}
.requestPrice:before{
    content: "от ";
    font-size: 0.667em;
}
.requestFormText{
    margin-bottom: 1.2em;
    font-size: 1.5em;
    line-height: 1.2em;
}

.requestFormInput{
    display: flex;
    flex-direction: column;
}

.requestFormImputName{
    margin-bottom: 1.5em;
}
.requestFormImputNumber{
    margin-bottom: 3.146em;
}
.requestFormBtn{
    max-width: 100%;
    font-size: 0.75em;
    letter-spacing: 0.15em;
    border: 1px solid #FF7B22;
}
.requestFormBtn:hover{
    transform: scale(1);
    background-color: #fff;
    color: #FF7B22;
}
.conditionsFormBtn:hover{
    transform: scale(1);
    background-color: #fff;
    color: #FF7B22;
}
.requestFormPolicy{
    font-size: 0.75em;
    line-height: 0.923rm;
    color: #79848b;
    font-weight: 400;
    margin-top: 1.722em;
}
.paddingContainerLeft{
    padding-left: 8.490566037%;
}.paddingContainerRight{
    padding-right: 8.490566037%;
}
.aboutUs{
    padding-top: 7.9em;
    padding-bottom: 6.15em;
}
.aboutUsTopContent{
    margin-bottom: 7.213em
}
.aboutUsTopLeft{
    display: inline-block;
    font-size: 2.25em;
    margin-right: 3.3%;
    font-weight: 700;
}
.aboutUsMainIcon{
    opacity: 0.8
}
.aboutUsTopRight{
    display: inline-block;
    color: #858585;
    line-height: 1.641em;
}
.aboutUsMainItem {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3.5em;
    margin-right: 4.5%
}
.aboutUsMainTitle{
    margin: 1.15em 0 .7em;
    font-weight: 700;
    font-size: 1.313em;
}
.aboutUsMainText{
    line-height: 1.523em;
}
.services{
    background-color: #f5f5f5;
}
.servicesContent{
    padding-top: 7.438em;
    padding-bottom: 6em;
}
.servicesLeft{
    display: inline-block;
    vertical-align: top;
    margin-right: 3%;
}
.servicesLeftTitle{
    font-size: 2.25em;
    font-weight: 700;
    padding-top: .3em;
}
.servicesLeftText{
    padding-right: 5%;
    color: #858585;
    line-height: 1.523em;
    margin-top: 1.5em;
}
.servicesRight{
    display: inline-block;
    width: 54%;
    
}
.servicesRightItem{
    display: inline-block;
    padding: 1.589em 0% 3.725em 5.2%;
    background: #112631;
    border-radius: 6px;
    color: #fff;
    position: relative;
    transition: 0.3s;
    margin: 0 3.7% 1.25em 0;
}
.servicesRightItemItemLast{
    margin-right: 0;
}
.servicesRightItemLink{
    color: #fff;
    
}
.servicesRightItem:hover{
    background-color: #FF7B22;
    transform: scale(1.03)
}
.servicesRightItemTitle{
    font-weight: 700;
    font-size: 1.313em;
    min-height: 2.4em;
}
.servicesRightItemText{
    font-size: 0.813em;
    line-height: 1.143em;
    margin-top: 1em;
    margin-bottom: .231em;
}
.servicesRightItemBtn{
    color: #ff7b22;
    border-radius: 4px;
    background-color: #fff2e9;
    padding: .575em .927em .775em 1.034em; 
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 700;
}

.work{
    padding-top: 8.313em;
    padding-bottom: 12.2em;
}
.workTopContent{
     margin: 0 10% 0 8.490566037%;
}
.workTopTitle{
    font-weight: 700;
    font-size: 2.25em;
}
.workTopText{
    color: #9f9f9f;
    margin-top: .6em;
    margin-bottom: 2.8em
}

.workMidleSliderItem{
   padding-left: .5%;
    outline: none;
}
.workSliderItemNum{
    display: inline-block;
    font-size: 15em;
    color: #ff7b22;
    text-shadow: 15px 0 0 rgb(255, 123, 34, .2);
    max-height: 220px;
    
}
.workSliderItemText{
    display: inline-block;
    vertical-align: top;
    padding-top: 4.7em;
    margin-left: 20.4%;
}
.workSliderItemTextBottom{
    color: #a0a0a0;
}
.workSliderItemTitle{
    font-size: 1.688em;
    font-weight: 700;
    margin-bottom: 1.6875em;
}
.workSliderItem{
    line-height: 1.406em;
}
.slick-prev{
    right: 8.5%;
    top: -10%;
}
.slick-next{
    color: black;
    right: 0;
    top: -10%;
    right: 4.6%;
    
    
}
.sliderBtn{
    border: none;
    position: absolute;
    background-color: #fff;
    color: #000;
    font-size: 3.5em;
    top: -53%;
}
.sliderBtn:hover{
    cursor: pointer;
}
.conditions{
    background-image: url(../images/doors.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   
}
.conditionsContentBox{
    padding-top: 7.438em;
    padding-bottom: 15em;
}

.conditionsLeft{
    font-size: 2.25em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .5px;
    margin-right: 2.7%
}
.conditionsRight{
    display: inline-block;
}
.conditionsRightText{
     line-height: 1.699;
}
.conditionsRightFiles{
    margin-top: 3.438em;
    
}
.conditionsFilesItem{
    display: inline-block;
    border-radius: 4px;
    background-color: #ffffff;
    padding: .95em 0 .92em 3.2%;
    transition: 0.3s;
    width: 40%
    
}
.conditionsFilesItem:hover{
    transform: scale(1.1);
}
.conditionsFilesIcon{
    display: inline-block;
}
.conditionsFilesText{
    display: inline-block;
    font-size: .813em;
    margin-left: 6%;
    width: 100%;
    vertical-align: top;
}
.fileRight{
    margin-left: 3%;
}
.conditionsContentBottom{
    border-radius: 6px;
    background-color: #112631;
    color: #fff;
    margin-top: -8.5em;
    padding: 3.538em 0 3.313em;
}

.conditionsBottomTitle{
    font-size: 2.25em;
    font-weight: 700;
    margin-bottom: 1.065em;
}
.conditionsBottomFormText{
    display: inline-block;
    margin-right: 4%;
    font-weight: 700;
    font-size: 1.25em;
    
}

.conditionsFormInput{
    display: inline-block;
    width: 35%;
    margin-right: 1%;
}
.conditionFormImputName{
   font-size: 1em;
    width: 48%;
}
.conditionFormImputNumber{
    font-size: 1em;
    width: 46%;
}
.conditionsFormBtn{
    display: inline-block;
    width: 100%;
    font-size: 0.75em;
    padding-top: 1em;
    padding-bottom: 1em;
    letter-spacing: 0.15em;
    border: 1px solid #FF7B22;
}

.conditionsFormPolicy{
    font-size: .75em;
    color: #5b6971;
    margin-top: .513em;
}
.price{
    margin-top: 4.625em;
    
}
.priceTitle{
    margin-left: 8.490566037%;
    font-weight: 700;
    font-size: 2.25em;
    margin-bottom: 4.188rem;
}
.priceBottom{
    margin-top: 4.188rem;
}
.priceBottom{
    
}
.priceBox{
    display: inline-block;
    box-shadow: 0px 10px 26px rgba(125, 95, 75, 0.15);
    border-radius: 6px;
    position: relative;
    transition: .3s;
    width: 32.1%;
    margin-right: 1.3%
}
.priceBox:hover{
    transform: scale(1.05);
    cursor: pointer;
}
.priceBoxFirst .priceBoxMoney{
    color: #ff7b22 
}
.priceBoxFirst .priceBoxClass{
    color: #b8bec2;
}
.priceBoxMiddle {
    background-color: #ff7b22;
}
.priceBoxMiddle .priceBoxContent  {
    color: #fff;
}
.priceBoxMiddle .priceBoxClass{
    color: #fdc7a4;
}
.priceBoxLast .priceBoxClass{
    color: #adc5d2;
}

.priceBoxLast{
    margin-right: 0;
    background-color: #5285a0;
}
.priceBoxLast .priceBoxClass{
    color: #fff;
}
.priceBoxLast .priceBoxContent{
    color: #fff;
}
.priceBoxClass{
    padding: 1.968em 0 0 8.5%;
    text-transform: uppercase;
    font-size: 0.813em;
    font-weight: 700;
    letter-spacing: 1.3px;
}
.priceBoxContent{
    text-align: center;
    padding:0 10.9% 2.375em;
}
.priceBoxMoney{
    font-weight: 600;
    margin-bottom: 0.513em;
    margin-top: .3em;
}
.priceBoxMoneyBefore{
    font-size: 1.688em;
}
.priceBoxMoneyAfter{
    font-size: 3.25em;
}
.priceBoxText{
    line-height: 1.523em;
}
.agreement{
    padding: 9.488em 0 8.4em 0;
}
.agreementTitle{
    padding-left: 8.490566037%;
    font-weight: 700;
    font-size: 2.25em;
}
.agreementBox{
    margin-top: 4.375em;
}
.agreementItem{
    float: left;
    margin-bottom: 2.1em;
    width: 32%;
    margin-right: 2%;
}
.agreementItemLast{
    margin-right: 0;
}
.agreementItemImg{
    display: inline-block;
}

.agreementItemText{
    display: inline-block;
    width: 60%;
    vertical-align: top;
    font-weight: 700;
    line-height: 1.406em;
    padding-top: .5em;
}

.commentsBox{
    padding: 8.338em 0 13.3em 0;
}
.additional{
    background-color: #f5f5f5;
    padding-bottom: 7.25em;
}
.additionalTitle{
    padding-right: 10%;
    padding-top: 2.91688em;
    margin-bottom: 1.2em;
    font-size: 2.25em;
    font-weight: 700;
    
    letter-spacing: .6px;
}
.additionalSlider{
    position: relative;
}
.additionalSliderItem{
    box-shadow: 0px 10px 26px rgba(125, 95, 75, 0.15);
    border-radius: 6px;
    background-color: #fff;
    padding: 1.25em 3.2% 1.825em;
    padding-left: 9.2%;
    margin-right: 6.5%;
    font-weight: 700;
    position: relative;
    transition: 0.3s;
    outline: none;
    
}
.additionalSliderItem:hover{
    background-color: #ff7b22;
    color: #fff;
}
#add-SliderBtn{
    top: -1.4em;
}
#oper-slickBtnPrev{
    right: 9.6%;
    top: -1.9em;
}
#oper-slickBtnNext{
    right: 6%;
    top: -1.9em;
}
.add-slick-prev{
    right: 9.6% ;
    background-color: #f5f5f5;
    top: -1.65em
    
}
.add-slick-next{
    right: 5.6% ;
    background-color: #f5f5f5;
    top: -1.65em
}
.slick-dotted.slick-slider
{
    margin-bottom: 1.875em;
}
.comments{
    background-color: #fff;
    position: relative;
}
.commentsSlider{
    position: relative;
}
.commentsSliderItem{
    padding-left: .72%;
    padding-right: .65%;
    padding-bottom: 4.448em;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 10px 26px 0 rgba(125, 95, 75, 0.15);
    background-color: #112631;
    color: #fff;
    position: relative;
}
.commentsSliderText{
    font-size: 1.313em;
    line-height: 1.575em;
    margin-top: 1.56em;
}
.commentsSliderName{
    font-size: 1.313em;
    padding-top: 2.23em;
    display: inline-block;
    font-weight: 700;
}
.stars {
    position: absolute;
    right: 9%;
    top: 1.83em;
}
.stars li{
    display: inline-block;
    margin-right: .2em
}
.triangle-down {
	width: 0;
	height: 0;
	border-left: 55px solid transparent;
	border-right: 55px solid transparent;
	border-top: 50px solid #112631;
    position: absolute;
    left: 15%;
    top: 14.7em;
}


.slider__dots li:hover:before{
    color: #ff7b22;
}
.slider__dots li:before{
    white-space:pre;
    font-weight: 700;
    font-family: AsteriskSansPro !important;
    font-size: 1.313em !important;
    transition: 0.25s;
    top: .85em;
    
}
.slider__dots li.slick-active:before{
    color: #000 !important;
    opacity: 1 !important;
    
}
.slider__dots li:nth-child(1):before{
    content: 'Дмитрий Калинин';
}
.slider__dots li:nth-child(2):before{
    content: 'Алина Киселева';
}
.slider__dots li:nth-child(3):before{
    content: 'Иванов Иван';
}
.slider__dots li:nth-child(4):before{
    content: 'Эльвира Петрова';
}
.slider__dots li:after{
    content: 'Частное лицо';
    position: absolute;
    bottom: -3.3em;
    left: 0;
    opacity: .4
}
.slider__dots li{
    width: 13em !important;
}

.commentsTitle{
    display: inline-block;
    margin-right: 45%;
    font-weight: 700;
    font-size: 2.25em;
    padding-left: 8.490566037%;
    margin-bottom: 2.2em;
}
.commentsBtn{
    background-color: #fff;
    color: #ff7b22;
    border: .1em solid #ff7b22;
    font-size: 0.75em;
    letter-spacing: 0.15em;
    padding: 1em 5% 1em 5%;
}
.commentsBtn:hover{
    color: #fff;
    background-color: #ff7b22;
}
.commentBtn{
    top: -2em;
    
}
.commentBtnPrev{
    right: 4.3%;
}
.commentBtnNext{
    right: 0%;
}
.command{
    background-color: #f5f5f5;
    padding-top: 5.463em
}
.commandTitle{
    margin-left: 8.490566037%;
    font-weight: 700;
    font-size: 2.25em;
}

.commandSlider{
    margin-top: 3.6em;
}
.commandSliderItemImg{
    display: inline-block;
    margin-right: 10%;
    margin-left: 5%;
}
.commandSliderItemImg img{
    max-width: 100%;
}
.commandSliderBox{
    display: inline-block;
    vertical-align: top;
}
.commandSliderPosition{
    color: #ff7b22;
    margin-bottom: .438em;
}
.commandSliderName{
    font-size: 1.5em;
    font-weight: 700;
}
.commandSliderText{
    margin: 1.739em 0 3.2em 0;
    color: #939393;
    line-height: 1.523em;
}
.partners{
    margin-top: 5.55em;
    margin-bottom: 5em;
}
.partnersTitle{
    margin-left: 8.490566037%;
    font-size: 2.25em;
    font-weight: 700;
}
.partnersList{
    text-align: center;
    margin-top: 5.5em;
}

.partnersListImg{
    float: left;
    width: 20%;
}
.partnersListImg img{
    max-width: 100%;
}
.discountContent{
    margin-top: 0;
    padding-top: 2.7em;
    letter-spacing: 0.6px;
}
.aboutCompany{
    padding-bottom: 4.1em;
}
.aboutCompanyContent{
    padding-top: 7.868em;
    padding-bottom: 2.113em
}
.aboutCompanyTitle{
    font-weight: 700;
    font-size: 1.688em;
}
.aboutCompanyText{
    margin-top: 1em;
    line-height: 1.523em;
}
.aboutCompanyBtnBox{
    text-align: center;
    margin-bottom: 2.125em;
}
.aboutCompanyBtn{
    margin-top: .3em;
    width: 2.438rem;
    height: 2.375rem;
    border-radius: 6px;
    background-color: #fff2e9;
    color: #ff7b22;
    font-size: 2em;
    text-align: center;
    display: inline-block;
    transition: 0.3s;
    
}
.aboutCompanyBtn:hover{
    transform: scale(1.3);
    color: #fff;
    background-color: #ff7b22;
}
.footer{
    background-color: #112631;
    color: #fff
}
.footerTopContent{
    padding-top: 4.188em;
}
.footer a{
    color: #fff;
    
}
.footerItem{
    float: left;
    vertical-align: top;
    width: 25%;
}
.footerTitle{
    font-weight: 700;
    margin-bottom: 1.6em;
}
.footerText {
    font-size: 0.813em;
}
.footerText a{
    color: #647279;
    transition: 0.15s
}
.footerText a:hover{
    color: #fff;
}
.footerText li + li{
    margin-top: .7em;
}
.footerTextLast{
    margin: 0;
    width: 23%;
}
.footerComm{
    width: 25%;
    font-size: 0.875em;
    margin-top: .3em;
    vertical-align: top;
    float: left;
}
.footerMiddlelocation{
    display: inline-block;
}
.footerMiddleMode{
    display: inline-block;
}
.footerMiddleMail{
    display: inline-block;
}
.footerMiddleCommun{
    display: inline-block;
    width: 23.7%;
    
}
.footerMiddleNumTitle{
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    margin-top: -.5em
}
.footerBtn{
    font-size: 0.75em;
    letter-spacing: 0.15em;
    border: 1px solid #FF7B22;
    margin-top: 1em;
    padding-top: .9em;
    padding-bottom: .9em;
    
}
.footerBtn:hover{
    transform: scale(1);
    background-color: #fff;
    color: #FF7B22;
}
.footerMiddleContent{
    line-height: 1.533;
     border: 2px solid rgba(255,255,255,0.1);
    border-left: none;
    border-right: none;
    padding-top: 2em;
    padding-bottom: 2.188em;
    margin-top: 2.733em;
    margin-bottom: 2.813em;
    
}
.footerBottomContent{
    padding-bottom: 3.5em;
}
.footerLogo{
    display: inline-block;
    margin-right: 1.9%
}
.footerCopy{
    display: inline-block;
    vertical-align: top;
    padding-top: 0.6em;
    font-size: 0.813em;
    color: #4c5c64;
}

.btn{
    padding: .5em;
    background-color: #FFF2E9;
    max-width: 2em;
    transition: 0.2s;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FF7B22;
    border-radius: 4px;
    
}
.priceBox:hover .btn{
    max-width: 5em;
    width: 100%;
    transform: scale(1.07)
}

.priceBox:hover .btnTextBefore{
    left: 8%; 
}
.servicesRightItem:hover .btn{
    max-width: 5em;
    width: 100%;
}
.servicesRightItem:hover .btnTextBefore{
    left: 8%;
    
}
.btnText{
    overflow: hidden;
    position: relative;
    font-weight: 700;
    font-size: 0.813em;
    
}
.btnTextBefore{
    display: inline-block;
    position: absolute;
    left: 200%; 
    bottom: 0.1875em;
}
.btnTextAfter{
    display: inline-block;
    float: right;
    padding: .6em;
    padding-top: .2em;
    padding-bottom: .2em; 
}
    
.commandSliderItem{
    outline: none;
}
.commandSliderItem{
     filter: grayscale(99%);
}
.slick-active{
     filter: grayscale(0);
}









.off{
    display: none;
}

.headerBtnMenu{
    width: 2.5em;
    height: 2.5em;
    display: none;
}

.delete.formBackDisplayOff{
    display: none;
}
.errorInput.inputError{
    border: 1px solid red;
}


/* Form */

.formContainer{
    max-width: 725px;
    margin: 0 auto;
    
}
.formBack.formBackDisplayOn{
    display: block;
    z-index: 15;
}
.formBack{
    background-color: rgb(0,0,0,0.8);
    padding: 2em 0;
    position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    
}
.formContent{
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em;
    width: 100%;
}
.formExit{
    display: inline-block;
    float: right;
    font-size: 1.5em;
    padding: .5em 1em 0 0;
    transition: 0.2s;
}
.formMidle{
    text-align: center;
    padding: 0 5%;
    position: relative;
}
.formTitle{
    font-size: 2em;
    font-weight: 700;
}

.formPolicyRadio{
    display: inline-block;
    vertical-align: middle;
}
.formPolicyText{
    display: inline-block;
}
.formInput{
    font-size: 1.4em;
    transition: 0.3s;
    vertical-align: top;
    border-bottom: 1px solid #000;
    color: #000;
    background-color: #fff;
}
.formName{
    margin-bottom: 2em;
}

.formInputs{
    margin-top: 2em;
    margin-bottom: 3em;
}
.formInputs input::-moz-placeholder{
    color: #000;
    border-bottom: 0.0625em solid #000;
    opacity: 0.7;
    border-bottom: none;
    color: #000;
    transition: 0.3s;
}
.formInputs input::-webkit-input-placeholder{
    color: #000;
    border-bottom: 0.0625em solid #000;
    opacity: 0.7;
    border-bottom: none;
    color: #000;
    transition: 0.3s;
    
    
}
.formMidle.formBackDisplayOff{
    display: none;
}
.formBtn{
    letter-spacing: .1em;
    width: 30%;
    margin-bottom: 3em;
    padding: 1em 0;
}
.formBtn:hover{
    cursor: pointer;
}

.formInputs input[type="text"]:focus::-webkit-input-placeholder{
    opacity: 0
}
.formPolicyText a{
    text-decoration: underline;
}
.received{
    color: green;
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    display: none;
}
.received.formBackDisplayOn{
    display: block;
}
.formPolicyRadio input[type="checkbox"]:not(:checked){
    border: 1px solid red ;
}
.name.inputError{
    border: 1px solid red;
}
.number.inputError{
    border: 1px solid red;
}
.customCheckbox{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.customCheckbox+label {
  display: inline-block;
  align-items: center;
  user-select: none;
}
.customCheckbox:checked + label, 
.customCheckbox:not(:checked) + label{
    display: inline-block;
    position: relative;
    padding-left: 5%;
    line-height: 20px;
    cursor: pointer;
}
.customCheckbox:checked + label:before, 
.customCheckbox:not(:checked) + label:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

.customCheckbox:checked + label:before, 
.customCheckbox:not(:checked) + label:before {
    border-radius: 2px;
}
.inputError.customCheckbox:not(:checked) + label:before{
    border: 1px solid red;
}
.customCheckbox:checked + label:after, 
.customCheckbox:not(:checked) + label:after{
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.customCheckbox:checked + label:after, 
.customCheckbox:not(:checked) + label:after {
    left: 3px;
    top: 4px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 4px solid #FF7B22;
    border-bottom: 4px solid #FF7B22;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.customCheckbox:not(:checked) + label:after{
    opacity: 0;
}

.customCheckbox:checked + label:after{
    opacity: 1;
}

/* Arrows */


.slick-prev{
    fill: none;
    width: .4em;
    height: .4em;
}
.slick-prev:hover path{
   stroke: #FF7B22;
}
.slick-prev:hover line{
   stroke: #FF7B22;
}
.slick-next{
    fill: none;
    width: .4em;
    height: .4em;
}
.slick-next:hover path{
    stroke: #FF7B22;
}
.slick-next:hover line{
    stroke: #FF7B22;
}

/* inputs */

input[type="text" i]{
    padding-bottom: 0.25em;
}
input{
    background-color: #112631;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 0.0625em solid #fff;
    color: #e1e4e6;
    padding-bottom: 0.2em;
    
}
input::-moz-placeholder { color: #fff; }
input::-webkit-input-placeholder { color: #fff;}



/* dots */
.slider__dots {
    bottom: -35px !important;
}
.Work_slider__dots{
    bottom: -4.3em !important;
}

.slick-dots
{
    position: absolute;
    bottom: -3em;

    display: block;

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

    list-style: none;

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

    display: inline-block;
    top: 2.5em;
    width: 5px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

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

    position: absolute;
    width: 20px;
    height: 10px;
    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:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;

    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;

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

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-s moothing: grayscale;
}
.slick-dots li.slick-active:before
{
    opacity: .75;
    color: #ff7b22;
    
}


.rasp{
        height: 1px;
    clear: both;
}