/*   
Theme Name: burum
Author: Dmitrij Nikolaenko
Authot Email: dmitrij.nikolaenko.91@gmail.com
*/

html, body{width: 100%;min-height: 100%;}
html{scroll-behavior: smooth;}
@font-face {
    font-family: 'Geometria-regular';
    src: url('/wp-content/themes/burum/fonts/Geometria.ttf') format('truetype');
        /* url('path/to/font-file.woff') format('woff');*/
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Geometria-Medium';
    src: url('/wp-content/themes/burum/fonts/Geometria-Medium.ttf') format('truetype');
        /* url('path/to/font-file.woff') format('woff');*/
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Geometria-Bold';
    src: url('/wp-content/themes/burum/fonts/Geometria-Bold.ttf') format('truetype');
        /* url('path/to/font-file.woff') format('woff');*/
    font-weight: 700;
    font-style: normal;
}

body{
font-family: 'Geometria-regular', sans-serif;}
/***position foter***/
* {margin: 0;padding: 0;}
html, body {height: 100%;}
#content-sites {display: flex;flex-direction: column;height: 100%;}
#content {flex: 1 0 auto;}
#footer {flex: 0 0 auto;}
/*** end position foter***/
a, input, img, textarea{outline: none;}
a{transition: 0.3s;color: #03A9F4;}
a:hover{transition: 0.3s;}
h1{font-size: 64px;padding-bottom: 32px;text-transform:uppercase;font-family: 'Geometria-Bold', sans-serif;}
h2{font-size: 62px;padding-bottom: 30px;text-transform:uppercase;font-family: 'Geometria-Bold', sans-serif;}
h3{font-size: 48px;padding-bottom: 28px;text-transform:uppercase;font-family: 'Geometria-Bold', sans-serif;}
h4{font-size: 32px;padding-bottom: 22px;font-family: 'Geometria-Bold', sans-serif;}
h5{font-size: 28px;padding-bottom: 14px;font-family: 'Geometria-Bold', sans-serif;}
h6{font-size: 22px;padding-bottom: 12px;font-family: 'Geometria-Bold', sans-serif;}
p{ font-size: 16px;padding-bottom: 12px;font-weight: 400;line-height:140%;}
li{font-size: 16px;padding-bottom: 6px;font-weight: 400;line-height:140%;}
ul, ol{padding-bottom: 12px;}
#go-top {position: fixed;width: 50px;height: 50px;line-height: 50px;bottom: 40px;right: 40px;z-index: 99;text-align: center;color: #fff !important;background: rgba(0, 0, 0, 0.28) url('/wp-content/themes/burum/img/to-top.png');background-position: center center;background-repeat: no-repeat;cursor: pointer;transition: 0.4s}
#go-top:hover {background: rgba(0, 0, 0, 0.54) url('/wp-content/themes/burum/img/to-top.png');background-position: center center;background-repeat: no-repeat;transition: 0.4s}
/***defaul for breadcrumbs**/
.breadcrumbs-page{border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    margin-bottom: 25px;
    padding-top: 25px;
	}
.breadcrumbs-page a{text-decoration: none !important;color: #391c0c99 !important;text-shadow: none;}
.breadcrumbs-page a:hover{text-decoration: underline !important;}
/**defaul for galery wordpress**/
.gallery {float: none;display: inline-block;width: 100%;}
.gallery img{width: 100%;height: auto;border: none !important;margin-bottom: 0px;transition: 0.3s;}
/*.gallery img:hover{-webkit-filter: sepia(100%);transition: 0.3s;}*/
.gallery-item{margin-top: 0px;}
/**defaul for img***/
img.alignleft{max-width: 50%;height: auto;margin-right: 25px;margin-bottom: 25px;margin-top: 25px;float: left;}
img.aligncenter{max-width: 100%;height: auto;margin-bottom: 25px;margin-top: 25px;float: none;}
img.alignright{max-width: 50%;height: auto;margin-left: 25px;margin-bottom: 25px;margin-top: 25px;float: right;}
.active-img {position: fixed !important;z-index: 999 !important;overflow: unset !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;max-width: 80% !important;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.38) !important;}
.close-img{position: fixed;z-index: 999;width: 30px;height: 30px;top: 8px;right: 8px;background: url('/wp-content/themes/burum/img/close-img.png');background-size: contain;cursor: pointer;display: none;}
/**end default**/
/****footer***/
footer {    
	background: #0A0A0A;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    z-index: 2;
    bottom: 0px;
}
.footer-top{
background: url(/wp-content/uploads/2024/01/fon-footer-circle.png);
    background-position: center;
    background-size: inherit;	
}
.footer-box{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 90px;padding-bottom: 35px;}
.logo_and_menu_footer{
	display: flex;
	    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; padding-bottom: 35px; width:100%;
}	
.logo_footer{
	width: 30%;
}
.logo_footer img{max-width:100%;height:auto;}
.box-content-footer{ width: 30%; box-sizing: border-box;}
.box-content-footer ul{list-style-type: none; margin: 0px;}
.box-content-footer p{font-size: 16px;	}
.box-content-footer a{text-decoration: none;font-size: 16px;color: #fff;	display:block;padding-bottom:4px;}
.box-footer-contact{display: flex;flex-direction: column;align-items: flex-end;	}
.box-footer-contact a{font-size: 22px;font-weight:600;padding-bottom:8px;}
.box-footer-menu{
	width:calc(70% - 25px);
}
.box-footer-menu ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0px; 	
}
.box-footer-menu li{padding-bottom:0px;padding: 8px 0px 8px 30px;}
.box-footer-menu a{
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    font-size: 16px;  font-family: 'Geometria-Bold', sans-serif;
} 
.date-site{    text-align: center;
    padding: 15px 0px 15px 15px;
    font-size: 16px;
    font-weight: 500; font-family: 'Geometria-Medium';}
/*** end footer style***/
/***header style***/
.header{
position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    background:#0A0A0A;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.49);
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
.box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    padding-top: 16px;	transition:0s;
}
.box-header-scroll{    padding-bottom: 9px;
    padding-top: 9px; transition:0.3s;}
.menu-top-site > ul{
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu-top-site ul{
    list-style-type: none;
    margin: 0px;		
	padding:0px;
}
.menu-top-site li{padding:0px;}
.menu-top-site a{
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    padding: 10px 0px 10px 25px;
 font-family: 'Geometria-Bold', sans-serif;
}
.contacts-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;	
}
.phone-header{
    text-decoration: none;
    font-size: 22px;
    padding: 12px;
    font-weight: 600;
    color: #888;	
}
.phone-header:hover{
	color: #666;
}
.logo-header{
	max-width:230px;
}
.logo-header img{
	max-width:100%;
}
.logo-header a{
    text-decoration: none;
    color: #9ba8dd;
    font-size: 22px;
    font-weight: 900;
    display: flex;
    align-items: center;	
}
.logo-header span{
display: block;
    padding-left: 8px;
}	
/*** end header style***/
/*** ul & ol down style ****/
ul.children-ul{
position: absolute !important;
    top: 27px;
    white-space: nowrap;
    background:#0065a3;
    box-shadow: 0px 1px 2px rgba(2, 2, 2, 0.25);
    padding: 12px 10px !important;
    left: -10px;
}
ul.children-ul a{
    padding: 6px 6px;
    display: block;	
}
ul.menu a{
	position:relative;
	z-index:1;
}
.arrow-bottom , .arrow-top {
    position: relative;
}
.arrow-bottom:before {
    content: '\203A';
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.3s;
    color: #d6d6d6;
    font-size: 18px;
    transform: rotate(90deg);
	transition:0.3s;
	transform-origin:center;
}
.arrow-top:before {
    content: '\203A';
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.3s;
    color: #d6d6d6;
    font-size: 18px;
    transform: rotate(-90deg);
	transition:0.3s;
	transform-origin:center;
}
/*** end ul & ol down style ****/
/*******/
/****mobile***/
.mobile-menu{display:none;}
.mobile-buttons{
	display: none;
	position:relative;
	width: 50px;
    height: 50px;
}
/****end mobile style***/
/***other styles****/
.button-pages{
    font-size: 15px;
    background: #0093ec;
    padding: 14px 16px;
    color: #fff;
    cursor: pointer;
}
.button-pages:hover{
	background: #a8dd9b;
	transition:0.3s;
}
.box-before-header{width:100%;}
.button-top-modal{display:none;}
/***end other styles****/
span.wpcf7-not-valid-tip, .ajax-loader, .wpcf7 br{ display: none!important;}
input.wpcf7-not-valid {
    border: 1px solid red !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #ff0000 !important;
    color: #ff0000;
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    background: #fff;
}
.ul_socials {
    list-style-type: none;
    margin: 0px !important;
    padding-top: 8px;
    padding-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;    padding-top: 24px;
}
.ul_socials li {
    margin-right: 20px;
    padding-bottom: 0px;
    margin-bottom: 8px;
    display: block;
    line-height: 0px;
}
.ul_socials a {
    padding-bottom: 0px !important;
    display: block !important;
}
.ul_socials a path{transition: 0.3s;}
.ul_socials a:hover path {
    fill: #038136 !important;
    transition: 0.3s;
}
.bottom_footer_menu ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    border-right: 1px solid #fff;
    padding-right: 10px;	
}
.bottom_footer_menu li{
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;	
}
.bottom_footer_menu a{
    color: #fff;
    text-decoration: none;
    font-weight: 500;	 font-family: 'Geometria-Medium';
}
a:hover{color:#038136;}
.container-bottom-footer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.menu-top-site ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;	
}
.box-article{padding-bottom:50px;padding-top:50px;}
.date_last_edits{
    border-bottom: 2px solid #038136;
    font-size: 16px;
    padding: 8px;
    display: inline-block;
}
.box_animation_circles{
position: relative;
    background: #0A0A0A;
    overflow: hidden;
    min-height: 690px;
    color: #fff;
    display: flex;
}
.box_animation_circles h1{text-align:center;}
.box_animation_circles .container-box{    
	z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 690px;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 40px;
}
.text_after_title{ max-width: 840px; padding-top: 16px;}
.box_animation_circles_content{position:relative;}
.box_animation_circles_content:before{
    content: '';
    position: absolute;
        bottom: 25%;
    left: -50%;
	transform: rotate(-180deg);
    background: url(/wp-content/uploads/2024/01/Frame-6.svg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 850px;
    height: 690px;
    z-index: -1;
	animation: rotateAnimation-to-left 3s ease-out, to-topAnimation 3s ease-out;
	transform: rotate(-180deg);
}
.box_animation_circles_content:after{
    content: '';
    position: absolute;
    bottom: 0%;
    right: -24%;
    background: url(/wp-content/uploads/2024/01/Frame-6.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 460px;
    height: 372px;
	transform: rotate(-180deg);
    z-index: -1;
	animation: rotateAnimation-to-left 3s ease-out, to-bottomAnimation 3s ease-out;
}
@keyframes rotateAnimation-to-left {
    from { transform: rotate(0deg); }
    to { transform: rotate(-180deg); }
}
@keyframes to-bottomAnimation {
    from { bottom: 30%; }
    to { bottom: 0%; }
}
@keyframes to-topAnimation {
    from {   bottom: 0%; left: -54%;}
    to {   bottom: 25%;
    left: -50%; }
}
.box-flex-between-start{
	display:flex;
	flex-direction:row;flex-wrap:wrap;justify-content:space-between;
	align-items:start;
}
.box-flex-between-center{
	display:flex;
	flex-direction:row;flex-wrap:wrap;justify-content:space-between;
	align-items:center;
}
.box-flex-around-stretch{
	display:flex;
	flex-direction:row;flex-wrap:wrap;justify-content: space-around;
	align-items:stretch;	
}
.box-flex-center-center{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.left-box, .right-box{width:calc(50% - 15px);}
.text_page_contact a{color:#000;}
.text_page_contact p{font-size:24px;}
.ul_socials_page_contact path{fill:#0A0A0A;}
.text_page_contact a:hover{color: #038136;}
.box-bottom-pages{
	padding-bottom: 130px; padding-top:75px;overflow:hidden;margin-top: 25px;
}
.container_for_form{    background: #038136;
    color: #fff;
    padding: 60px 25px;
    max-width: 1000px;width:calc(100% - 30px);}
.container-bottom-pages{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.container-bottom-form{
    position: relative;
    padding-top: 50px;
}
.container-bottom-pages:before{
	content:'';
	position:absolute;z-index:-1;
	background:url(/wp-content/uploads/2024/01/Vector-2.svg);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:contain;
	bottom:-130px;top:-130px;
    aspect-ratio: 10/10;
    right: -30%;	  opacity:0; transition:1.4s;
}
.container-bottom-pages:after{
    content: '';
    position: absolute;
    z-index: -1;
    background: url(/wp-content/uploads/2024/01/Vector-1.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -130px;
    top: -130px;
    aspect-ratio: 10/10;
    left: -30%; opacity:0; transition:1.4s;
}

.container-bottom-form:before{
	content:'';
	position:absolute;z-index:-1;
	background:url(/wp-content/uploads/2024/01/fon-form-opacity2.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:contain;
	bottom:-130px;top:-130px;
    aspect-ratio: 10/10;
    right: -42%;	  opacity:0; transition:1.4s;
}
.container-bottom-form:after{
    content: '';
    position: absolute;
    z-index: -1;
    background: url(/wp-content/uploads/2024/01/fon-form-opacity.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -130px;
    top: -130px;
    aspect-ratio: 10/10;
    left: -42%; opacity:0; transition:1.4s;
}

.box-bottom-pages-active:before, .box-bottom-pages-active:after{opacity:1; transition:2.2s;}


.content_for_form{max-width:790px;margin: auto;}
.content_for_form p{font-size: 24px; padding-bottom: 32px;}
.circle-arrow-btn{
    position: relative;
    width: 2px;
    height: 2px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 12px;
    margin-left: 12px;
}
.btn_black_pages{
    position: relative;
    color: #fff;
	background: linear-gradient(180deg, #0A0A0A, #0A0A0A);
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Geometria-Medium';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; cursor:pointer;transition:0.3s; text-decoration: none;
}
.btn_black_pages:hover{
	background: linear-gradient(180deg, #0A0A0A, #07441F, #038136); transition:0.3s; box-shadow:0px 0px 8px 1px rgb(10 10 10 / 50%); color: #fff;
}
.circle-arrow-btn:before{
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/Arrow-3-1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 8px;
    top: 10px;
    left: 12px; transition:0.3s;
}
.circle-arrow-btn:after{
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 11px;
    left: 11px;
    background: #fff; transform:0.3s;
} 
.btn_black_pages:hover > .circle-arrow-btn:before{
	    left: 32px; transition:0.3s;
}
.btn_black_pages:hover > .circle-arrow-btn:after{
	background:transparent;transform:0.3s;
}
/**btn_white_pages**/
.btn_white_pages{
    position: relative;
    color: #000;
    font-size: 18px;
    font-family: 'Geometria-Medium';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; cursor:pointer;transition:0.3s;	text-decoration:none;
}
.circle-arrow-btn-white{
    position: relative;
    width: 2px;
    height: 2px;
    background: transparent;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 12px;
    margin-left: 12px;	
}
.circle-arrow-btn-white:before{
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/Arrow-3.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 7px;
    top: 10px;
    left: 12px; transition:0.3s;
}
.circle-arrow-btn-white:after{
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: 1px solid #000;
    top: 11px;
    left: 11px;
    background: #000; transform:0.3s;
} 
.btn_white_pages:hover{color:#000;}
.btn_white_pages:hover > .circle-arrow-btn-white:before{
	    left: 32px; transition:0.3s;
}
.btn_white_pages:hover > .circle-arrow-btn-white:after{
	background:transparent;transform:0.3s;
}

/*******/
/****circle-arrow-btn-black-no-radius****/
.circle-arrow-btn-black-no-radius{
    position: relative;
    width: 2px;
    height: 2px;
    background: transparent;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 12px;
    margin-left: 12px;	
}
.circle-arrow-btn-black-no-radius:before{
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/Arrow-3.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 8px;
    top: 9px;
    left: 12px; transition:0.3s;
}
.circle-arrow-btn-black-no-radius:after{
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: 1px solid #000;
    top: 11px;
    left: 11px;
    background: #000; transform:0.3s;
} 
.circle-arrow-btn-black-no-radius:hover::before{left: 32px; transition:0.3s;}
.circle-arrow-btn-black-no-radius:hover::after{background:transparent;transform:0.3s;}
.btn-circle-rotate{transform:rotate(180deg);margin-left:0px; margin-right:12px;}
/****end circle-arrow-btn-black-no-radius****/
.post_about_us{ padding-bottom: 96px;}
.img_post_about_us{width: 20%;transition:3s;}
.img_post_about_us_active{width: 33%; transition:3s;}
.text_post_about_us{width: 67%; box-sizing: border-box; padding-left: 60px;}
.post_about_us:nth-child(2n) .img_post_about_us{order:2;}
.post_about_us:nth-child(2n) .text_post_about_us{order:1;padding-left: 0px; padding-right:60px;}
.article-post-single h1 > span.ez-toc-section, .article-post-single h2 > span.ez-toc-section, .article-post-single h3 > span.ez-toc-section, .article-post-single h4 > span.ez-toc-section, .article-post-single h5 > span.ez-toc-section{padding-top:60px; display: block;}
.left-article-single{
	width:calc(80% - 25px);
	box-sizing:border-box;
	padding-right:25px;
	border-right:1px solid #038136;
}
.right-article-single{width: 20%;}
.article-post-single #ez-toc-container{display:none;}
.ez-toc-widget-container ul.ez-toc-list li {  height: auto!important; padding: 0px; margin-bottom:3px;}
div.ez-toc-widget-container ul { display: block; margin: 0px; padding: 0px !important;}
.ez-toc-widget-container ul li a{ color: #038136; text-decoration: none; display: block !important; padding: 8px 6px 8px 6px;}
.ez-toc-widget-container ul li a:hover{background-color: #ededed;}
.article-post-single{padding-top:25px;}
.text-center{text-align:center;}
.post-blog{padding-bottom: 40px; align-items: stretch;    max-width: 1200px;}
.img-post-blog{width: 40%;}
.text-post-blog{ width: calc(60% - 25px);}
.text-post-blog a{text-decoration:none; color:#000;     display: inline-block;}
.text-post-blog a:hover{color:#038136;}
.date_post-blog{padding-bottom:16px;}
.box-pagination ul.page-numbers {display: flex;list-style-type: none;margin: 0px;align-items: center;justify-content: center; flex-wrap: wrap;}
.box-pagination ul.page-numbers li{    font-size: 18px;
    font-weight: 600;
    color: #000;}
.box-pagination ul.page-numbers a{     
text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 1px 5px; transition:0.3s;
    color: #000;}
.box-pagination ul.page-numbers a:hover{
	color: #038136; transition:0.3s;
}
.box-pagination .current {
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 1px 4px;
    color: #038136;
}
/******/
.list_title_category-blog{
	display: flex;
	flex-wrap:wrap;
	align-items:center;
    list-style-type: none;
    margin: 0px;
    padding-bottom: 70px;
    padding-top: 12px;
}
.list_title_category-blog li{font-size: 24px; margin-right:20px;font-family: 'Geometria-Bold';    margin-bottom: 10px;}
.list_title_category-blog a{color: #0A0A0A99; text-decoration:none;text-transform:uppercase;}
.current-cat a, .list_title_category-blog a:hover{
	color: #038136;
	border-bottom:2px solid #038136;
	padding-bottom:4px;
}
.box-top-category{
	background:url('/wp-content/uploads/2024/01/fon-footer-img.png');
	background-position:center;
	background-repeat:repeat;
}
.box-top-single-project{
animation: topSingleProject 10s linear infinite;
    background-attachment: fixed;
    box-sizing: border-box;
}
.container-top-single-project{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    min-height: 600px;
    padding-bottom: 35px;
    padding-top: 35px;
    box-sizing: border-box;	
}
.title-single-project{
background: rgb(10 10 10 / 40%);
    color: #fff;
    padding-bottom: 0px;
    padding: 15px;	
}
@keyframes topSingleProject {
    0% { background-position: 0% 0;}
    50% {   background-position: 50% 0;}
    100% {   background-position: 0% 0;}
}
.column-info-project{width:calc(25% - 30px);}
.column-single-project{width:calc(33% - 15px); margin-bottom: 30px;}
.href_img_project{display: block; width: 100%; height: 100%;}
/*.href_img_project:hover, .post-slider-single-project a:hover{filter: sepia(1);}*/
.box-grid-tree-column{    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: auto;
    gap: 12px;}
.post-portfolio{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    aspect-ratio: 10/10;
    padding: 40px 40px 0px 40px;
    box-sizing: border-box;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    flex-wrap: nowrap;
}
.box-project-columns{    align-items: stretch;}
.post-portfolio:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    background: linear-gradient(0deg, rgb(0 0 0 / 40%), transparent);
}
.text-post-portfolio{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;     position: relative;
    z-index: 3;
}
.post-portfolio:hover{     
	transition: 0.3s;
    transform: scale(1.07);
    z-index: 3;
    padding-bottom: 40px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 60%);
    border: 1px solid #000;
}
.title-post-portfolio{color: #fff; padding-bottom: 30px;}
.more_write-portfolio{
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    color: #000;
    background: #FFFFFFCC;
    border: 1px solid #FFF;
    transition: 0.3s;
    padding: 10px 16px;
    border-radius: 2px;
    font-family: 'Geometria-Medium';     margin-bottom: -60px;
}
.post-portfolio:hover .more_write-portfolio{margin-bottom: 0px;}
.more_write-portfolio:hover{
background:#FFF; transition:0.3s;	
}
.color-white{color:#fff;}
.box-reviews{
	background:url(/wp-content/uploads/2024/01/Rectangle-20.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:60px;
	padding-top:100px;
}
.post-slider-reviews{
    color: #fff;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);
    padding: 70px 24px 24px 24px;
    margin-top: 50px; transition:0.8s;  opacity: 0;
}
.opacity-slid-rev{
	 opacity: 1;
	animation: opacitySlidRev 0.8s linear 1;
	transition:0.8s;
}
@keyframes opacitySlidRev {
    0% { opacity: 0;}
    100% {   opacity: 1;}
}
.img_for_rew{
position: absolute;
    top: -50px;
    left: calc(50% - 53px);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid rgb(255 255 255 / 66%);
    backdrop-filter: blur(3px);
    background: rgb(36 36 36);
}



.column-info-services{
	width: calc(30% - 15px);
    text-align: center;
    color: #038136;
    margin-bottom: 25px;
    padding-top: 25px;	
}

.box-grid-frt{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.box-grid-frt .column-info-services{
    width: auto;

}

.column-info-services img{    
margin: 0px !important;
    max-width: 150px;
    height: auto;}
.column-single-service{width:calc(50% - 15px);}
.box-project-columns:nth-child(2n) .column-single-service-img{order:2;}
.box-project-columns:nth-child(2n) .column-single-service-text{order:1;}
.box-article-single-service #ez-toc-container{display:none;}
.visia_misia_home-page{
	overflow: hidden;
	padding-top: 150px;
}
.container-flex-center-center{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;	
	flex-wrap:wrap;
	padding-bottom:65px; padding-top:65px;
	min-height:calc(100vh - 80px); box-sizing:border-box; color:#fff;
}
.left-monitor1{
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 15px;
    box-sizing: border-box;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);
    width: calc(33.3% - 50px);     margin-top: -200px; opacity:0;
}
.left-monitor1:before{
    content: '';
    position: absolute;
    background: #fff;
    height: 1px;
    width: 80px;
    bottom: 0px;
    right: -80px;
    transform: rotate(59deg);
    transform-origin: left;
}
.center-monitor1{
    position: relative;
    border: 2px solid #fff;
    padding: 15px;
    box-sizing: border-box;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);
    width: calc(33.3% - 42px);
    border-radius: 50%;
    aspect-ratio: 10/10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
    margin-right: 50px;
    box-shadow: 0px 4px 250px 0px #FFFFFF; transition:1s;
}
.center-monitor1 h1{
    font-size: 26px;
    padding-bottom: 40px;
    padding-top: 68px; transition:1s;
}
.center-monitor1-h1-anime{
	width:calc(33.33% - 0px); transition:1s;
	  box-shadow: 0px 4px 40px 0px #FFFFFF;
}
.center-monitor1-h1-anime h1{font-size:32px; transition:1s;}
.right-monitor1{
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 15px;
    box-sizing: border-box;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);
    width: calc(33.3% - 50px);	     margin-top: 50px;  opacity:0;
}
.right-monitor1:before{
    content: '';
    position: absolute;
    background: #fff;
    height: 1px;
    width: 80px;
    bottom: 0px;
    left: -80px;
    transform: rotate(332deg);
    transform-origin: right;	
}
.btn-home-monitor1{
text-decoration: none;
    color: #000;
    background: #fff;
    text-transform: lowercase;
    font-family: 'Geometria-Medium';
    padding: 16px 24px;
    box-sizing: border-box;
    display: block;  opacity: 0; transition:0.8s;
}
.btn_post_post_services-home-page{
text-decoration: none;
    color: #000;
    background: rgb(255 255 255 / 80%);
    text-transform: capitalize;
    font-family: 'Geometria-Medium';
    padding: 16px 24px;
    box-sizing: border-box;
    display: block;
    transition: 0.8s;
    font-size: 16px;
    text-align: center;
}
.btn-home-monitor1:hover, .btn_post_post_services-home-page:hover{    color: #fff;
    background: #000;}
.opacity-monitor1{opacity: 1; animation: opacitySlidRev 0.8s linear 1; transition:0.8s;}
.box-form-home{    
    overflow: hidden;
    padding-bottom: 130px;
    padding-top: 150px;
}

.box-form-homey{    
    overflow: hidden; 
    margin-bottom: 20px;
}
.container-flex-stretch-between{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.box-services-home-page{
	color:#fff; 
	background: url('/wp-content/uploads/2024/01/Rectangle-5.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover; position:relative;
}
.background-box-services-home-page{
	position:absolute;
	bottom:0px;left:0px;right:0px;
	z-index:0; transition:0.6s; top: 100%;
}
.background-box-services-home-page-active{
    z-index: 1;
    top: 0%; transition:0.6s;	
}
.container-services-home-page{ position: relative; z-index: 3;}

.padding-top-bot-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-top-20{
    padding-top: 20px;
}
.post_services-home-page{
	width: calc(25%);
    box-sizing: border-box;
    padding: 25px 18px 18px 18px;
    border-left: 1px solid #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
	min-height: 630px; 
}
.post_services-home-page:nth-child(1){ border-left: 0px solid #fff;}
.background_post_services-home-page{ padding: 20px 20px 2px 20px;
    box-sizing: border-box;
    background: transparent;
    transition: 0.3s;
    margin-bottom: 16px;
}
.post_services-home-page:hover .background_post_services-home-page{
	background: rgb(0 0 0 / 40%); transition:0.3s; backdrop-filter: blur(3px);
}

.title_post_services-home-page{
    font-size: 24px;
    line-height: 100%;
    font-family: 'Geometria-Bold';
    padding-bottom: 30px;
}
.box-about-us-banner{
    background: url(/wp-content/uploads/2024/02/Rectangle-7.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    aspect-ratio: 10/4;
}
.text-about-us-banner{
    backdrop-filter: blur(9px);
    background: rgb(255 255 255 / 57%);
    padding: 80px;
    display: block; box-shadow: 0px 4px 60px -20px #00000026;
}
.container-about-us-banner{margin-top: -15%;}
.container-counter{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:flex-start;
}
.counter {
    font-size: 70px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    height: 78px;
    overflow-y: hidden;
    position: relative;
    color: #038136;
    font-family: 'Geometria-regular';
    transition: 3s;
}
.post_counter{
	width:calc(25% - 25px);     min-width: 150px;
}
.number_counter{
	position: absolute;
	transform: translateY(0%); transition: 4s;
}
.number_counter_active{
	transform: translateY(calc(-100% + 86px));
    transition: 4s;
}
.count_number{
	display:block;
}
.box-monitor1{ animation: topSingleProject 10s linear infinite;}
.text_counter{padding-top: 20px;}
.text_counter h5{padding-bottom:12px;}
.box-blog-home-page{
	background:#0A0A0A;     padding-top: 100px;     overflow: hidden;
}
.box-counter{padding-top:150px;padding-bottom:200px;}
.container-blog-home-page h5{
	text-transform:uppercase;
	font-family: 'Geometria-Bold'; padding-bottom: 14px;
}
.post-blog-index{
display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
    border: 1px solid #fff;	
}
.post-blog-index:nth-child(2){
	width: 40%; 
	aspect-ratio:10/9;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
}
.post-blog-index:nth-child(1), .post-blog-index:nth-child(3){
	width: 30%;
}

.content-post-blog-home-page{
	color:#fff;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);	
	padding:16px;width: 100%;
    box-sizing: border-box;
}
.content-post-blog-home-page a{
	text-decoration:none; color:#fff;
}
.content-post-blog-home-page a:hover{
	color:#038136;
}
.excerpt-post-blog-home-page{
    overflow: hidden;
    height: 43px;	
}
.btn_black_pages_no_hover:hover{
	background:transparent !important;
}
.post-portfolio-index{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 25px 25px 0px;
    box-sizing: border-box;
    text-decoration: none;
    color: #000;
    align-items: flex-start;
    justify-content: flex-start;
}
.post-portfolio-index:hover{
    animation: topSingleProject 10s linear infinite;
    transform: scale(1.06);	
}
.post-portfolio-index:nth-child(1){
	width:calc(60% - 16px);
}
.post-portfolio-index:nth-child(2){
width:calc(40% - 16px);
	aspect-ratio:10/8;
}
.post-portfolio-index:nth-child(3){
	width:100%;
	aspect-ratio:10/3.3;
	margin-top:32px;
}
.title_post-portfolio-index{
    font-size: 22px;
    font-family: 'Geometria-Bold';
    background: rgb(255 255 255 / 80%);
    padding: 8px;
    text-transform: uppercase;	
}


.gallery-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.bax-img{
    position: relative;		
    padding-bottom: 55%;    
}

.bax-img img{
    position: absolute;		
    top: 0;		
    left: 0;		
    width: 100%;		
    height: 100%;		
    object-fit: cover;  
}
.container_form_flex .content_for_form.forms-container{
    display: flex;
    gap: 10px;
    max-width: unset;
}
.container_form_flex .content_for_form.forms-container .content_for_form,
.container_form_flex .content_for_form.forms-container .wpcf7  {
 width: 50%;
}

.container_for_form.container_form_flex{
    padding: 0;
    max-width: 1050px; 
}

.container_form_flex .content_for_form.forms-container .wpcf7{
    padding: 60px 30px 60px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #038136;

}
h2.after-title{
background: rgb(10 10 10 / 40%);
color: #fff;
padding-bottom: 0px;
padding: 8px;
font-size: clamp(1.25rem, calc(0.76rem + 2.43vw), 2.0rem);
margin-top: 10px;
}

.padding-naw{
    padding-top: 25px;
    padding-bottom: 25px;
}

.margin-bottom-0{
    margin-bottom: 0;
}
.padding-bottom-10{
    padding-bottom: 10px !important;
}

@media(max-width:1200px){
    .gallery-grid{ 
        grid-template-columns: repeat(2, 1fr);
 
    }

	h1{font-size: 36px;padding-bottom: 20px;}
	h2{font-size: 32px;padding-bottom: 16px;}
	h3{font-size: 30px;padding-bottom: 16px;}
	h4{font-size: 26px;padding-bottom: 14px;}
	h5{font-size: 24px;padding-bottom: 13px;}
	h6{font-size: 22px;padding-bottom: 12px;}
	.title_post_services-home-page{font-size:20px;padding-bottom:20px;}
	.counter {
		font-size: 42px;
		width: 100%;
		margin: 0 auto;
		padding: 0px;
		height: 43px;
		overflow-y: hidden;
		position: relative;
		color: #038136;
		font-family: 'Geometria-regular';
		transition: 3s;
	}	
	.number_counter_active {
		transform: translateY(calc(-100% + 46px));
		transition: 4s;
	}	
	.text_counter {
		padding-top: 14px;
	}	
	.post_services-home-page {
		width: calc(50%);
		box-sizing: border-box;
		padding: 25px 18px 18px 18px;
		border-left: 1px solid #fff;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		min-height: 500px;
	}
	.post_services-home-page:nth-child(odd){border-left: 0px solid #fff;}
	.post_services-home-page:last-child, .post_services-home-page:nth-last-child(2){
		border-top:1px solid #fff;
	}
	

}
.container_form_flex .content_for_form.forms-container.title{ 
    padding: 25px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
.watch_more{
    margin-top: 10px;
}
.gallery_title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

@media(max-width:960px){

.container_form_flex .content_for_form.forms-container.title{ 
    width: auto ; 
     /* margin-top: 0; 
     margin-bottom: 0; */
     padding: 0;
}

    .container_form_flex .content_for_form.forms-container{
        flex-direction: column;
        width: 100%;
    }
    .container_form_flex .content_for_form.forms-container .wpcf7{
        width: auto;
        background: transparent;
        padding: 0;
        padding-bottom: 25px;
    }

    .content_for_form.forms-container.forms-nobacground{       
        padding: 60px 25px 0px;
        width: auto;
    }
	
	.column-info-project {
    width: calc(50% - 30px);  padding-bottom: 30px;
}

	
.left-monitor1 {
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 15px;
    box-sizing: border-box;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);
    width: 100%;
    margin-top: 0px;
}	
	
	.right-monitor1 {
    position: relative;
    border-top: 1px solid #fff;
	    border-bottom: 0px solid #fff;
    padding: 15px;
    box-sizing: border-box;
    backdrop-filter: blur(3px);
    background: rgb(10 10 10 / 35%);
    width: 100%;
    margin-top: 0px;
}
.center-monitor1-h1-anime {
    width: calc(100% - 0px);
    transition: 1s;
    box-shadow: 0px 4px 40px 0px #FFFFFF;
    max-width: 640px;
    margin-top: 25px;
    margin-bottom: 25px;
}	
.left-monitor1:before {
    content: '';
    position: absolute;
    background: #fff;
    height: 1px;
    width: 80px;
    bottom: 0px;
    right: -80px;
    transform: rotate(111deg);
    transform-origin: left;
}
.right-monitor1:before {
    content: '';
    position: absolute;
    background: #fff;
    height: 1px;
    width: 80px;
    bottom: auto;
    top: 0px;
    left: -80px;
    transform: rotate(120deg);
    transform-origin: right;
}


	
	.post_counter {
		width: calc(50% - 25px);
		min-width: 150px;
		margin-bottom: 30px;
	}
	.post-blog-index:nth-child(1), .post-blog-index:nth-child(2){
		width:50% !important;
	}
	.post-portfolio-index:nth-child(2) {
		width: calc(40% - 4px);
		aspect-ratio: 10/8;
	}
	.post-portfolio-index:nth-child(1) {
		width: calc(60% - 4px);
	}
	.post-portfolio-index:nth-child(3){margin-top:8px;}
	.post-blog-index:nth-child(2){
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.post-blog-index:nth-child(3){
		width:100%; aspect-ratio:10/4;
	}
	.mobile-menu{
    display: block;
    position: fixed;
    z-index: 99;
    background: #0a0a0a;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 12px;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgb(3 129 54 / 42%);
	}
	.mobile-menu::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar-track {background-color:#ecedee}
	.mobile-menu::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 2px;background-color:#9ba8dd;transition: 0.3s;}
	.mobile-menu::-webkit-scrollbar-thumb:hover{background-color:#808dc3;transition: 0.3s;}
	.mobile-menu::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar{width: 6px;}	
	
	.mobile-menu ul{
	    list-style-type: none;
		margin: 0px;
		padding: 12px;	
	}
	.mobile-menu li{
		padding-bottom: 8px;
	}
	.mobile-menu ul a{
		text-decoration: none;
		color: #fff;
		display: block;
		padding: 0px 12px;	
	}
	.mobile-menu ul a:hover{color:#888;}
	.children-ul {
		position: relative !important;
		top: 4px;
		white-space: normal;
		background: transparent;
		box-shadow: none;
		padding: 8px 8px 8px 20px !important;
		left: 0px;
		z-index: 99;
		width: 100%;
		box-sizing: border-box;
	}
	.children-ul li{position:relative;}
	.children-ul li:before{
	    content: '—';
		position: absolute;
		left: -8px;
		top: 0px;	
	}
	.menu-top-site{display:none;}
	.open-mobile-menu, .mobile-buttons{display: block;}
	.open-mobile-menu, .close-mobile-menu{
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		cursor:pointer;
	}
	.open-mobile-menu:hover, .close-mobile-menu:hover{background-color: #00c951;}
	.open-mobile-menu{
		background: url(/wp-content/uploads/2020/03/menu_button.png);
		background-position: center;
		background-size: 39%;
		background-repeat: no-repeat;
		background-color: #038136;
	}
	.close-mobile-menu{
		background:url('/wp-content/uploads/2020/03/close-img-min.png');
		background-position: center;
		background-size: 39%;
		background-repeat: no-repeat;
		background-color: #038136;
		display:none;
	}
	.footer-box{justify-content: center;}
	.box-content-footer{width:50%;}
	.box-footer-contact{align-items: center;}
	.box-footer-menu{text-align:right;}
	.box-grid-tree-column{grid-template-columns: 50% 50%;}
	.img-post-blog { width: 100%; aspect-ratio: 10/6;	margin-bottom: 16px;}
	.text-post-blog {width: 100%;}
	.post-blog{padding-bottom: 80px}
	.left-article-single, .right-article-single{width: 100%;}
	.left-article-single {padding-right: 0px;	border-right: 0px solid #038136;order: 2;}
	.right-article-single {order: 1;padding-bottom:16px;}
	.column-single-project {
		width: 100%;
	}
	.href_img_project{
		    aspect-ratio: 10/5;
	}
	.box-project-columns-reverse{
        flex-direction: column-reverse;
    }
}
@media(max-width:740px){

    .box-grid-frt{ 
        grid-template-columns: repeat(2, 1fr);
    }

	.column-info-project {
    width: 100%;
}
	.slider-single-project > .slick-next {
    right: -20px;
    background-size: contain;
    width: 30px;
    height: 30px;
}
	.slider-single-project > .slick-prev {
    left: -20px;
    background-size: contain;
    width: 30px;
    height: 30px;
}
	
	.list_title_category-blog li{font-size: 16px;}
	.contacts-header{display:none;}
	.button-top-modal{display:block;margin-bottom:15px}
	.box-content-footer{width:100%; text-align:center;padding:15px 0px;}
	.post-blog-index:nth-child(1), .post-blog-index:nth-child(2) {
		width: 100% !important;
		aspect-ratio: 10/4;
	}
	.content_for_form p {
		font-size: 16px;
		padding-bottom: 32px;
	}
	.post-portfolio-index:nth-child(2) {
		width: 100%;
		aspect-ratio: 10/4; margin-top: 8px;
	}
	.post-portfolio-index:nth-child(3) {
		width: 100%;
		aspect-ratio: 10/4;
	}	
	.post-portfolio-index:nth-child(1) {
		width: 100%;
		aspect-ratio: 10/4;
		margin-top: 8px;
	}	
	h1{font-size: 28px;padding-bottom: 18px;}
	h2{font-size: 26px;padding-bottom: 17px;}
	h3{font-size: 24px;padding-bottom: 16px;}
	h4{font-size: 22px;padding-bottom: 14px;}
	h5{font-size: 20px;padding-bottom: 13px;}
	h6{font-size: 18px;padding-bottom: 12px;}
	.title_post_services-home-page{font-size:18px;padding-bottom:18px;}	
	.box-form-home {overflow: hidden; padding-bottom: 100px; padding-top: 100px;}	
	.post_services-home-page {
		width: 100%;
		box-sizing: border-box;
		padding: 25px 18px 18px 18px;
		border-left: 1px solid #fff;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		min-height: 500px;
		border: 0px;
		border-bottom: 1px solid #fff;
	}	
	.post-blog-index{aspect-ratio: 10/6 !important;}
	.btn_black_pages {font-size:16px;}
	.title_post-portfolio-index{font-size:18px;}
	.box-footer-menu ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		list-style-type: none;
		margin: 0px;
	}
	.box-footer-menu {
		width: 100%;
		text-align: center !important;
	}	
	.logo_footer {
		width: 100%;
		text-align: center;
		padding-bottom: 25px;
	}	
	.ul_socials {
		margin: 0px !important;
		padding-bottom: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		padding-top: 24px;
	}	
	.center-monitor1-h1-anime {
		width: calc(100% - 0px);
		transition: 1s;
		box-shadow: 0px 4px 40px 0px #FFFFFF;
		max-width: 640px;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 0px;
		margin-right: 0px;
	}	
	.box_animation_circles .container-box {
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 480px;
		z-index: 1;
		padding-top: 60px;
		padding-bottom: 40px;
	}	
.box_animation_circles_content:before {
    content: '';
    position: absolute;
    bottom: 25%;
    left: -50%;
    transform: rotate(-180deg);
    background: url(/wp-content/uploads/2024/01/Frame-6.svg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 450px;
    height: 450px;
    z-index: -1;
    animation: rotateAnimation-to-left 3s ease-out, to-topAnimation 3s ease-out;
    transform: rotate(-180deg);
}	
.box_animation_circles_content:after {
    content: '';
    position: absolute;
    bottom: 0%;
    right: -24%;
    background: url(/wp-content/uploads/2024/01/Frame-6.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 260px;
    transform: rotate(-180deg);
    z-index: -1;
    animation: rotateAnimation-to-left 3s ease-out, to-bottomAnimation 3s ease-out;
}	
	.post-portfolio{padding: 25px 20px 0px 20px;}
	.box-grid-tree-column {grid-template-columns: 100%;}
	.container-info-project{    justify-content: space-around;}
	.column-info-services {
		width: 50%;
		text-align: center;
		margin-bottom: 25px;
		padding-top: 25px;
		padding: 15px;
		box-sizing: border-box;
	}	
	.column-single-service, .left-box, .right-box {
		width: 100%;
	}
	.href_img_project {
		width: 100%;
		aspect-ratio: 10/6;
	}	
	.container-top-single-project{    min-height: 360px;}
	.box-project-columns:nth-child(2n) .column-single-service-img {order: 1;}
	.box-article {padding-bottom: 25px;	padding-top: 25px;}	
	.box-bottom-pages{padding-bottom: 100px; padding-top: 100px;}
	.container-bottom-pages:before{top:-100px;    right: -74%;}
	.container-bottom-pages:after{top:-100px;left: -88%;}
	.post_about_us {padding-bottom: 60px;}
	.box_animation_circles{min-height: 480px;}
	.text_page_contact{padding-bottom:25px;}
	.text_page_contact p {font-size: 20px;}

    .padding-naw{
        padding-top: 0px;
        padding-bottom: 25px;
    }
}
@media(max-width:640px){
	.box-article{padding-top:30px;}
	
	.post_about_us:nth-child(2n) .text_post_about_us {
    order: 2;
    padding-left: 0px;
    padding-right: 0px;
}
	
		.img_post_about_us_active {
		width: 100%;
		transition: 3s;
	}
	.text_post_about_us {
		width: 100%;
		box-sizing: border-box;
		padding-left: 0px;
		padding-top: 35px;
	}	
		.box-counter {
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.text-about-us-banner{padding:25px;}
    .padding-naw{
        padding-top: 0px;
        padding-bottom: 25px;
    }
}
@media(max-width:560px){
	.column-info-services {
		width: 100%;
	}
	.logo-header {
    max-width: 180px;
}
	
}
@media(max-width:420px){
    .box-grid-frt{ 
        grid-template-columns: repeat(1, 1fr);
    }
	.logo-header a{
		font-size: 20px;
		font-weight: 900;	
	}
	.logo-header img {
		height: 63px;
	}
}
/**for js**/
#answer-top-modal-form-order-call-back, #answer-modal-form-ok{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    background: #fff;
    padding: 25px;
    z-index: 999;
    box-shadow: 0px 0px 8px 1px #0A0A0A;
    line-height: 150%;	
	display:none;
}
.display-none{
	display: none !important;
}
.display-block{
	display: block !important;
}

#fancybox-prev span, #fancybox-next span{
    background: transparent;
    border: transparent;
    box-shadow: unset !important;
 
}
#fancybox-prev span::after, #fancybox-next span::after{
    width: 28px !important;
    height: 28px !important;
    top: 0 !important;
}

#fancybox-next span::after{
    right: -10px !important;
}

#fancybox-prev span::after { 
    left: -10px !important;
}