/*   
Theme Name: antonassembler
Theme URI: #
Version: 3.0
Tags: clean, development, html5
Description: Clean wordpress theme
Author: Ev
Author URI: #
*/



    @font-face {
    font-family: 'Druk Text Wide';
    font-style: 500;
    font-weight: normal;
    src: local('Druk Text Wide Trial Medium'), url('/wp-content/themes/antonassembler/fonts/DrukTextWideMediumTrial.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Druk Text Wide';
    font-style: normal;
    font-weight: 600;
    src: local('Druk Text Wide Trial Bold'), url('/wp-content/themes/antonassembler/fonts/DrukTextWideBoldTrial.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Druk Text Wide';
    font-style: normal;
    font-weight: 700;
    src: local('Druk Text Wide Trial Heavy'), url('/wp-content/themes/antonassembler/fonts/DrukTextWideHeavyTrial.woff') format('woff');
    }

    @font-face {
    font-family: 'Druk Text Wide';
    font-style: normal;
    font-weight: 900;
    src: local('Druk Text Wide Trial Super'), url('/wp-content/themes/antonassembler/fonts/DrukTextWideSuperTrial.woff') format('woff');
    }
    
* {
    margin:0;
    padding:0;
}

body {
    font-family: "Montserrat", sans-serif;
}

body.act {
    overflow: hidden!important;
    touch-action: none;
-ms-touch-action: none;
}

img {
    max-width:100%;
    height:auto;
}

.butter {
    display:none;
}

.container {
    max-width:1240px;
    width:95%;
    margin:0 auto;
}

.description {
    margin-bottom: 86px;
    padding-top: 123px;
}

.titled {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    max-width: 980px;
    margin:0 auto 107px;
    color: rgba(235, 145, 0, 1);
}

.titled span {
    color: rgba(0, 0, 0, 1);
}

.pager {
    padding:102px 0 0;
}

.pager h1 {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 40px;
    line-height: 80%;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    margin-bottom:20px;
}

.seo-item {
    padding-top:87px;
    display:flex;
    gap:0 54px;
    align-items: flex-start;
    padding-bottom: 70px;
}

.seo-left {
    order:1;
    flex-basis: 505px;
}

.seo-right {
    order:2;
    padding-top:20px;
    flex-basis: 640px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 127%;
}

.seo-item:nth-child(3n) .seo-left {
    order:2;
}

.seo-item:nth-child(3n) .seo-right {
    order:1;
}

.seo-right h2 {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 24px;
    line-height: 80%;
    color: rgba(0, 0, 0, 1);
    margin-bottom:24px;
}

.seo-right p {
    margin-bottom:20px;
}
 
.seo {
    padding:25px 45px 25px 30px;
    border: 2px solid rgba(235, 145, 0, 1);
    border-radius: 15px;
}

.seo {
    font-family: Druk Text Wide;
    font-size: 16px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}

.seo p {
    margin-bottom:16px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
}

.request .titled {
    max-width:750px;
}

.request {
    padding:70px 0 153px;
    background:url('img/clients.png') no-repeat;
    background-size:cover;
}

.client_header {
    display:flex;
    gap:0 28px;
    align-items: center;
}

.client_photo {
    width:50px;
    height:50px;
    min-width:50px;
    border-radius: 100%;
    background-size:cover!important;
}

.review {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    margin-top: 31px;
    min-height: 100px;
}

.client {
    padding:27px 12px 36px 18px;
    background:#fff;
    border-radius: 15px;
    max-width: 370px;
    margin-right:20px;
}

.client_name {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 10px;
    line-height: 135%;
    max-width: 266px;
}

.client_name span {
    color: rgba(172, 106, 0, 1);
    font-weight: 900;
}

.client_name small {
    color: rgba(0, 0, 0, 1);
    font-weight: 900;
}

.forms .titled {
    margin-bottom:40px;
}

.forms {
    padding:70px 0 99px;
    background:url('img/forms.png') no-repeat;
    background-size:cover;
}

.form-block {
    display:flex;
    gap:0 19px;
}

.form-input {
    margin-bottom:14px;
}

.form-input input {
    outline:none;
    border: 1px solid rgba(235, 145, 0, 1);
    height:54px;
    line-height: 54px;
    padding:0 24px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 135%;
    color: rgba(235, 145, 0, 1);
    width:calc(100% - 50px);
    border-radius: 5px;
}

.form-input textarea {
    outline:none;
    border: 1px solid rgba(235, 145, 0, 1);
    height:54px;
    line-height: 54px;
    padding:16px 24px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 135%;
    color: rgba(235, 145, 0, 1);
    width:calc(100% - 50px);
    border-radius: 5px;
    resize: none;
    height: 88px;
}

.form-input input::placeholder {
    color: rgba(235, 145, 0, 1);
    font-family: Montserrat;
}

.form-input textarea::placeholder {
    color: rgba(235, 145, 0, 1);
    font-family: Montserrat;
}

#send {
    background: linear-gradient(90deg, #EB9100 0%, #F3D5A6 100%);
    text-align: center;
    height:64px;
    line-height: 64px;
    border:0;
    outline:none;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    color:#fff;
    width:100%;
    cursor:pointer;
    border-radius: 5px;
}

.window #send {
    margin:0 auto;
}

.about {
    padding:71px 0 85px;
}

.about-block {
    display:flex;
    gap:0 92px;
}

.about-left {
    flex-basis: 400px;
    border: 2px solid rgba(235, 145, 0, 1);
    border-radius: 30px;
    min-width: 400px;
    font-size: 0;
    line-height: 0;
}

.about-left img {
    border-radius: 30px;
    position:relative;
    top:29px;
    right:33px;
}

.about-right {
    padding-top:33px;
    flex-basis: 715px;
}

.about-right .titled {
    margin-bottom:87px;
    text-align: left;
}

.about-desc {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 127%;
}

.about-desc p {
    margin-bottom:25px;
}

.about-desc p:last-child {
    margin-bottom:0;
}

.adv .titled {
    margin-bottom:109px;
}

.adv {
    padding:152px 0 82px;
    background:url('img/adv.png') no-repeat;
    background-size:cover;
}

.advs {
    display:flex;
    justify-content: space-between;
    gap:0 45px;
}

.advs span {
    display:block;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 127%;
    padding-top:18px;
    border-top: 3px solid rgba(235, 145, 0, 1);
    margin-top:25px;
}

.adv-item {
    flex-basis: 207px;
}

.adv-item img {
    display:block;
    margin:0 auto;
}

.head {
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:18px 0;
}

header nav ul {
    list-style:none;
    display:flex;
    gap:0 41px;
}

header nav {
    display:flex;
    align-items: center;
    gap:0 64px;
}

header nav ul li a {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
}

.callme {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    cursor:pointer;
    height:64px;
    line-height: 64px;
    background:
linear-gradient(90deg, #EB9100 0%, #FFC363 100%);
    text-align: center;
    cursor:pointer;
    width:190px;
    border-radius: 5px;
}   

.one {
    background:url('img/one.png') no-repeat;
    height:755px;
    background-size:cover;
    position:relative;
}

.green {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:1;
}

.cus1 {
    position:absolute;
    left:0;
    top:0;
    z-index:3;
}

.cus2 {
    position:absolute;
    bottom:0;
    right:0;
    z-index:3;
}

.cus3 {
    position:absolute;
    bottom:0;
    left:0;
    z-index:3;
}

.hos {
    position:absolute;
    bottom:31px;
    right:0;
    z-index:2;
}

footer {
    padding:77px 0 92px;
    background:url('img/footer.png') no-repeat;
    background-size:cover;
}

.foot {
    display:flex;
    justify-content: space-between;
    gap:0 40px;
}

.f1 span {
    display:block;
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 40px;
    line-height: 80%;
    margin-bottom:64px;
    color: rgba(235, 145, 0, 1);

}

.f1 p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
    max-width: 480px;
}

.form-right {
    flex-basis: 610px;
}

.work {
    padding:16px 0 83px;
    background:url('img/work.png') no-repeat;
    background-size:cover;
}

.work .titled {
    text-align: left;
    margin-bottom:54px;
    margin:0 0 40px;
}

.work-block {
    display:flex;
    gap:0 15px;
    align-items: center;
}

.work-left {
    flex-basis: 500px;
}

.work-left p {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, 1);
}

