#wpadminbar {

    display: none;

}
.social__buttons{
	display: none!important;
}
.social__buttons a {
    border-radius: 50%!important;
    -webkit-animation: hoverWave linear 1.2s infinite!important;
    animation: hoverWave linear 1.2s infinite!important;
}
.viber-h, .phone-h, .telegram-h{
	width:100%!important;
	margin-top: -23px;
	    max-width: 60px;
}
.social__buttons {
    position: fixed;
    bottom: 1vh;
    right: 3vw;
	    z-index: 9999999;
	padding-bottom: 70px;
}
@media screen and (max-width: 940px) {
   .social__buttons a {
    
    width: 60px!important;
    height: 60px!important;
    
}
}
.social__buttons a {
    display: block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}
@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 0 rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
    }
    40% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 4px rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
    }
    80% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 8px rgba(56, 163, 253, 0), 0 0 0 12px rgba(56, 163, 253, .067)
    }
    100% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 12px rgba(56, 163, 253, 0), 0 0 0 16px rgba(56, 163, 253, 0)
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 0 rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
    }
    40% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 4px rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
    }
    80% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 8px rgba(56, 163, 253, 0), 0 0 0 12px rgba(56, 163, 253, .067)
    }
    100% {
        box-shadow: 0 2px 4px rgba(56, 163, 253, .3), 0 0 0 12px rgba(56, 163, 253, 0), 0 0 0 16px rgba(56, 163, 253, 0)
    }
}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(../fonts/RobotoLight.woff) format('woff');

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/RobotoRegular.woff) format('woff');

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url(../fonts/RobotoBold.woff) format('woff');

}

/* cyrillic-ext */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* latin-ext */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}
.dec_one, .dec_two, .dec_three, .dec_four, .dec_five, .dec_six, .dec_seven{
    display: none;
}
.activen{
    display: inline!important;
}
/* latin */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

body * {

    font-family: Roboto;

    font-weight: 400;   

}

main {

    background: #f2f2f2;

}

section {

    padding: 60px 0 75px 0;

}

h1 {

    font-family: Montserrat;

    font-weight: 600;

    font-size: 48px;

    line-height: 59px;

    text-transform: uppercase;

    padding-bottom: 50px;

}



h2 {

    font-family: Montserrat;

    font-weight: 600;

    font-size: 36px;

    line-height: 1.3;

    text-transform: uppercase;

    text-align: center;

    max-width: 1170px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 32px;

}

h3 {

    font-family: Montserrat;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    text-transform: uppercase;

    text-align: center;

}



iframe {

    border: none;

}



@media (max-width:767px) {
	
    h1 {

        font-size: 32px;

        padding-bottom: 0;

    }

    h2 {

        font-size: 24px;

    }

}



ul {

    /*list-style-type: none;*/

    padding-left: 19px;

}

button {

    outline: none !important;

}

strong {

    font-weight: 700;

}

h1.home-title {

    padding-bottom: 0px;

}

.custom-block-1 {

    padding-top: 0px;

    padding-bottom: 0px;

}

.custom-block-1 table th {

    border: 2px solid #dee2e6;

    text-align: center;

}

.custom-block-1 table tbody tr:nth-child(2n) {

    background: #fff;

}

.custom-block-1 table img {

    max-width: 258px;

}

@media (min-width: 1200px){

    .container {

        padding-left: 0px;

        padding-right: 0px;

        max-width: 1170px;

    }

}

.header {

    background: #E5E5E5;

    padding: 8px 0;

}

.header-col:last-child {

    width: 28.5%;

}

.hidden {

    display: none;

}

.header-wrap {

    position: relative;

    max-width: 1170px;

}

.logo {

    display: inline-block;

    vertical-align: top;

}

.contact-wrap {

    display: inline-block;

    vertical-align: top;

    margin: 29px 0 0 30px;

}

.header-contacts {

    font-size: 18px;

    line-height: 21px;

    margin-bottom: 8px;

    color: #797D81;

}

.header-contacts img{

    margin-right: 8px;

}

.header .time {

    text-align: right;

}

.mobile-menu {

    display: none;

}

.p-text {

    margin-right: 8px;

    color: #000000;

    text-decoration: underline;

}

.p-text:hover {

    cursor: pointer;

    color: rgba(222, 168, 28, 1);

}

.phone {

    margin-right: 8px;

    font-family: Montserrat;

    font-style: normal;

    font-weight: 600;

    color: #000000;

}

#contacts .soc-icon, #contacts .phone_img, #contacts .youtube, .header-cont-wrap .phone_img, .header-cont-wrap .mail, .header-cont-wrap .home {

    margin-top: -4px;

    margin-right: 10px;

}

.time {

    margin-top: 26px;

}

.time img:last-child {

    margin-left: 8px;

}

.time span {

    margin-left: 8px;

    margin-right: 14px;

    font-weight: bold;

    font-size: 18px;

}



.call-btn {

    margin-top: 16px;

}

.btn-call-me {

    width: 270px;

    max-width: 100%;

    height: 59px;

}

.btn-pr, .wpcf7-submit {

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    border: 2px solid rgba(222, 168, 28, 1);

    border-radius: 0;

}



