@font-face {
	font-family: Mulish Bold;
	src: url("/css/fonts/Mulish-Bold.ttf");
}
@font-face {
	font-family: Mulish Black;
	src: url("/css/fonts/Mulish-Black.ttf");
}
@font-face {
	font-family: Mulish Regular;
	src: url("/css/fonts/Mulish-Regular.ttf");
}
@font-face {
	font-family: Mulish Medium;
	src: url("/css/fonts/Mulish-Medium.ttf");
}

body{margin: 0; padding: 0;font-family: 'Mulish Regular';color: #3D3D3D;font-size: 15px;}
.clr{clear: both;}
.nopadding{padding-left: 0 !important;padding-right: 0 !important;}
.whatsapp, .call {border: 1px solid #3D3D3D;display: none;position: fixed;bottom: 20px;width: 65px;height: 65px;text-align: center;padding: 10px 0 5px;font-size: 20px;background: #ECC063;margin: 15px auto;border-radius: 50%;z-index: 9999999999;}
.call i{color: #fff; font-size: 40px;padding-top: 2px;}
.whatsapp i{color: #fff; font-size: 45px;/*padding-top: 2px;*/}
.call{right: 20px;}
.whatsapp{left: 20px;}
.main_title{font-size: 24px;color: #3b4041;font-weight: 600;text-align: left;text-transform: uppercase;margin-bottom: 30px;}
._description{padding: 0 15px;}
.button{border-radius: 5px;color: #3D3D3D;font-family: Mulish Bold;background:#ECC063;margin: 15px auto 0;display: block;width: 100%;max-width: 220px;border: 2px solid #ECC063;padding: 10px 25px;font-size: 13px;line-height: 10px;text-transform: uppercase;cursor: pointer;text-align: center;}
.button:hover{background: transparent;color: #ECC063;}
.button a:hover{color: #ECC063;}
.section{padding: 50px 0;}
.h1, h1{letter-spacing: .5px;margin-bottom: 20px;}
.text-left{text-align: left !important;}
.text-white{color: #fff !important;position: relative;}
.sub_title{text-align: left;font-weight: 600;margin-bottom: 20px;font-size: 20px;}
.flex{display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;justify-content: center;}
.mobile{display: none;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.after:after{content: '';width: 100%;display: table;}
iframe{width: 100%}
b{font-family: Mulish Bold}
a{text-decoration: none;color: #3b4041;cursor: pointer;}
img{width: 100%}
.h5, h5 {font-size: 1rem;}
.displaynone{display: none;}
.f8f8f8{background: #f8f8f8 !important;}
.overlay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.45);}
.contacts-head{position: relative;}
ul{padding-inline-start: 15px;list-style: none;}
.list-style-none{list-style: none;padding-left: 0;}

/*header.main_header{height: 100vh;position: relative;background: url(/img/header-bg/6-6.png) 100% 0%;background-size: cover;}*/
header.main_header{height: 100vh;position: relative;background: url(/img/header-bg/6-6.png) 100% 0%;background-size: cover;}
header{position: relative;}

.top-panel{padding: 10px 0;}
.top-panel .button{margin: 0;margin-left: 30px;}
.achievements div {display: inline-block;margin-right: 15px;vertical-align: middle;}

/*Styling Links*/
.top-panel2{padding: 30px 0;background: #3D3D3D;}
.top-panel2 .button{margin: 0px;}
.top-menu{width: 100%;color: #fff;}
.nav-links{display: flex;list-style: none;padding: 0 0.7vw;justify-content: space-evenly;align-items: center;text-transform: uppercase;margin-bottom: 0;}
.nav-links li a{text-decoration: none;margin: 0 0.7vw;font-family: Mulish Medium;font-size: 14px;color: #fff;line-height: 30px;}
.nav-links li a:hover {color: #ECC063;}
.nav-links li {position: relative;}
.nav-links li a::before {content: "";display: block;height: 3px;width: 0%;background-color: #ECC063;position: absolute;transition: all ease-in-out 250ms;margin: 0 0 0 10%;top: -5px;}
.nav-links li a:hover::before{width: 80%;}
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;display: none;border: 1px solid #3D3D3D;}
.btn-danger {color: #fff;background-color: #ECC063;border-color: #ECC063;}
.btn-danger:hover {color: #fff;background-color: #ECC063;border-color: #ECC063;}

.hamburger div{width: 30px;height:3px;background: #ECC063;margin: 5px;transition: all 0.3s ease;}
.hamburger{display: none;}

.enter-title{height: calc(100vh - 323px);position: relative;overflow: hidden;}
.enter-title .overlay{z-index: 999;background-color: rgba(0,0,0,0.3);}
.enter-title .main_title{font-size: 30px;color: #ECC063;}
/*.enter-title .title-content{width: 50%;}*/

.bottom-panel {background: #3D3D3D;}
.bottom-panel a{color: #fff;}
.bottom-panel .caption {font-family: 'Mulish Bold';font-size: 20px;text-transform: uppercase;margin-bottom: 15px;color: #ECC063;}
.bottom-panel .description {margin-bottom: 15px;}
.bottom-panel .col-md-4 {border-right: 2px solid #333;border-left: 2px solid #333;padding: 30px;}
.bottom-panel i{margin-right: 10px;}

.title{color: #fff;}
.title .container{position: absolute;z-index: 9999;margin: 0 auto;left: 0;right: 0;top: calc((100% - 200px) / 2);}
/*.title-content{width: 50%;}*/
.title h1{color: #ECC063;font-family: Mulish Bold;font-size: 40px;text-transform: uppercase;line-height: 40px;}
.title h1 span {font-size: 30px;text-transform: lowercase;}
.title h1 b {color: #ECC063;text-transform: uppercase;}
.title .button{margin: 15px 0 0;}
.title ul{padding-inline-start: 15px;}

.trademark{font-size: 13px;vertical-align: top;}

.about .button{margin: 15px 0 0;}
.about .row{align-items: center;}

.characteristics{background: url('/img/characteristics-bg.jpg');background-size: cover;}
.characteristics .icon {margin-bottom: 30px;}
.characteristics .icon img {width: 30%;float: left;margin-right: 15px;}
.characteristics .description {color: #fff;}
.characteristics .description b, .characteristics .fire b, .characteristics .fire i{color: #ECC063;font-family: Mulish Black;text-transform: uppercase;}
.characteristics .col-md-8{border-right: 1px solid #fff;}
.characteristics .fire{color: #fff;font-size: 16px;line-height: 30px;}
.characteristics .fire .button{margin: 15px 0 0;}
.characteristics .fire ul{padding-inline-start: 0px;}
.products-content {border: 2px solid #ECC063;padding: 30px;border-radius: 10px;position: relative;min-height: 245px;}
.products-content img{position: absolute;top: 0;left: 0;width: 45%;border-radius: 8px;}
.products-content b{font-family: Mulish Black;}
.products-content .description{position: absolute;bottom: 30px;}
.products-content .description span{font-family: 'Mulish Black';text-transform: uppercase;font-size: 20px;}
.product-type-content{border: 2px solid #ECC063;padding: 15px;border-radius: 10px;}
/*box-shadow: 12px 12px 2px 1px rgb(237 187 25 / 37%);*/
.product-type-content .caption{font-family: Mulish Black;padding: 15px 0;color: #ECC063;text-transform: uppercase;}
.product-type-content .description{min-height: 235px;}
.products-types{background: url(/img/types-bg.jpg);color: #fff;}

.main.steps {background: url(/templates/altyn-enbek/images/steps-bg.jpg) no-repeat 100% 60%;background-size: cover;color: #fff;position: relative;}
.main.steps .overlay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.8);}
/*.main.steps .main_title{color: #fff;position: relative;}*/
.main.steps .step{margin-bottom: 30px;min-height: 83px;color: #333;}
.main.steps .step a{color: #F1B960;}
.main.steps .steps__item {display: flex;}
.main.steps .steps__num {font-family: Mulish Bold;font-size: 50px;color: #F1B960;line-height: 30px;min-width: 35px;text-align: center;}
.main.steps .steps__info {margin-left: 50px;}
.main.steps .steps__name {text-transform: uppercase;position: relative;font-family: Mulish Bold;margin-bottom: 10px;color: #F1B960}
.main.steps .steps__descr{font-size: 15px;line-height: 17px;}
.main.steps .steps__name:before {content: "";position: absolute;width: 13px;height: 2px;left: -20px;top: 8px;margin: auto;background: #F1B960;}
.main.steps .steps h3{text-align: center;padding: 10px;background: #F1B960;color: #fff;font-family: Mulish Bold;}

.advantages{color: #333;}
.advantage-content {border: 2px solid;margin-bottom: 15px;border-radius: 10px;padding: 15px;min-height: 140px;position: relative;}
.advantage-content .caption{font-family: Mulish Black;color: #ECC063;}
.advantage-content p{width: 85%;}
.advantage-content img {position: absolute;width: 10%;right: 15px;}

.contacts-head {background: url(/uslugi/header-bg.jpg) 100% 30%;background-size: cover;position: relative;padding: 15px;text-align: center;min-height: 280px;font-family: 'Mulish Bold';text-transform: uppercase;}
.other-pages-body .overlay{background-color: rgba(0,0,0,0.7);}
.other-pages-body .services{background: #fff;}
.other-pages-body .projects{background: #FAF4EE;}

.projects {position: relative;background: #FAF4EE;}
.projects .caption {font-size: 15px;font-family: 'Mulish Bold';text-align: center;margin-bottom: 15px;}
.project .caption:nth-child(2) {color: #ECC063;}
.projects .button{max-width: 250px;}

.lead-magnet{color: #fff;position: relative;}
.lead-magnet .container{background: url(/img/leadmagnet-bg.jpg);background-size: cover;position: relative;}
.lead-magnet .container .row{position: relative;}
.lead-magnet .main_title{color: #333;margin-bottom: 20px;font-family: Mulish Bold;font-size: 22px;}
.lead-magnet .callback{text-align: right;font-size: 30px;}
/*.lead-magnet .callback a{color: #fff;}*/
.lead-magnet .callback i{color: #00C960;}
.lead-magnet .callback .button{margin: 15px 0 0px;float: right;max-width: 260px;}
.lead-magnet input, .lead-magnet .button{margin-bottom: 15px;}

.products-line p {color: #333;margin-bottom: 15px;}
.products-line .caption {font-family: 'Mulish Black';font-size: 30px;margin: 15px 0;}
.products-line .products-content {padding: 15px;min-height: 210px;}
.products-line .products-content img{position: relative;width: 100%;}

.slick-prev{left: 0;z-index: 999;}
.slick-next{right: 0;z-index: 999;}

.enter-title .slick-prev:before, .enter-title .slick-next:before{font-size: 40px;}
.enter-title .slick-prev, .enter-title .slick-next{width: 40px;}

.title{position: absolute;top: calc((100% - 200px) / 2);z-index: 999;}
.form-control{margin-bottom: 15px;}

.facade img{width: 25%;float: left;margin-right: 15px;}
.facade .button {display: inline-block;font-size: 10px;max-width: 200px;}
.facade .caption {font-family: 'Mulish Bold';/* text-transform: uppercase; */margin-bottom: 15px;}
.facade-content {background: #FAF4EE;padding: 30px;margin-bottom: 25px;min-height: 275px;border-radius: 5px;}

.facades .facade {display: inline-block;width: calc(100% / 5);}
.facades .facade:last-child {margin-right: 0px;}
.facades .facade img {width: 100%;}

/*.facade img{width: 25%;float: left;margin-right: 15px;}
.facade .button {display: inline-block;font-size: 10px;max-width: 200px;}
.facade .caption {font-family: 'Mulish Bold';margin-bottom: 15px;color: #ECC063;}
.facade-content {background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);padding: 30px;margin-bottom: 25px;min-height: 275px;}
.facades{color: #fff;}*/
footer .lead-magnet{background: #333;}
footer .lead-magnet p{color: #fff;}
#lead-magnet .right {border: 2px solid #ECC063;padding: 50px 20px;margin-bottom: 4px;}
#lead-magnet .right .button {max-width: 250px;margin-bottom: 1em;}
.partners img {padding: 30px;}
.projects.main, .projects.main .image {position: relative;}
.projects.main p.caption{
	position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    color: #ffffff;
    font-family: 'Mulish Medium';
    font-size: 16px;
    font-weight: 400;
}
.projects.main .image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 1, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 1, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 1, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.projects.main .description {
    background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
    /* background: radial-gradient(circle at 10% 20%, rgb(69, 86, 102) 0%, rgb(34, 34, 34) 90%); */
    /* background: #333; */
    color: #fff;
    padding: 15px 30px;
    margin-bottom: 30px;
    border-top: 2px solid #ECC063;
    min-height: 210px;
}
.projects.main .description p {margin-bottom: 10px;}
.projects.main .description span {
    color: #ECC063;
    font-family: 'Mulish Bold';
    padding-right: 5px;
}

.lead-magnet{color: #333;position: relative;background: #FAF4EE;}
.lead-magnet .container{background: url(/img/leadmagnet-bg.jpg);background-size: cover;position: relative;}
.lead-magnet .container .row{position: relative;}
.lead-magnet .main_title{color: #333;margin-bottom: 20px;font-family: Mulish Bold;font-size: 22px;}
.lead-magnet .callback{text-align: right;font-size: 30px;}
/*.lead-magnet .callback a{color: #fff;}*/
.lead-magnet .callback i{color: #00C960;}
.lead-magnet .callback .button{margin: 15px 0 0;float: right;max-width: 260px;}

.about-main h2{font-family: Mulish Bold;}
.about-main h2 span{display: block;line-height: 25px;font-size: 20px;margin-top: 10px;}
.about-main .button{margin: 20px 0 0;max-width: 350px;}

.digital {display: inline-block;width: calc((100% - 30px) / 4);border: 2px solid #ECC063;padding: 30px;margin-right: 5px;text-align: center;}
.about-digital .digital:last-child {margin-right: 0px;}
.digital .numbers {font-size: 40px;font-family: 'Mulish Bold';}

.milling-advantage {
    box-shadow: 10px 10px 1px 1px rgb(247 213 107 / 39%);
    display: inline-block;
    width: calc((100% - 45px) / 2);
    margin-right: 20px;
    padding: 30px;
    background: linear-gradient(90deg, rgba(186, 150, 69, 1) 0%, rgba(240, 193, 93, 1) 35%, rgba(254, 235, 125, 1) 100%);
    margin-bottom: 20px;
    border-radius: 5px;
    min-height: 215px;
    vertical-align: middle;
    font-family: 'Mulish Medium';
}
.milling-advantage img {width: 70px;display: block;margin-bottom: 15px;}
.milling h4 {font-family: Mulish Bold;}
.milling .button{max-width: 300px;}

@media screen and (max-width: 768px){
	.call, .whatsapp, .catalog br{display: block !important;}
	.desktop, .review-description, header h1 br, .offers .text, .steps__descr.sm-text br, footer .logo, .enter-title .button, .top-panel .button, .enter-title h1 br, .top-panel2 .button, .service-main img, .office .sub_title{display: none;}
	.mobile{display: bloCK;text-align: center;margin: 0;}
	header.main_header{background: url(/img/header-bg/6-6.png) 100% 0%;background-size: cover;}
	header.main_header, footer{text-align: center;margin-bottom: 0 !important;height: auto;}
	header .enter-title{position: relative;height: auto;}
	header .enter-title .enter-content{position: relative;padding: 30px;align-items: flex-end;bottom: 0;text-align: center;}
	header .enter-title .enter-content .button{margin: 15px auto;}
	header .enter-title h1{font-size: 35px;line-height: 45px;text-align: center;}
	.title h1 span{font-size: 20px;}
/*	header .enter-title .about-slick{height: calc(100vh - 300px);margin: 0;}*/
	.title-content{position: absolute;z-index: 999;left: 0;right: 0;top: calc((70vh - 230px) / 2);}
	.title{position: relative;}
/*	.title .container{top: calc((100% - 230px) / 2);}*/
	.top-panel2{padding: 0;}
	.top-panel2 .logo img {width: 25%;position: absolute;left: 15px;top: 8px;}
/*	.top-panel2 {background: transparent;}*/
	.top-panel2 .menu{position: relative;}
	nav{height: 60px;z-index: 9999;position: relative;}
	.hamburger{display:block;position: absolute;cursor: pointer;right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 2;transition: all 0.7s ease;}
    .nav-links{background: #131418;height: 50vh;width: 100%;flex-direction: column;clip-path: circle(50px at 90% -20%);-webkit-clip-path: circle(50px at 90% -10%);transition: all 1s ease-out;pointer-events: none;}
    .nav-links.open{clip-path: circle(1000px at 90% -10%);-webkit-clip-path: circle(1000px at 90% -10%);pointer-events: all;}
    .nav-links li{opacity: 1;}
    .top-panel2 a{color: #fff;}
    .nav-links li:nth-child(1){transition: all 0.5s ease 0.2s;}
    .nav-links li:nth-child(2){transition: all 0.5s ease 0.4s;}
    .nav-links li:nth-child(3){transition: all 0.5s ease 0.6s;}
    .nav-links li:nth-child(4){transition: all 0.5s ease 0.7s;}
    .nav-links li:nth-child(5){transition: all 0.5s ease 0.8s;}
    .nav-links li:nth-child(6){transition: all 0.5s ease 0.9s;margin: 0;}
    .nav-links li:nth-child(7){transition: all 0.5s ease 1s;margin: 0;}
    li.fade{opacity: 1;}
    .toggle .line1{transform: rotate(-45deg)translate(-5px,6px);}
	.toggle .line2{transition: all 0.7s ease;width:0;}
	.toggle .line3{transform: rotate(45deg) translate(-5px,-6px);}
	.title-content{width: 80%;margin: 0 auto;}
	.bottom-panel .col-md-4{border-bottom: 3px solid #333;}
	.about .main_title{margin-top: 15px;}
	.products-content{margin-bottom: 15px;}
	.products-content .description br{display: none;}
	.products-content .description span{font-size: 17px;}
/*	.characteristics .description{font-size: 10px;}*/
	.characteristics .icon img{width: 20%;margin-right: 20px;}
	.product-type-content {margin-bottom: 15px;}
	.product-type-content .description{min-height: 190px;}
	footer .bottom-panel{padding-bottom: 60px;}
	.characteristics .col-md-8{border-bottom: 2px solid #fff;margin-bottom: 15px;}
    .facade img{width: 50%;float: none;}
    .digital{width: calc((100% - 30px) / 2);margin-bottom: 15px;min-height: 150px;vertical-align: middle;}
    .digital .numbers{font-size: 25px;}
    .bottom-panel a{display: block;}
    #btn-back-to-top {left: 0;right: 0;bottom: 45px;margin: 0 auto;width: 50px;}
    .facade-content{padding: 20px 10px;}
    .facades .facade{width: calc(100% / 2);}
    .milling .row{flex-direction: column-reverse;}
    .milling-text{margin-top: 15px;}
    .milling-advantage{min-height: 260px;}
    .milling-advantage img{width: 50px;}
}