.work-left p span {
    color: rgba(235, 145, 0, 1);
}

.local {
    display:flex;
    gap:0 12px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    line-height: 127%;
    color: rgba(0, 0, 0, 1);
    margin-bottom:43px;
    align-items: flex-start;
    max-width: 385px;
}

.local img {
    position:relative;
    top:2px;
}

.cities {
    display:flex;
    justify-content: space-between;
    margin-top:40px;
}

.city p {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    line-height: 202.99999999999997%;
    margin-bottom: 5px;
    position: relative;
    padding-left: 32px;
}

.city p:before {
    content:'';
    position:absolute;
    left:0;
    top: 8px;
    width:21px;
    height:26px;
    background:url('img/point.svg') no-repeat;
    background-size:contain;
}

.req {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color:#fff;
    height:64px;
    line-height:64px;
    cursor:pointer;
    background: linear-gradient(90deg, #EB9100 0%, #F3D5A6 100%);
    border-radius: 5px;
    text-align: center;
    width:295px;
    margin-top:62px;
}

.services-block {
    display:flex;
    gap:0 20px;
}

.services {
    padding:104px 0 104px;
}

.services .titled {
    margin-bottom:45px;
}

.service {
    text-align: center;
    background: rgba(255, 244, 227, 1);
    padding:34px 17px 22px;
    border-radius: 30px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6px 25px;
    margin-top:70px;
    flex-basis: 198px;
}

.service img {
    height:62px;
    display:block;
    margin:0 auto 25px;
}

.service span {
    display:block;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 127%;
    text-align: center;
    color: rgba(0, 0, 0, 1);
}

.service a {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    color: rgba(235, 145, 0, 1);
    display:flex;
    gap:0 10px;
    align-items: center;
    justify-content: center;
}

.if {
    font-family: Montserrat;
    font-weight: 800;
    font-size: 16px;
    line-height: 127%;
    text-align: center;
    color:#fff;
    padding:19px 50px;
    background: linear-gradient(90deg, #EB9100 0%, #FFC362 100%);
    border-radius: 10px;
    margin-top:17px;
}

.subtitled {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 24px;
    line-height: 127%;
    text-align: center;
    color: rgba(235, 145, 0, 1);
    max-width:400px;
    margin:0 auto;
}

.subtitled span {
    color: rgba(0, 0, 0, 1);
}

.services p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 127%;
    text-align: center;
    max-width:715px;
    margin:0 auto 37px;
}

.f2 ul {
    list-style:none;
}

.f2 ul li {
    margin-bottom:15px;
}

.f2 ul li a {
    text-decoration: none;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}

.f3 span {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    display:block;
    margin-bottom:27px;
    color: rgba(235, 145, 0, 1);
}

.soc {
    display: flex;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 14px;
    gap: 0 15px;
    align-items: center;
}

.soc img {
    height:20px;
}

.soc a {
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
}

.soc:last-child {
    margin-left:4px;
}

.seo p strong {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 16px;
    margin-top: 28px;
    display: block;
}

.seo h3 {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 16px;
    margin-top: 28px;
    display: block;
    margin-bottom:20px;
}

.arrows {
    cursor:pointer;
    position:absolute;
    top:calc(50% - 25px);
    z-index:10;
}

.arrow-prev {
    left:-60px;
}

.arrow-next {
    right:-60px;
}

.projects {
    padding:104px 0;
}

.projects .titled {
    margin-bottom:56px;
}

.project-block {
    display:flex;
    gap:22px 22px;
    flex-wrap: wrap;
}

.project {
    border: 2px solid rgba(235, 145, 0, 1);
    border-radius: 5px;
    flex-basis: 289px;
}

.project p {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 127%;
    text-align: center; 
    padding:25px 33px 35px;
}

.projects hr {
    height:2px;
    background:rgba(235, 145, 0, 1);
    border:0px solid rgba(235, 145, 0, 1);
    margin-bottom:35px;
}

.loadmore {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    cursor:pointer;
    margin:67px auto 0;
    height:62px;
    border:2px solid #fff;
    border-radius: 5px;
    color:#fff;
    line-height: 62px;
    width:293px;
    background: linear-gradient(90deg, #EB9100 0%, #F3D5A6 100%);
    text-align: center;
}

.one-block .h1 {
    font-family: Druk Text Wide;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: rgba(235, 145, 0, 1);
    margin-bottom:35px;
    max-width:608px;
}

.one-block .h2 {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 84px;
    line-height: 80%;
    color:#000;
    margin-bottom:61px;
    max-width:585px;
}

.one-block .h2 span {
    color: rgba(235, 145, 0, 1);
}

.one-block p {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom:75px;
}

.flex {
    display:flex;
    gap:0 17px;
}

.flex a {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    line-height: 60px;
    color: rgba(74, 8, 8, 1);
    background: linear-gradient(90deg, #FFC363 0%, #FFEAC8 100%);
    border: 2px solid rgba(255, 255, 255, 1);
    text-decoration: none;
    text-align: center;
    display:flex;
    gap:0 16px;
    justify-content: center;
    align-items: center;
    flex-basis: 288px;
    height:60px;
    border-radius: 5px;
}


.offer {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    background: linear-gradient(90deg, #EB9100 0%, #FFC363 100%);
    border: 2px solid rgba(255, 255, 255, 1);
    text-align: center;
    display:flex;
    gap:0 22px;
    justify-content: center;
    align-items: center;
    flex-basis: 424px;
    height:60px;
    border-radius: 5px;
    cursor:pointer;
}

.one-block {
    padding-top:171px;
    position:relative;
    z-index:10;
}

.project img {
    width:289px;
    height:385px;
    object-fit: cover;
}

.faq-item {
    padding-bottom:20px;
    border-bottom: 2px solid rgba(235, 145, 0, 1);
    margin-bottom:31px;
    position:relative;
    cursor:pointer;
}


.faq-item span {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 24px;
    line-height: 127%;
    margin-bottom:21px;
    display:block;
    width:80%;
    max-width:1023px;
}

.faq-item p {
    display:none;
    font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 127%;
    color: rgba(0, 0, 0, 1);
    width:80%;
    max-width:1023px;
}   

.faq-item.act p {
    display:block;
}

.faq-item small {
    width:55px;
    height:2px;
    background: rgba(235, 145, 0, 1);
    position:absolute;
    top:22px;
    right:0;
    z-index:10;
}

.faq-item small:after {
    content:'';
    height:55px;
    width:2px;
    background: rgba(235, 145, 0, 1);
    position:absolute;
    top:-27px;
    right:27px;
}

.bgs {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:200;
    display:flex;
    align-items: center;
    justify-content: center;
    background:#00000060;
    display:none;
}

.bgs.act {
    display:flex;
}

.bgss {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100;
    display:flex;
    align-items: center;
    justify-content: center;
    background:#00000060;
    display:none;
}

.bgss.act {
    display:flex;
}
.window {
    width:680px;
    height:765px;
    display:flex;
    flex-direction: column;
    background:url('img/bg.png') no-repeat center;
    position:relative;
    justify-content: center;
}

.closi {
    position:absolute;
    top:25px;
    right:29px;
    cursor:pointer;
}

.wtitle {
    font-family: Druk Text Wide;
    font-weight: 900;
    font-size: 40px;
    line-height: 130%;
    text-align: center;
    margin-bottom:60px;
}

.window .form-input input {
    border: 1px solid rgba(0, 0, 0, 1);
    color: #333;
}

.window .form-input input::placeholder {
    color: rgba(196, 196, 196, 1);
}

.window .form-input textarea {
    border: 1px solid rgba(0, 0, 0, 1);
    color: #333;
}

.window .form-input textarea::placeholder {
    color: rgba(196, 196, 196, 1);
}

.window form {
    padding: 0 35px;
}

.window .inside {
    padding: 0 35px;
}

.wtitle span {
    color: rgba(235, 145, 0, 1);
    display:block;
}

.window hr {
    border: 3px solid rgba(235, 145, 0, 1);
    margin-bottom:40px;
}

.inside p {
    font-family: Montserrat;
    font-weight: 800;
    font-size: 24px;
    line-height: 127%;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    margin-bottom:41px;
}

.inside .wtitle {
    margin-bottom:40px;
}

.inside ul {
    list-style:none;
    margin-bottom:86px;
}

.inside ul li {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: rgba(0, 0, 0, 1);
    margin-bottom:20px;
    padding-left:30px;
    position:relative;
}

.inside ul li:last-child {
    margin-bottom:0;
}

.inside ul li:after {
    content:'';
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    top:0;
    background:url('img/li.svg') no-repeat center;
    background-size: contain;
}

.fl {
    display:flex;
    justify-content: space-between;
    margin-bottom:43px;
}

.fl a {
    display:flex;
    align-items: center;
    text-decoration: none;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    gap:0 10px;
}

.pager-block if {
    margin-bottom:14px;
}

.mobile {
    position:fixed;
    left:0;
    top:94px;
    height:calc(100% - 94px);
    width:100%;
    z-index:50;
    background:#fff;
    display:none;
}

.mobile.act {
    display:block;
}

.ins {
    padding:54px 22px 20px;
}

.ins ul {
    list-style:none;
    text-align: right;
    margin-bottom:45px;
}

.ins ul li {
    margin-bottom:13px;
}

.ins ul li:last-child {
    margin-bottom:0;
}

.ins ul li a {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
}

.ins .callme {
    margin-bottom:50px;
    width:100%;
    max-width:302px;
}

.ins .fl {
    display:block;
    text-align: right;
    margin-bottom:0;
}

.ins .fl a {
     justify-content: flex-end;
     margin-bottom:25px;
}

input.error {
    border:1px solid red;
    color:red;
}

input.error::placeholder {
    color:red;
}