.btn-pr:hover, .btn-pr:focus, .wpcf7-submit:hover, .wpcf7-submit:focus {

    background: #DEA81C;

    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));

}



/* fixed style */

.header_fixed .container {

    padding-left: 0;

    padding-right: 0;

}

.header_fixed .logo-wrap {

    padding-left:15px !important;

}

.header_fixed .time-wrap {

    padding-right:15px !important;

}

.header_fixed {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 8px;

    padding-bottom: 8px;

    z-index: 999;

}

.header_fixed .header-wrap {

    max-width: 1880px;

    

}

.header_fixed .logo {

max-width: 150px

}



.header_fixed .email-wrap {

    display: none;

}

.header_fixed .call-btn {

    margin-top: 6px;

}



.header_fixed .time-wrap, .header_fixed .logo-wrap {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50% !important;

}



.header_fixed .logo-wrap {

    padding-right: 0px;

}

.header_fixed .time-wrap {

    padding-left: 0px;

}



.header_fixed .time-wrap {

    text-align: right;

}

.header_fixed .time {

    display: inline-block;

    text-align: left;

    float: left;

    vertical-align: top;

    margin-left: 52px;

}

.header_fixed .time span {

    margin-right: 109px;

}



.header_fixed .call-btn {

    display: inline-block;

}



.header_fixed .contact-wrap {

    float: right;
 
  

}



.header_fixed .time img:last-child {

    margin-left: 25px;

}

.hiden-important {

    display: none !important;

}

.header .phone a, footer .phone a {

    color: #000;

    font-weight: 600;

    text-decoration: none;

}

.visible-important {

    display: block !important;

}

.overlay-menu {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 999;

    background: #000;

    height: 2400px;

    opacity: 0.05;

}

.soc-icon {

    width: 40px;

    height: 24px;

    display: inline-block;

    vertical-align: top;

    background-repeat: no-repeat!important;

}
@media (max-width:900px) {

  .col-sm-4{
    flex: 0 0 85%!important;
    max-width: 85%!important;
}


.col-sm-8{
     flex: 0 0 15%!important;
    max-width: 15%!important;
}
}
@media (min-width:768px) and (max-width: 900px){
    
    .col-md-8{
     flex: 0 0 15%!important;
    max-width: 15%!important;
}
.col-md-4{
    flex: 0 0 85%!important;
    max-width: 85%!important;
}
}
.container .col-lg-12{
    overflow:auto;
}
@media (min-width:992px) and (max-width: 990px){
    
    .col-lg-9{
     flex: 0 0 30%!important;
    max-width: 30%!important;
}
.col-lg-3{
    flex: 0 0 70%!important;
    max-width: 70%!important;
}
}
.youtube {

    background: url(/wp-content/themes/betonikum/assets/images/icons/youtube.svg);

}

.header .youtube:hover {

    background: url(/wp-content/themes/betonikum/assets/images/icons/youtube-hover.svg);

}

.instagram {

    background: url(/wp-content/themes/betonikum/assets/images/icons/instagram.svg);

}

.header .instagram {

    margin-left: 8px;

}

.header .instagram:hover {

    background: url(/wp-content/themes/betonikum/assets/images/icons/instagram-hover.svg);

}

.clock {

    background: url(/wp-content/themes/betonikum/assets/images/icons/clock.svg);

}

/*

.clock:hover {

    background: url(/wp-content/themes/betonikum/assets/images/icons/clock-hover.svg);

}*/

.la_viber {

    background: url(https://betonikym.by/wp-content/uploads/2024/03/la_viber.svg);

}

.la_viber:hover {

    background: url(/wp-content/themes/betonikum/assets/images/icons/la_viber-hover.svg);

}

.bx_bxl-telegram {

    background: url(https://betonikym.by/wp-content/uploads/2024/03/bx_bxl-telegram.svg);

}

.bx_bxl-telegram:hover {

    background: url(/wp-content/themes/betonikum/assets/images/icons/bx_bxl-telegram-hover.svg);

}

.phone_img {

/*     background: url(/wp-content/themes/betonikum/assets/images/icons/phone.svg); */
	 background: url("https://betonikym.by/wp-content/uploads/2024/03/phone-yellow.png");
	background-repeat: no-repeat;

}

/*

.phone_img:hover {

    background: url(/wp-content/themes/betonikum/assets/images/icons/phone-hover.svg) no-repeat;

}*/

.mail {

    background: url(/wp-content/themes/betonikum/assets/images/icons/mail.svg);

}

.map-pin {

    background: url(/wp-content/themes/betonikum/assets/images/icons/map-pin.svg);

}

.home {

    background: url(/wp-content/themes/betonikum/assets/images/icons/home.svg);

}

@media (max-width:1576px) and (min-width:1456px) {

    .header_fixed .contact-wrap {

        margin-right: 70px;

    }

}

@media (max-width:1455px) {

    

    .header_fixed .time {

        margin-left: 0;

    }

    .header_fixed .contact-wrap {

        margin-right: 44px;

    }

    .header_fixed .time span {

        margin-right: 12px;

    }

    .header_fixed .logo-wrap {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 55%;

        flex: 0 0 55%;

        max-width: 55% !important;

    }

    .header_fixed .time-wrap {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 45%;

        flex: 0 0 45%;

        max-width: 45% !important;

    }

}

@media (max-width:1260px){

    .header_fixed .contact-wrap {

        margin-right: 0;

    }

    .header_fixed .time img:last-child {

        margin-left: 10px;

    }

    .header_fixed .btn-call-me {

        width: 236px;

    }

}

@media (max-width:1212px)  {

    .header_fixed .logo-wrap {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 58%;

        flex: 0 0 58%;

        max-width: 80% !important;

    }

    .header_fixed .time-wrap {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 42%;

        flex: 0 0 42%;

        max-width: 20% !important;

    }

    .header_fixed .btn-call-me {

        width: 171px;

    }

}

@media (max-width:1168px) and (min-width:1100px) {

    .logo-wrap {

        padding-right: 0;

    }

    .time-wrap {

        padding-left: 0;

    }

    .time span {

        margin-right: 11px;

    }

}



@media (max-width:1099px) and (min-width:992px) {

    .header_normal .logo {

        max-width: 260px;

        margin-top: 13px;

    }

    .contact-wrap {

        margin-left: 17px;

    }

    .time span {

        font-size: 16px;

        margin-right: 8px;

    }

    .time img:last-child {

        margin-left: 2px;

    }

    .header_fixed .time img:last-child {

        margin-left: 8px;

    }

    .btn-call-me {

        width: 178px;

    }

    .header_fixed .time span {

        margin-right: 4px;

        margin-left: 3px;

    }

    .header_fixed .header-contacts {

        font-size: 14px;

    }

}







@media (max-width:991px) { /* planschet*/

    .header .time, .header  .call-btn {

        display: none;

    }

    .mobile-see-contact {

        text-decoration-line: underline;

        font-weight: 500;

        font-size: 18px;

    }

    .logo {

        max-width: 253px;
margin-right:10px;
    }

    .contact-wrap {

        margin-top: 36px;


    }

    .mobile-see-contact {

        position: absolute;

        left: 0;

        right: 0;

        top: 21px;

        margin: 0 auto;

        max-width: 320px;

        text-align: center;

    }

    .t-btn {

        text-align: left;

    }

    .t-btn img {

        padding-top: 0 !important;

    }

    .t-btn img:last-child {

        margin-left: 5px;

    }

    .t-btn span {

        margin: 0 9px;

    }

    .header-cont-wrap-m .t-btn img:last-child {

        margin-left: 1px;

    }

    .header-contacts .visible {

        margin: 0px 6px;

    }

    .header-contacts .phone a {

        margin: 20px 0 12px 0;

        display: block;

    }

    .header-cont-wrap-m {

        position: absolute;

        top: 55px;

        left: 0;

        right: 0;

        margin: 0 auto;

        padding: 30px;

        width: 100%;

        max-width: 320px;

        background: #FFFFFF;

        box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);

        

    }

    .header-cont-wrap-m button {

        background: #fff;

        margin-top: 15px;

        width: 270px !important;

    }

    .header-cont-wrap-m .p-text, .header-cont-wrap-m img {

        padding-top: 8px;

    }

    .mobile-see-contact.active {

        color: #DEA81C;

    }

    .mobile-see-contact.active:after {

        background: url(assets/images/icons/chevron-down-active.svg);

    }

    .header_fixed .mobile-see-contact {

        padding-right: 24px;

    }

    /*    

    .mobile-see-contact:after {

        position: absolute;

        top: 2px;

        content: "";

        background: url(assets/images/icons/chevron-down.svg);

        width: 24px;

        height: 24px;

    }*/

    .c-closed {

        position: absolute;

        top: 10px;

        right: 10px;

    }

    

    

    /*

    .header_fixed .logo-wrap {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 30%;

        flex: 0 0 30%;

        max-width: 30% !important;

    }

    .header_fixed .time-wrap {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 70%;

        flex: 0 0 70%;

        max-width: 70% !important;

    }*/

}

@media (max-width:768px) { /* planschet*/

    .mobile-see-contact {

        position: inherit;

    }

    .header-cont-wrap-m {

        position: absolute;

        top: -8px;

        z-index: 999;

    }

}


@media (max-width:460px) {

.header-contacts {

    font-size: 16px;
    line-height: 0px;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
	
.header-contacts	.p-text.visible {
	width: 134px;
			}
}







/* fixed style end */



/*  NAV  */







.nav-wrap {

    background: #000000;

}

.nav-wrap .top-nav {

    margin-bottom: 0;

}

.nav-wrap .top-nav li {

    display: inline-block;

    vertical-align: top;

}

.nav-wrap .top-nav li a {

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    margin-right: 40px;

    padding-bottom: 16px;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    display: flex;

    align-items: center;

}

/* .nav-wrap .top-nav li:last-child a {

    margin-right: 0;

} */

.nav-wrap .top-nav>li:hover>a {

    color: rgba(222, 168, 28, 1);

}

.nav-wrap  .top-nav {

    padding: 16px 0 0 0;

}







.isset-sub {

    position: relative;

}

.top-nav .sub-menu {

    display: none;

    position: absolute;

    background: #fff;

    width: 388px;

    padding: 13px 0;

    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);

    z-index: 999;

}

.nav-wrap .top-nav .sub-menu li {

    display: block;

}



.nav-wrap .top-nav .sub-menu li a {

    display: block;

    font-weight: normal;

    font-size: 16px;

    text-transform: inherit;

    padding: 7px 30px 7px 30px;

    margin-right: 0;

    color: #000000;

}

.nav-wrap .top-nav .sub-menu li a:hover {

    background: #DEA81C;

    color: #000000;

}



.top-nav .sub-menu .sub-menu {

    margin-top: -34px;

    left: 385px;

}



.menu-item-has-children {

    position: relative;

}

.top-nav > li.menu-item-has-children:after {
    position: absolute;
    top: 2px;
    right: 21px;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/wp-content/themes/betonikum/assets/images/icons/chevron-right-white.svg);
}
.top-nav > li.menu-item-has-children:hover:after {
    background: url(/wp-content/themes/betonikum/assets/images/icons/chevron-down-yellow.svg);
}

.sub-menu > li.menu-item-has-children:after {
    position: absolute;
    top: 8px;
    right: 12px;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/wp-content/themes/betonikum/assets/images/icons/chevron-right.svg);
    z-index: 9999;
}


@media (min-width:767px) {
    .menu-item-has-children:hover> .sub-menu {
        display: block;
    }
}

@media (max-width:767px) {
    
    li.menu-item-has-children:after {
        background: url(/wp-content/themes/betonikum/assets/images/icons/chevron-right-white.svg) !important;
    }
    li.menu-item-has-children>a {
        color: #fff !important;
    }
    li.menu-item-has-children.active-m>a {
        color: #d09e1a !important;
    }
    li.menu-item-has-children.active-m:after {
        background: url(/wp-content/themes/betonikum/assets/images/icons/chevron-down-yellow.svg) !important;
    }
    
}

@media (max-width:991px) { /* planschet*/

    .mobile-menu {

        display: block;

        margin-top: 32px;
        margin-rigth: 25px;

    }

    

    .nav-wrap {

        display: none;

        position: fixed;

        top: 65px;

        right: 53px;

        width: 200px;

        z-index: 9999;

    }

    

    .nav-wrap .top-nav li.menu-item {

        display: block !important;

    }

    .nav-wrap .top-nav li a {

        display: block !important;

        text-align: center;

        margin: 20px 0px;

    }

    .nav-wrap .top-nav li .sub-menu {
        top: -54px;
        right: 175px;
     }

     .nav-wrap .top-nav li .sub-menu li a {

        text-align: left;

     }
     
     .nav-wrap .top-nav li .sub-menu .sub-menu {
        position: inherit;
        top: 13px;
        left: 0px;
     }
     
     

}



@media (max-width:767px) {

    .top-nav {

        min-height: 400px;

        overflow-y: scroll;

    }
    
    .nav-wrap {

        width: 485px;

        max-width: 100%;

        top: 95px;

        right: 0px;

        left: 0px;

        margin: 0 auto;
    }
    .nav-wrap .container{
        height: 570px;
        max-height: 100%;
        overflow: scroll;
    }
    .nav-wrap .top-nav li a {

        padding-left: 0px;

    }

    .nav-wrap .top-nav li .sub-menu li a {

        text-align: center;

        padding: 7px 0;

    }

    .nav-wrap .top-nav li .sub-menu {

        position: initial;

        width: 100%;

        background: #000;

        padding-top: 0px;

    }

    .nav-wrap .top-nav li .sub-menu a {

        color: #fff;

    }
    
    
    .top-nav .sub-menu .sub-menu {
        margin-top: 0px;
        background: #202020 !important;
    }
    
    
    
}



/*  NAV END  */









.menu-title {

    position: relative;

    font-size: 18px;

    padding-right: 29px;

    margin-top: 14px;

}

.menu-title span {

    margin-right: 4px;

}

.nav-open:after {

    position: absolute;

    content: "";

    top: 1px;

    width: 24px;

    height: 24px;

    background-image: url(../images/burger.svg);

    background-size: 100%;

    

}

.nav-closed:after {

    position: absolute;

    content: "";

    width: 24px;

    height: 24px;

    background-image: url(../images/x.svg);

    background-size: 100%;

    

}

.style-blue {

    width: 236px;

    height: 51px;

    max-width: 100%;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    background-color: #4EACD9;

    color: #fff;

    border-radius: 0;

}

.style-blue:hover, .style-blue:focus {

    box-shadow: 0px 4px 15px rgba(78, 172, 217, 0.5);

}

.style-white {

    width: 236px;

    height: 51px;

    max-width: 100%;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    background: none;

    border: 2px solid #FFFFFF;

    color: #fff;

    border-radius: 0;

}

.style-white:hover, .style-white:focus {

    background: #FFFFFF;

    color: #000;

}

.top-nav-mobile {

    display: none;

    padding: 29px 0;

    margin: 25px 0 20px 0;

    text-align: center;

    background: #FFFFFF;

    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.15);

}

.top-nav-mobile li {

    padding: 12px 0;

}

.top-nav-mobile li a {

    font-size: 18px;

    font-weight: 500;

    color: #000;

}

.top-nav-mobile li:hover, .top-nav-mobile li:focus {

    background: #4EACD9;

}

.top-nav-mobile li:hover a, .top-nav-mobile li:focus a {

    color: #fff;

}

/*****************   Section 1  ********************/

#slide {

    position: relative;

    height: 600px;

    padding-top: 0;

}

.slide-page h1 {

    font-weight: 800;

    color: #DEA81C;

}

.slide-page .slide-hider {

    opacity: 0.5;

}

.slide-hider {

    position: absolute;

    top: 0;

    left: -323px;

    bottom: 0;

    background: #000000;

    opacity: 0.75;

    width: 57%;

    transform-origin: bottom left;

    -ms-transform: skew(-28deg, 0deg);

    -webkit-transform: skew(-28deg, 0deg);

    transform: skew(-28deg,0deg);

    z-index: 9;

}

.slide-item.active {

    display: block !important;

}

.slide-item {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    height: 600px;

    background-position: top center !important;

    background-size: cover !important;

    width: 100%;

}

.slide-content {

    position: relative;

    max-width: 1140px;

    margin: 0 auto;

    padding: 116px 0 0 0;

    z-index: 99;

    color: #fff;

}

#slide .company-title {

    display: block;

    font-family: Montserrat;

    font-style: normal;

    font-weight: 600;

    font-size: 36px;

    line-height: 44px;

    text-transform: uppercase;

    color: #F2F2F2;

}

#slide .company-name {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 800;

    font-size: 48px;

    line-height: 59px;

    text-transform: uppercase;

    color: #DEA81C;

}



.slide-content p {

    font-size: 16px;

    color: #F2F2F2;

    max-width: 281px;

}



.slide-nav {

    position: absolute;

    z-index: 99;

    width: 100%;

    bottom: 150px;

    max-width: 1140px;

    margin: 0 auto;

    left: 0;

    right: 0;

}

.slide-nav>div {

    display: inline-block;

}

.slide-nav>div:hover {

    cursor: pointer;

}



.service-wrap {

    position: absolute;

    z-index: 99;

    width: 1140px;

    height: 287px;

    bottom: -249px;

    max-width: 100%;

    margin: 0 auto;

    top: 464px;

    left: 0;

    right: 0;

    background: #fff;

    padding: 4px;

    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);

}

.btn-service {

    width: 100%;

    max-width: 230px;

    height: 59px;

    margin: 0 auto;

}

.service-item {

position: relative;

    display: inline-block;

    vertical-align: top;

    width: 25%;

/*     height: 300px; */

    padding: 17px 15px;

    /* border: 1px solid #000;*/

}

.service-item img {

    margin: 0 auto;

    display: block;

    max-width: 250px;

}

.service-item  p {

    margin-top: 30px;

    font-family: Montserrat;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    text-align: center;

    color: #000000;

}

.service-item button {

    display: none;

}

.service-item:hover:before {

    position: absolute;

    content: "";

    top: -18px;

    right: -4px;

    left: -4px;

    bottom: -30px;

    /* width: 100%; */

    background: #000;

    z-index: -7;

}

.service-item:hover p {

    color: #fff !important;

}

.service-item:hover img {

    width: 230px;

}

.service-item:hover button {

    background: #DEA81C;

    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));

    display: block;

}

.service-title {

    position: relative;

    max-width: 1166px;

    margin: 0 auto;

    padding: 116px 0 0 0;

    z-index: 99;

}

.service-title h1 {

    color: #DEA81C;

    font-weight: 800;   

    font-size: 48px;

    max-width: 478px;

    padding-bottom: 25px;

}

.service-title p {

    margin-left: 15px;

    color: #fff;

}



#slide.service-slide {

    height: 368px;

}

#slide.service-slide .slide-item {

    height: 368px;

    background-position: right;

    background-size: initial;

}

#slide.service-slide .service-title {

    padding-top: 58px;

}

#slide.service-slide .slide-hider {

    opacity: 1;

}

@media (max-width:991px) { /* planschet*/

    

    #slide {

        height: auto;

        padding-bottom: 0;

    }

    .service-wrap {

        position: inherit;

        height: auto;

        top: 0;

    }

    .service-item {

        width: 50%;

        margin: 15px 0;

        padding: 15px;

    }

    .slide-hider {

        left: -223px;

        width: 68%;

        opacity: 0.5;

        height: 378px;

    }

    .slide-items {

        min-height: 378px;

    }

    .slide-item {

        height: 378px;

    }

    

    .slide-nav {

        bottom: auto;

        padding-left: 15px;

        top: 319px;

    }

    .slide-content {

        margin-left: 15px;

    }

}

@media (max-width:768px) { /* planschet*/

    #slide {

        height: auto;

    }

    #slide .slide-items {

        min-height: 316px;

    }

    #slide .slide-item, #slide .slide-hider {

        height: 316px;

    }

    #slide.service-slide .slide-item {

        height: 316px;

    }

    #slide .slide-nav {

        top: 254px;

    }

    #slide .slide-hider {

        opacity: 0.5 !important;

    }

    .service-item {

        width: 100%;

        margin:  0;

        padding: 4px 15px;

    }

    .slide-hider {

        top: 0;

        left: 0;

        bottom: 0;

        width: 100%;

        -ms-transform: non;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

    #slide .company-title {

        font-weight: 600;

        font-size: 24px;

    }

    #slide .company-name  {

        font-weight: 600;

        font-size: 32px;

    }

    .slide-content {

        padding-top: 49px;

    }

    .service-title h1 {

        font-size: 30px;

        margin-left: 10px;

    }

    .slide-content>.company-title {

        margin-top: 13px;

    }

}

/*****************   Section 1 end  ****************/

/*****************   Section 2  ********************/



#tehnics {

    padding-top: 237px;

    background: #F2F2F2;

}

#tehnics h3 {

    text-align: left;

    margin: 8px 0 0 32px;

    color: #000000;

}

.teh-item {

    margin-top: 30px;    

    background: #fff;

    max-height: 460px;

}

.teh-item img {

    max-width: 100%;

}

.teh-data {

    margin: 14px 32px 0 32px;

}

.teh-data span {

    font-family: Montserrat;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;  

    float: right;

}

.teh-title {

    text-transform: inherit;

}

@media (max-width:991px) { /* planschet*/

    #tehnics {

        padding-top: 30px;
		padding-bottom:0;

    }

    #tehnics h3 {

        margin-left: 20px;

    }

    .teh-data {

        margin-left: 20px;

    }

    .teh-item {

        max-width: 370px;

    }

}

@media (max-width:990px) {
	
    .mobile-see-contact {

        top: 0;
		display: none!important;

    }

}

@media (max-width:767px) {

    /*#tehnics .container {

        padding-left: 0px;

        padding-right: 0px;

    }*/

    #tehnics h3 {

        margin-left: 0;

    }

    .mobile-see-contact {

        top: 0;
		display: none!important;

    }

    .teh-item {

        margin: 10px auto;

        padding: 15px;

    }

    .teh-data, .teh-data span {

        font-size: 14px;

    }

    .teh-data {

        margin-left: 0;

        margin-right: 0px;

    }

}

/*****************   Section 2 end  ****************/

/*****************   Section 3  ********************/



#my-works {

    margin-top: 80px;

    background: #000000;

    opacity: 0.85;

}



#my-works h2 {

    color: #DEA81C;

}

/*

.owl-works .owl-item img {

    max-width: 370px;

    margin: 0 auto;

}*/

@media (max-width:767px) {

    #my-works {

        padding-top: 30px;
 margin-top: 30px;

    }

}





/*****************   Section 3 end  ****************/

/*****************   Section 4  ********************/



#my-reviews .rew-item br {

    display: none;

}

#my-reviews .container-fluid {

    max-width: 1232px;

    padding: 0;

}

#my-reviews img {

    display: inline;

    width: auto;

}

#my-reviews .rew-name {

    font-family: Montserrat;

    font-weight: 600;

    font-size: 24px;

}

/*

#my-reviews .owl-stage-outer {

    padding: 14px 20px;

}*/

/*

.owl-stage  {

    padding: 0 30px;

}*/

/*

.owl-reviews .owl-stage  {

    margin-left: -20px;

}*/



.rew-item {

    margin: 30px 0 30px 0px !important;

    padding: 40px !important;

    max-width: 570px;
/* 
    height: 284px; */

    background: #FFFFFF;

  /*  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);*/

    overflow: hidden;

}

/*.rew-item img {

    max-width: 48px;

    border-radius: 50%;

    margin-top: 6px;

}*/

.rew-item p {

    margin-top: 15px;

    box-shadow: inset 0px -20px 4px 1px #fff;

    max-height: 149px;

    overflow: hidden;

}

.rew-name-wr {

    display: inline-block;

    vertical-align: top;

}

.rew-name {

    display: block;

    margin-left: 15px;

}

.rew-date {

    display: block;

    margin-left: 15px;

    font-size: 14px;

    color: #828181;

}

@media (max-width:767px) {

    .rew-item {

        padding: 27px !important;

        overflow-y: scroll !important;

    }

    .rew-item p {

        max-height: initial !important;

    }

    #my-reviews .rew-name {

        font-size: 22px;

    }

}

@media (max-width:991px) {

    .rew-item  {

        margin-left: 0 !important;

    }

}

@media (max-width:1355px) {

    #my-reviews .owl-next {

        right: 40px;

        top: 35%;

    }

    #my-reviews .owl-prev {

        margin-left: 0px;

        left: 0;

        top: 35%;

    }

    .owl-reviews .owl-stage  {

        margin-left: 0;

    }

}













/*****************   Section 4 end  ****************/

/*****************   Section my-benefits  ********************/

#my-benefits  {

    margin-top: 30px;

    padding-bottom: 30px;

    background: #000000;

}

#my-benefits h2 {

    padding-bottom: 30px;

    color: #DEA81C;

}

#my-benefits h3 {

    text-align: left;

    text-transform: inherit;

    margin: 57px 0 0 28px;

    color: #F2F2F2;

}

#my-benefits p {

    margin: 12px 28px;

    color: #F2F2F2;

}

#my-benefits p a.read-more {

    display: block;

    margin-top: 20px;

    color: #F2F2F2;

    text-decoration: underline;

}

.benefits-item {

    position: relative;

    width: 100%;

    min-height: 308px;

    margin-top: 15px;

    margin-bottom: 55px;

    border: 2px solid #2c2d2e;

    height: 308px;

}

.max-wieght .benefits-item {

    height: 348px;

}

.benefits-item img {

    position: absolute;

    left: 14px;

    top: -26px;

}



@media (max-width:991px) {

    .benefits-item {

        height: 282px;

    }

}



/*****************   Section my-benefits end  ****************/

/*****************   footer  ***********************/



footer {

    background: #DEA81C;

    padding-top: 30px;

    margin-top: -6px;

}

footer p, .f-text {

    font-size: 14px;

    line-height: 140%;

    color: #000;

}

.f-text {

    margin-bottom: 16px;

}

footer a {

    color: #000000;

    text-decoration-line: underline;

}

.footer-item-1 {

    max-width: 290px;

}

footer .order-3 .footer-item-1, .footer-item-2 {

    margin-top: 49px;

}

footer .p-text, footer .phone {

    margin-right: 0;

}

footer .p-text:hover {

    color: #000000;

}

.footer-title {

    margin-bottom: 25px;

    font-weight: 500;

}

.footer-item-2 .f-text {

    font-size: 16px;

    line-height: 19px;

    text-align: right;

}

.footer-item-2 .opacity-06{

    opacity: 0.6;

    margin-right: 8px;

}

.footer-item-3 {

    max-width: 670px;

}

.f-youtube {

    margin-right: 20px;

}

#copyright {

    margin: 23px 0;

    font-weight: 300;

}

@media (max-width:767px) {

    footer {

        padding-top: 10px;

    }

    .footer-title, .f-text {

        margin-left: 15px;

    }

    .f-m-db {

        display: block;

        margin-top: 8px;

    }

    .footer-item-1 {

        margin-top: 20px !important;

        margin-bottom: 20px;

    }

    .footer-item-2 {

        margin-top: 20px !important;

    }

    .f-m-db {

        margin-top: 12px;

        margin-bottom: 12px;

    }

}



@media (max-width:991px) {

    footer {

        padding-top: 31px;

    }

    .footer-item-2 .f-text {

        text-align: center;

    }

    .footer-item-3 {

        margin-top: 10px;

    }

    

}



/*****************  END footer  ***********************/



/*****************   Section 6  ********************/

.owl-stage-outer {

    /*max-width: 1080px;*/

    margin: 0 auto;

}

.owl-prev {

    width: 15px;

    height: 100px;

    position: absolute;

    top: 28%;

    left: -47px;

    display: block !important;

    border:0px solid black;

}

.owl-next {

    width: 15px;

    height: 100px;

    position: absolute;

    top: 28%;

    right: -15px;

    display: block !important;

    border:0px solid black;

}

#my-works .owl-next {

    right: -25px;

}

.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}

.owl-carousel .owl-stage {

  display: flex;

  align-items: center;

}

.owl-item> div {

    margin: 10px;

}



#my-works .owl-item {

    margin: 0 auto !important;

}





@media (max-width:767px) {

    .owl-prev {

        left: -8px;

        margin-left: 0px;

    }

    .owl-next {

        right: 26px !important;

    }

    .rew-item {

        margin: 0 auto !important;

        max-width: 80%;

    }

    #my-reviews .owl-next {

        right: 34px !important;

        top: 35%;

    }

}

/*

@media (max-width:596px) {

    .owl-prev {

        margin-left: -18px;

    }

    .owl-next {

        right: 3px;

    }

}*/

/*****************   owl end  ****************/



/*****************   about  ****************/

#about, #contacts {

    background: #F2F2F2;

}

#about img {

    max-width: 100%;

}

#contacts h1 {

    padding-bottom: 15px;

}

#contacts a {

    color: #000;

    text-decoration: none;

}

.phone-c {

    display:inline-block;

}

#contacts a:hover {

    color: #DEA81C;

}

#contacts .tel-img {

    margin-bottom: 12px;

    margin-right: 16px;

    display: inline-block;

    vertical-align: top;

}

#contacts .tel-img img {

    max-width: 100%;

        border-radius: 50%;

}

#contacts .tel-tel {

    margin-top: 8px;

    margin-bottom: 12px;

    display: inline-block;

    vertical-align: top;

}

.tel-tel p {

    margin-bottom: 0px;

}



.grafik {

    margin-top: 117px;

}



@media (max-width:767px) {

    #contacts img {

        margin-right: 10px;

    }

    .grafik {

        margin-top: 20px;

    }
.mt-5, .my-5 {
    margin-top: 1rem !important;
}

}

/*****************   about end  ****************/

/****************  service page  ********************/



.custom-block-1 {

    padding-top: 40px;

}

.custom-block-1 h2 {

    margin: 40px auto 20px auto;

}



.custom-block-1 img {

    max-width: 100%;

}

.custom-block-1 .container {

    margin-top: 60px;

}

@media (max-width:767px) {

    .custom-block-1 h2 {

        font-size: 22px;

        margin: 10px 15px;

    }

}

.n1,.n2,.n3,.n4,.n5,.n6 {

    padding: 0 23px 0 47px;

    margin-bottom: 30px;

}

.n1 h3,.n2 h3,.n3 h3,.n4 h3,.n5 h3,.n6 h3 {

    text-align: left;

    font-family: Montserrat;

    font-weight: 600;

    font-size: 18px;

    text-transform: initial;

}

.n1 {

    background: url(/wp-content/themes/betonikum/assets/images/icons/1_.svg) left top no-repeat;

}

.n2 {

    background: url(/wp-content/themes/betonikum/assets/images/icons/2_.svg) left top no-repeat;

}

.n3 {

    background: url(/wp-content/themes/betonikum/assets/images/icons/3_.svg) left top no-repeat;

}

.n4 {

    background: url(/wp-content/themes/betonikum/assets/images/icons/4_.svg) left top no-repeat;

}

.n5 {

    background: url(/wp-content/themes/betonikum/assets/images/icons/5_.svg) left top no-repeat;

}

.n6 {

    background: url(/wp-content/themes/betonikum/assets/images/icons/6_.svg) left top no-repeat;

}

.ov-auto {

    overflow: auto;

}



/**************************/



#details {

    margin-top: 30px;

    background: #000;

    padding-top: 40px;

    padding-bottom: 25px;

}



#details h2 {

    font-weight: 600;

    font-size: 24px;

    line-height: 29px;

    text-align: left;

    color: #DEA81C;

    display: inline-block;

    width: 700px;

    max-width: 100%;

}

#details a {

    display: block;

    background: #DEA81C;

    color: #000000;

    text-align: center;

    width: 270px;

    min-height: 60px;

    text-decoration: none;

    padding: 18px 0;

}



#contacts i {

    margin-top: 0 !important;

}



/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 9999999!important; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 20px;

  border-radius: 0;

  width: 80%;

  max-width: 600px;

}

/* The Close Button */

.closed {

  float: right;

  font-size: 28px;

  font-weight: bold;

  text-align: right;

}

.closed:hover,

.closed:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



input[type=text], input[type=email], select, textarea {

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

  margin-top: 6px;

  margin-bottom: 16px;

  resize: vertical;

}

.wpcf7-submit {

    background: rgba(222, 168, 28, 1);

}

.forcomment {

    vertical-align: top;

    margin-top: 20px;

}

#myModal .modal-content {

    max-width: 320px;

}

#myModal .form-group {

    text-align: right;

}

#myModal label {

    display: inline-block;

    width: 25%;

    padding-right: 4%;

    font-size: 18px;

}

#myModal input, #myModal textarea, #myModal select {

    width: 100%;

    resize: none;

    padding: 10px;

}

#myModal .msg {

    margin-left: 30%;

    margin-top: -13px;

    text-align: left;

    font-size: 13px;

}

#myModal h3 {

    margin: 17px auto 23px auto;

}

#myModal button {

    background: #DEA81C;

}



@media (max-width:767px) {

    #myModal .form-group {

        text-align: left;

    }

    #myModal label {

        display: block;

        width: 100%;

        padding-right: 0;

        margin-left: 13px;

        font-size: 16px;

    }

    #myModal input, #myModal textarea {

        display: block;

        width: 100%;

    }

    #myModal .msg {

        margin-left: 13px;

    }

}

@media (max-width:768px){
.custom-block-1 {
    padding-top: 20px;
}
.custom-block-1 .container {
    margin-top: 20px;
}
section {
    padding: 30px 0;
}
	h2{
		margin-bottom:10px;
	}
    #my-works {
        padding-bottom:0;
    }
    .benefits-item {
        min-height: auto;
        height: auto;
		margin-bottom: 35px;
    }
#my-reviews .container-fluid {
    max-height: 288px;
}
	#slide.service-slide {
    max-height: 316px;
}
}
@media screen and (max-width: 440px) {
    .contacts__inner {
        padding: 16px !important;
    }
.contacts__inner .contacts h1 {
       padding-bottom:0 !important;
    }
}
@media screen and (min-width: 992px) {
  .header_fixed > .nav-wrap {
    display: block;
  }
  .header_normal > .nav-wrap {
    display: none !important;
  }

  .header_fixed {
    padding: 8px 0 0;
  }

  .top-nav {
    display: flex;
    justify-content: space-between;
  }
  .top-nav > li.menu-item-has-children:after {
    right: 0;
  }
  .nav-wrap .top-nav li a {
    margin-right: 20px;
  }
}

@media screen and (max-width: 991px) {
  .header_fixed > .nav-wrap {
    display: none !important;
  }
}
#my-works .owl-item > div > a {
  position: relative;
}
#my-works .owl-item > div > a::after {
  width: 40px;
  height: 40px;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(https://betonikym.by/wp-content/uploads/2024/09/finger.svg);
  background-repeat: no-repeat;
  background-size: cover;
}


.cacl__title--size{
font-size:40px;
	font-weight:800;
}
@media (max-width: 1000px){
	.cacl__title--size{
font-size:26px;
}
}
@media (max-width: 700px){
	.cacl__title--size{
font-size:16px;
}
}

html{
margin-top: 0 !important;
}
.top-nav li:last-child .sub-menu {
	right:0;
}