/*
	Theme Name: divagroup 2.0
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/*
	bitrix24 
*/
button.b24-form-btn {
    width: auto;
    padding: 10px 40px;
    color: #fff;
    font-weight: 500;
}
.b24-form-control-label {
    height: auto;
    padding: 0 !important;
    font-size: 20px;
    font-weight: 500 !important;
    padding: 0;
}
.b24-form textarea,
.b24-form input {
    padding-left: 0 !important;
    font-size: 23px !important;
}


/*
	bitrix 24 - bottom
*/
section.form form.form_callback .b24-form .b24-form-wrapper {
    max-width: 100%;
}
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-desc {
    color: #323232;
}
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-select-label,
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-label {
    color: #323232;
}
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-string .b24-form-control,
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-list .b24-form-control,
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-text .b24-form-control,
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-select .field-item {
    color: #323232;
}
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-string .b24-form-control {
	border-bottom: 2px solid #bbb;
}
section.form form.form_callback textarea:focus {
	border-color: var(--b24-primary-color);
}
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-control-string .b24-form-control:focus {
	border-color: var(--b24-primary-color);
}
section.form form.form_callback .b24-form .b24-form-wrapper .b24-form-padding-side {
    padding-left: 0;
    padding-right: 0;
}

/*
	panel right bitrix24
*/
.b24-form .b24-window-scrollable .b24-form-wrapper {
    background: #fff;
    color: #323232 !important;
    border-radius: 0;
    margin: 0;
    background: repeating-linear-gradient(to right, #ffffff, #eeeeee 1px, #ffffff 1px, #ffffff 5%);
}
.b24-form .b24-window-scrollable .b24-form-control-label {
    color: #323232;
    opacity: 1;
    font-weight: 500 !important;
}
.b24-form .b24-window-scrollable textarea.b24-form-control,
.b24-form .b24-window-scrollable input.b24-form-control {
    border-bottom: 2px solid #323232 !important;
    color: #323232 !important;
}

/*
	root
*/
:root {
  --color-text: #323232;
  --background-lightblue: #ECF6FA;
  --color-white: #fff;
  --color-accent: #FF5A00;
  --color-accent-hover: #FF7600;
  --color-grey: #F4F4F4;
  --color-grey-dark: #BDBDBD;
}


html {
	margin: 0%;
	padding: 0%;
	color: var(--color-white);
}
body {
    margin: 0%;
    padding: 0%;
    line-height: 135%;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
    color: var(--color-text);
    overflow-x: hidden;
    background: repeating-linear-gradient(to right, #ffffff, #eeeeee 1px, #ffffff 1px, #ffffff 5%);
}
a {
	color: var(--color-text);
    text-decoration: none;
}
a:hover {
    color: var(--color-accent);
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto';
	font-weight: 700;
    line-height: 120%;
    letter-spacing: 0px;
	position: relative;
}
h1 {
	font-size: 78px;
	font-style: normal;
}
h2 {
    font-size: 52px;
    font-style: normal;
    line-height: 105%;
    margin: 25px 0;
}
.title {
    font-family: 'Roboto';
    font-size: 52px;
    font-style: normal;
    line-height: 105%;
    margin: 25px 0;
}
h3 {
	font-size: 28px;
	font-style: normal;
	letter-spacing: 0;
}
h4 {
    font-size: 20px;
}
h5, h6 {
    font-size: 20px;
    text-transform: inherit;
    margin: 0%;
    margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
input, select, textarea {
	outline: none;
}
.center {
    box-sizing: border-box;
    position: relative;
    padding: 0 50px;
    clear: both;
    display: block;
    max-width: 1800px;
    margin: 0 auto;
}
.center:after {
	content: '';
	clear: both;
	display: block;
}
.clear {
	position: relative;
	clear: both;
}
a.button, input[type="button"] {
    background-color: var(--color-accent);
    color: var(--color-white);
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 26px;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0px 6px 20px 11px rgb(0 0 0 / 3%);
    transition: 0.5s;
    text-transform: uppercase;
}
a.button:hover, input[type="button"]:hover {
    background-color: var(--color-accent-hover);
}
article {
    line-height: 145%;
}
article a {
    color: var(--color-accent);
    text-decoration: underline;
}
article a:hover {
    color: var(--color-accent-hover);
    text-decoration: none;
}
article img.alignright {
    float: right;
    margin: 0 0 10px 40px;
    max-width: 55%;
}
article img.aligleft {
    float: left;
    margin: 0 40px 10px 0;
    max-width: 55%;
}
article img.alignnone {
    margin: 15px 0 5px;
    border-radius: 4px;
}
article hr {
    margin: 40px 0 30px;
    border: none;
    border-top: 1px dashed #ddd;
    clear: both;
}
article blockquote {
    margin-left: 0;
    margin-right: auto;
    background: #f6f6f6;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 4px;
    display: table;
}
section.post_article article .wp-video {
	width: 100%;
    max-width: 1200px;
    max-height: none;
}
section.post_article article .wp-video video.vertical {
    background: #000;
}
/*
section.middle_text {
    padding: 25px 0 10px;
}
*/
section.middle_text {
    padding: 5px 0 50px;
}
div.scroll_top {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/go_top.svg);
    position: fixed;
    left: 3%;
    bottom: 12%;
    z-index: 2;
    background-color: rgb(255 255 255 / 11%);
    border-radius: 100%;
    padding: 10px;
    width: 47px;
    height: 45px;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
	transition: 1s;
	opacity: 0;
}
div.scroll_top:hover {
    background-color: rgb(255 255 255 / 27%);
}
body.go_top div.scroll_top {
	opacity: 1;
}
section.post_article article a {
    color: var(--color-accent);
    text-decoration: underline;
}
section.post_article article a:hover {
    color: var(--color-text);
    text-decoration: none;
}

/*
	article
*/
article div.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 2%;
	margin: 10px 0 0;
}
article div.gallery .gallery-item {
    width: 100% !important;
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
}
article div.gallery .gallery-item dt.gallery-icon {
    position: relative;
    height: auto;
    min-height: unset;
    position: relative;
    height: 330px;
    border-radius: 4px;
    overflow: hidden;
	background-color: var(--color-text);
}
dd.wp-caption-text.gallery-caption {
    padding: 12px 0;
    text-align: left;
}
article div.gallery br {
    display: none;
}
article div.gallery dt.gallery-icon  img {
    border: none !important;

    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
    transform: scale(1);
}

/*
	default section
*/
section {
    background: repeating-linear-gradient(to bottom, #eeeeee5e, #ffffff14 1px, hsl(0deg 0% 100% / 0%) 1px, #ffffff00 72%);
}


/*
	header
*/
header {
    background: var(--color-text);
    color: var(--color-white);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
body.single header {
    background-image: url(//diva-group.by/wp-content/themes/divagroup/images/slider1.webp);
}
header:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    transition: 2s;
    z-index: 1;
}
header:after {
    content: '';
    background: repeating-linear-gradient(to right, #ffffff36, #ffffff00 1px, #ffffff00 1px, #ffffff00 15%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: 1;
}
body.main header video.bgvideo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
    min-height: 100%;
	object-fit: cover;
}
header .center {
	position: relative;
	z-index: 1;
}
.center.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.center.flex:after {
	content: none;
}
body header a {
    color: #fff;
}
body.main header a:hover {
    color: var(--color-accent);
}
body.single.white header a {
    color: var(--color-text);
}


/*
	menu
*/
section.top {
    padding: 15px 0;
    font-size: 14px;
    border-bottom: 2px solid hsl(0deg 0% 100% / 15%);
}
.top .phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 500;
    font-size: 19px;
}
.top .phone a:hover {
	opacity: 0.8;
}
nav.line ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 20px;
}
header a.email {
    font-size: 13px;
}
header ul.lang {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 30px;
}
ul.lang li {
    color: #b8b8b8;
}
ul.lang li a {
    color: #fff;
}
body.single.white ul.lang li a {
	color: var(--color-text);
}
ul.lang li.country {
    position: relative;
}
ul.lang li.country:before {
    left: -4px;
    position: relative;
    top: 3px;
}
ul.lang li.country.russia:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/russia.svg);
}
ul.lang li.country.belarus:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/belarus.svg);
}
a.whatsapp_white {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/whatsapp_white.svg);
}
a.viber_white {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/viber_white.svg);
}
a.telegram_white {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/telegram_white.svg);
}
section.top nav ul li a {
    padding: 8px 15px;
    display: block;
}
section.top nav ul li.current_page_item a {
    background: hsl(196.15deg 75% 79.61% / 24%);
    border-radius: 30px;
}

/*
	header_middle
*/
section.header_middle {
    padding: 15px 0;
    position: relative;
    z-index: 2;
}
section.header_middle .phone {
	display: none;
}
nav.header_middle {
    font-size: 17px;
    text-transform: uppercase;
}
nav.header_middle > ul {
    gap: 20px;
}
nav.header_middle > ul > li > a {
    padding: 13px 25px;
    display: block;
}
nav.header_middle > ul > li.current_page_item > a {
	background: hsl(196.15deg 75% 79.61% / 24%);
    border-radius: 30px;
}
nav.header_middle > ul > li.menu-item-has-children {
	position: relative;
}
nav.header_middle > ul > li.menu-item-has-children > ul.sub-menu {
    display: none;
    position: absolute;
    background: var(--color-accent);
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 8px;
    text-transform: math-auto;
    font-size: 16px;
    min-width: max-content;
    left: -10px;
}
nav.header_middle > ul > li.menu-item-has-children > ul.sub-menu:before {
    content: '';
    position: absolute;
    top: -16px;
    border: 7px solid transparent;
    border-bottom: 10px solid var(--color-accent);
    left: 20%;
    margin-left: -7px;
}
nav.header_middle > ul > li.menu-item-has-children:hover > ul.sub-menu {
	display: block;
}
nav.header_middle > ul > li.menu-item-has-children:hover > ul.sub-menu li {
    margin: 8px 0;
}
nav.header_middle > ul > li.menu-item-has-children > ul.sub-menu > li > a:hover {
	color: var(--color-text);
}
nav.header_middle > ul > li.menu-item-has-children > ul.sub-menu > li.current_page_item > a {
	color: #ffcbaf;
}

/*
	slider_title
*/
section.slider_title {
    position: relative;
    padding: 4% 0 0;
    height: 500px;
}
section.slider_title .center {
    position: relative;
}
section.slider_title .one > * {
    max-width: 1000px;
}
section.slider_title .one {
    min-height: 400px;
    opacity: 0;
    transition: 0.5s;
    position: absolute;
}
section.slider_title .one.active {
	opacity: 1;
}
section.slider_title article.desc a {
    color: #fff;
    background-color: var(--color-accent);
    padding: 3px 10px;
    border-radius: 3px;
}
section.slider_title article.desc a:hover {
    background-color: var(--color-accent-hover);
}
/*
section.slider_title article.desc a:before {
    content: '';
    background: rgb(255 255 255 / 10%);
    position: absolute;
    width: auto;
    height: 20px;
    width: 100%;
    bottom: -6px;
    left: 10px;
    right: 0;
    left: 10px;
    z-index: 0;
}
section.slider_title article.desc a:hover:before {
    background: rgb(255 255 255 / 30%);
    z-index: -1;
}
*/
section.slider_title .one h1, section.slider_title .one h2 {
    font-size: 78px;
    font-style: normal;
    margin: 40px 0;
}
section.slider_title article.desc {
    max-width: 600px;
    font-size: 21px;
    line-height: 140%;
}
section.slider_title article.desc a {
	color: #fff;
}
section.slider_title .play {
    position: absolute;
    z-index: 1;
    right: 15%;
    top: 200px;
    max-width: 100px;
	cursor: pointer;
	opacity: 1;
}
section.slider_title .play.hidden {
	opacity: 0;
	transition: 1s;
}
section.slider_title .play:before {
    content: '';
    position: absolute;
    left: -100px;
    top: -20px;
    background: var(--color-accent);
    border-radius: 100%;
    width: 80px;
    height: 80px;
    transition: 2s;
}
body.online section.slider_title .play:before {
    background: hsl(0deg 0% 100% / 25%);
}
section.slider_title .play:after {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/play.svg);
    position: absolute;
    left: -75px;
    top: -4px;
}
section.slider_title .play:hover:before {
    background: var(--color-accent-hover);
}
section.slider_title .play:hover {
    text-decoration: underline;
}

/*
	mouse
*/
header div.mouse {
    width: 1px;
    height: 50px;
    position: absolute;
    bottom: 2%;
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    cursor: pointer;
}
header div.mouse:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/mouse.svg);
    position: absolute;
    top: -60px;
    left: -6px;
    right: 0;
    display: block;
	transition: 1s;
	opacity: 0.5;
}
header div.mouse:after {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/arrow_mouse.svg);
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    opacity: 0.3;
	transition: 1s;
	bottom: 20px;
}
body.online header div.mouse:before {
	top: -70px;
	opacity: 0.7;
}
body.online header div.mouse:after {
	bottom: 10px;
}
header div.mouse:hover:after {
    opacity: 0.8;
}
header div.mouse:hover:before {
    opacity: 1;
}


/*
	span.bmenu
*/
span.bmenu {
    position: relative;
    background: hsl(0deg 0% 100% / 10%);
    padding: 13px 22px 13px 7px;
    border-radius: 30px;
    width: auto;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    transition: 1s;
}
span.bmenu:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/bmenu.svg);
    margin: 0 15px 0;
    position: relative;
    bottom: -4px;
}
span.bmenu:hover {
    background: hsl(0deg 0% 100% / 20%);
}


/*
	section.about
*/
section.about {
	padding: 50px 0;
}
section.about .center {
    display: flex;
    align-items: normal;
    justify-content: space-between;
}
article.left {
    float: left;
    width: 35%;
}
section.about .video {
    width: 25%;
    background-color: var(--color-text);
    border-radius: 4px;
    overflow: hidden;
	position: relative;
}
section.about .video video {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video.short {
    margin: 0 2%;
}
.video iframe {
    background: var(--color-text);
    min-height: -webkit-fill-available;
    border-radius: 12px;
    border: none;
    width: 100%;
}
section.about .photos {
    width: 40%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 0;
    grid-row-gap: 0;
    border-radius: 4px;
	overflow: hidden;
}
.photos .one {
    border-radius: 0;
    overflow: hidden;
    background-color: var(--text);
    height: 300px;
    background-color: var(--color-text);
}
.photos .one img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
}
.photos .one:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
}
.photos .one img {

}

/*
	bg_around
*/
section.bg_around {
    position: relative;
    padding: 30px 0 1px;
}
section.bg_around:before {
    content: '';
    background: var(--background-lightblue);
    right: 0;
    top: 0;
    bottom: 0;
    width: 73%;
    position: absolute;
    z-index: -1;
}


/*
	triggers
*/
section.triggers {
    position: relative;
    padding: 30px 0 1px;
}
section.triggers ol {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 4%;
    grid-row-gap: 0;
    list-style-type: none;
    margin: 2% 0;
    padding: 0;
}
section.triggers ol li {
	
}
section.triggers ol li span {
    font-family: 'Roboto';
    font-size: 52px;
    display: block;
    margin-bottom: 24px;
}

/*
	portfolio
*/
section.portfolio {
    padding: 25px 0 10px;
}
.portfolio_list {
    margin: 40px 0;
}
.portfolio_list .one {
    float: left;
    width: 900px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
	height: 570px;
}
.portfolio_list.regular_width .one {
    margin: 0 30px 0 0;
}
.portfolio_list .one {
	position: relative;
    background: var(--color-text);
}
.portfolio_list .one:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/arrow_one.svg);
    position: absolute;
    z-index: 1;
    right: 4%;
    top: 68%;
    opacity: 0.3;
	transition: 1s;
}
.portfolio_list .one:hover:before {
    opacity: 1;
}
.portfolio_list .one a.bg:after {
    content: '';
    background: linear-gradient(180deg, rgba(240,229,214,0) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.55;
    transition: 1s;
    z-index: 1;
}
.portfolio_list .one:hover:after {
    opacity: 0.7;
}
.portfolio_list .one a.name {
    font-size: 38px;
    font-weight: 600;
    position: absolute;
    top: 60%;
    padding: 0 7%;
    box-sizing: border-box;
    color: var(--color-white);
    line-height: 135%;
    z-index: 2;
    max-width: 90%;
}
.list_imgbg .one {
	position: relative;
}
.list_imgbg .one a.bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.list_imgbg .one a.bg img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
	transform: scale(1);
}
.list_imgbg .one:hover a.bg img {
	transform: scale(1.05);
}
section.category_services .portfolio_list .one.no_url:before {
	content: none;
}

/*
	visible
*/
.visible .slick-list.draggable {
    overflow: visible;
}
.visible .one.slick-slide.slick-cloned {
    opacity: 1;
}

/*
	slick slider
*/
span.next.slider.top.arrow {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/arrow_white.svg);
    position: absolute;
	cursor: pointer;
}
span.next.slider.top.arrow.slick-disabled {
	opacity: 0.4;
	cursor: text;
}
/*
	portfolio
*/
span.next.slider.top.arrow {
    top: -80px;
    right: 0;
    background-color: hsl(187.87deg 38.85% 69.22% / 31%);
	background-color: var(--color-accent);
    border-radius: 12px;
    padding: 16px;
	transition: 1s;
}
span.next.slider.top.arrow:hover {
    background-color: hsl(187.87deg 38.85% 69.22% / 55%);
	background-color: var(--color-accent-hover);
}
/*
	portfolio
*/
span.next.slider.top.arrow {
    top: -80px;
    right: 0;
}
/*
	products
*/
.products_block span.next.slider.top.arrow {
    right: 30%;
}

/*
	sertificates
*/
section.reviews .visible .slick-list.draggable {
    overflow: hidden;
}
section.reviews span.next.slider.top.arrow {
    top: 80%;
    right: 110%;
}
section.reviews .visible .one.slick-slide.slick-cloned {
	opacity: 1;
}
section.reviews .reviews_list.right:after {
    content: '';
    background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(236 246 250 / 35%) 100%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100px;
}

/*
	sertificates
*/
section.sertificates .visible .slick-list.draggable {
    overflow: hidden;
}
section.sertificates span.next.slider.top.arrow {
    top: 80%;
    right: 110%;
}
section.sertificates .visible .one.slick-slide.slick-cloned {
	opacity: 1;
}


/*
	section.service
*/
section.service.bg_around {
    padding: 1px 0;
}
section.service.title_left .title {
    max-width: 650px;
}
section.title_left .title, section.title_left h2 {
    width: 70%;
    max-width: 900px;
    line-height: 130%;
}
article.middle {
    max-width: 35%;
    float: right;
    margin: 0 20%;
}
article.middle.top {
    margin-top: -50px;
    margin-right: 15%;
}
.products_block {
    clear: both;
    width: 100%;
    margin: 25px 0;
    display: flow-root;
}
.preview_left {
    float: left;
    width: 41.4%;
    background: var(--color-text);
    height: 500px;
    position: relative;
    z-index: 1;
}
.preview_left .content a {
    color: #fff;
}
.preview_left .content a.more {
    color: #fff;
    background-color: var(--color-accent);
    padding: 3px 10px;
    border-radius: 3px;
}
.preview_left:before {
    content: '';
    background: linear-gradient(180deg, rgba(240,229,214,0) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 1;
}
.preview_left .content {
    position: absolute;
    z-index: 1;
    color: var(--color-white);
    padding: 10%;
    box-sizing: border-box;
}
.preview_left img {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
    transform: scale(1);
}
.product_right {
    float: right;
    width: 57%;
    height: 400px;
    margin-top: 100px;
}
.product_right .one {
    width: 340px;
    margin: 0 30px 0 0;
    float: left;
    height: -webkit-fill-available;
    border-radius: 4px;
    overflow: hidden;
    height: 400px;
    background: var(--color-text);
	position: relative;
}
.product_right .one a.bg:before {
    content: '';
    background: linear-gradient(180deg, rgba(240,229,214,0) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.65;
    transition: 1s;
    z-index: 1;
}
.product_right .one:hover a.bg:before {
    opacity: 0.85;
}
.product_right .one:hover:before {
    opacity: 0.8;
}
.product_right .one > * {
    position: relative;
    z-index: 1;
}
.product_right .one a {
    color: #fff;
}
.product_right .one .name {
    font-family: 'Roboto';
    font-size: 31px;
    font-style: normal;
    line-height: 105%;
    padding: 0 40px;
    box-sizing: border-box;
    top: 260px;
}
a.more {
	position: relative;
}
a.more:before {
    content: '+';
    margin: 0 10px 0 0;
}

/*
	horizontal
*/
section.horizontal {
    padding: 0;
    position: relative;
    color: var(--color-white);
    background: var(--color-text);
    height: auto;
    padding: 6% 0;
    box-sizing: border-box;
    margin: 40px 0 0;
    padding-bottom: 180px;
    font-size: 19px;
	overflow: hidden;
}
section.horizontal:before {
    content: '';
    background: linear-gradient(180deg, rgb(0 0 0 / 43%) 0%, rgb(0 0 0 / 87%) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    z-index: 1;
}
section.horizontal:after {
    content: '';
    background: var(--color-white);
    right: 0;
    bottom: 0;
    height: 70px;
    position: absolute;
    z-index: 1;
    width: 80%;
}
section.horizontal .center {
    position: relative;
    z-index: 1;
}
section.horizontal .center > * {
    max-width: 1000px;
}
section.horizontal article a {
    color: #fff;
}
section.horizontal img {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    width: 100%;
    transform: scale(1);
    transition: 2.5s;
    filter: contrast(1);
    z-index: 0;
    transform: scale(1);
}
section.horizontal:hover img {
    transform: scale(1.05);
}
section.horizontal h2 {
    font-size: 68px;
    line-height: 120%;
}
section.horizontal .center > article {
    max-width: 600px;
}

/*
	partners
*/
section.partners {
    position: relative;
    padding: 20px 0 100px;
    margin-bottom: -150px;
}
section.partners:after {
    content: '';
    background: var(--background-lightblue);
    left: 0;
    bottom: 140px;
    height: 70px;
    position: absolute;
    z-index: 1;
    width: 20%;
}
.partners_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 20px;
}
.partners_list.right {
    float: right;
    width: 60%;
}
.partners_list .one {
    border: 2px solid #EFEFEF;
    background: var(--color-white);
    padding: 30px 25px;
    box-sizing: border-box;
    border-radius: 4px;
	transition: 2s;
}
.partners_list .one a:hover {
	text-decoration: none;
    color: var(--color-text);
}
.partners_list .one img {
    display: block;
    margin-bottom: 15px;
    height: 40px;
    width: auto;
}
.partners_list .one:hover {
    box-shadow: 0px 4px 20px 3px hsl(0deg 0% 70.26% / 27%);
}

/*
	sertificates
*/
section.sertificates {
    padding: 115px 0 45px;
    background: var(--background-lightblue);
}
.sertificates_list.right {
    float: right;
    width: 60%;
	position: relative;
}
.sertificates_list.right:after {
    content: '';
    background: linear-gradient(270deg, rgba(236, 246, 250, 1) 0%, rgb(236 246 250 / 35%) 100%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100px;
}
.sertificates_list {
	
}
.sertificates_list .one {
    margin: 0 20px 0 0;
    float: left;
    border-radius: 4px;
    overflow: hidden;
    border: 9px solid #fff;
    box-sizing: border-box;
}
.sertificates_list .one img {
    height: 440px;
    width: auto;
    background: var(--color-text);
}


/*
	reviews
*/
section.reviews {
    padding: 45px 0;
}
.reviews_services.left {
    float: left;
    width: 35%;
}
.reviews_services .one {
    float: left;
    margin: 0 50px 0 0;
}
span.stars {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/stars5.svg);
    display: block;
    margin: 5px 0;
}
span.stars.stars45 {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/stars.svg);
}
.reviews_services .one {
    float: left;
    margin: 20px 50px 20px 0;
}
.reviews_services .one:last-child {
	margin-right: 0;
}
.reviews_list.right {
    float: right;
    width: 60%;
}
.reviews_list .one {
    border: 2px solid #EFEFEF;
    background: var(--color-white);
    padding: 25px;
    box-sizing: border-box;
    border-radius: 4px;
    float: left;
    margin: 0 20px 0 0;
    width: 400px;
	transition: 2s;
}
.reviews_list .one:hover {
    box-shadow: 0px 4px 20px 3px hsl(0deg 0% 70.26% / 27%);
}
.reviews_list .one .avatar {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0px 20px 0 0;
    border-radius: 100%;
    overflow: hidden;
}
.reviews_list .one .avatar img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    z-index: 0;
}
.reviews_list .one .content {
    margin-bottom: 15px;
}

/*
	mp
*/
.reviews_list.right .one {
    height: 380px;
}
.reviews_list.right .one .content {
    height: 260px;
    overflow: hidden;
}


/*
	team
*/
section.team {
	position: relative;
}
section.team:after {
    content: '';
    background: var(--color-white);
    left: 0;
    top: 0;
    height: 120px;
    position: absolute;
    width: 41%;
    z-index: 0;
}
section.team .title {
    position: relative;
    z-index: 1;
    margin-bottom: -100px;
}
.team_gallery {
    display: flex;
    justify-content: space-between;
}
.team_gallery .big {
    width: 60%;
	background: var(--color-text);
}
.team_gallery .big img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transition: 1.5s;
    filter: contrast(1);
}
.team_gallery .team_list {
    width: 40%;
}
.team_gallery .team_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.team_gallery .team_list .one {
	background: var(--color-text);
	overflow: hidden;
}
.team_gallery .team_list .one img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transition: 1.5s;
    filter: contrast(1);
    transform: scale(1);
}
.team_gallery .team_list .one:hover img {
    transform: scale(1.05);
}	

/*
	contact
*/
section.contact {
    padding: 30px 0 70px;
}
section.contact .center {
    display: flex;
    justify-content: space-between;
}
section.contact .center:after {
    content: none;
}
section.contact address {
	float: left;
	width: 35%;
}
section.contact .map {
    float: right;
    width: 60%;
    margin: 20px 0 0;
}
section.contact .map iframe {
    border: none;
    border-radius: 4px;
    background: var(--color-text);
    width: 100%;
    height: -webkit-fill-available;
    min-height: 430px;
}
address {
    font-style: normal;
}
address span {
    display: block;
    margin: 8px 0;
    font-size: 15px;
    font-weight: 400;
}
address a.tel {
    font-size: 25px;
    font-weight: 600;
    margin: 5px 0 10px;
    display: block;
}
address .location {
    margin: 25px 0;
    font-size: 20px;
    font-weight: 500;
}
address a.email {
    font-weight: 500;
    font-size: 17px;
}
address a.mess_tel {
    font-weight: 600;
}
address div.mess {
    margin: 0 0 16px 0;
}
a.viber {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/viber.svg);
}
a.telegram {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/telegram.svg);
}
a.whatsapp {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/whatsapp.svg);
}
a.mess {
    margin: 0 2px -6px;
    height: 25px;
}
a.mess.viber {
    margin-left: 10px;
}


/*
	legal_data
*/
section.legal_data {
    padding: 55px 0;
}
section.legal_data .center {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
article.middle {
    max-width: 35%;
    float: right;
    margin: 0 20%;
    width: 60%;
    margin: 0;
}
article.middle p {
    margin: 0 0 10px 0;
}
a.downloads {
    background: #F9F7F3;
    padding: 20px 20px 20px 100px;
    width: 13%;
    border-radius: 4px;
    position: relative;
    max-width: 200px;
}
a.downloads:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/pdf.svg);
    position: absolute;
    left: 20px;
    top: 10px;
}


/*
	company_name
*/
span.company_name {
    color: var(--color-white);
    position: absolute;
    font-size: 222px;
    right: 0;
    bottom: 50px;
    font-weight: 800;
    z-index: 0;
}


/*
	form
*/
section.form {
    background: var(--background-lightblue);
    padding: 50px 0 80px;
    position: relative;
	overflow: hidden;
}
section.form .center {
    position: relative;
	z-index: 1;
}
form.form_callback {
    float: right;
    width: 60%;
}
textarea, input[type="email"], input[type="tel"], input[type="text"] {
    border: none;
    border-bottom: 2px solid hsl(199.46deg 30.83% 52.94% / 30%);
    background: transparent;
    font-size: 23px;
    margin: 12px 0;
    padding: 20px 0;
    width: 100%;
    font-family: 'Roboto';
    line-height: 135%;
    font-weight: 400;
	transition: 1s;
}
textarea:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover {
    border-bottom: 2px solid hsl(199.46deg 30.83% 52.94% / 60%);
}
input.good {
    border-bottom: 2px solid #80d780 !important;
}
input.error {
    border-bottom: 2px solid red !important;
}
form .double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 4%;
    grid-row-gap: 0;
}
form textarea {
    margin-bottom: 30px;
    height: 40px;
}
form input[type="button"] {
    float: left;
}
form a.politic {
    max-width: 350px;
    display: block;
    float: left;
    margin-left: 5%;
    padding: 5px 0 0;
}
section.form form.ready .answer_server {
    background: hsl(120deg 52.92% 68.17% / 20%);
    padding: 20px 70px;
    border-radius: 8px;
    box-sizing: border-box;
    max-width: fit-content;
    margin: 30px 0 0;
}


/*
	footer
*/
footer {
    position: relative;
    margin: 20px 0 0;
    background: #000;
    color: var(--color-white);
	background-image: url(//diva-group.by/wp-content/themes/divagroup/images/bottom_bg.webp);
	background-position: center center;
	background-size: cover;
}
footer:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    transition: 2s;
    z-index: 1;
}
footer section {
    background: repeating-linear-gradient(to bottom, hsl(0deg 0% 93.33% / 6%), hsl(0deg 0% 100% / 5%) 1px, hsl(0deg 0% 100% / 0%) 1px, hsl(0deg 0% 100% / 0%) 72%);
}
footer > * {
    position: relative;
	z-index: 1;
}
footer a {
    color: var(--color-white);
}
section.bottom_navi {
    padding: 40px 0;
}


/*
	bottom_navi
*/
section.bottom_navi .center {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
section.bottom_navi a.logo {
    width: 15%;
    margin: 5px 0 0;
}
section.bottom_navi nav.nav {
    width: 15%;
}
section.bottom_navi nav.bottom {
    width: 70%;
}
footer {
    padding: 0%;
    line-height: 135%;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;	
}
footer .title {
    font-size: 27px;
    color: #CCCCD4;
    margin-top: 12px;
}
footer ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}
footer ul li {
    margin: 10px 0;
}
nav.bottom ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav.bottom > ul > li {
    font-size: 27px;
    font-family: 'Roboto';
    line-height: 130%;
}
nav.bottom > ul > li  > a {
    color: #CCCCD4;
}
nav.bottom > ul > li > ul {
    line-height: 135%;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
}
nav.bottom > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 4%;
    grid-row-gap: 4%;
}

/*
	copyright
*/
section.copyright {
    color: #BEBEBE;
    border-top: 2px solid rgb(255 255 255 / 10%);
    padding-top: 30px;
    padding-bottom: 30px;
}
section.copyright a {
    color: #BEBEBE;
}
section.copyright .center {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
section.copyright .center:after {
	content: none;
}
.social_network {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.social_network a {
    height: 15px;
	width: auto;
    opacity: 0.5;
}
.social_network a:hover {
    opacity: 1;
}
a.youtube {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/youtube.svg);
}
a.vk {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/vk.svg);
}
a.dzen {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/dzen.svg);
}
a.ok {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/ok.svg);
}
a.rutube {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/rutube.svg);
}
a.tiktok {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/tiktok.svg);
}
a.instagram {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/instagram.svg);
}
a.facebook {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/facebook.svg);
}
span.pay {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/pay.svg);
    opacity: 0.5;
}

/*
	single 
*/
body.single header {
    height: auto;
}
body.single header:before {
    opacity: 0.5;
}
body.single header section {
    background: none;
}
section.title_single {
    padding: 1px  0 20px;
}
section.breadcrumbs {
    padding: 40px 0 0;
    color: #ccc;
}
header section.breadcrumbs {
    margin-bottom: -40px;
}
section.breadcrumbs a {
    position: relative;
    margin: 0 60px 0 0;
    color: #fff;
}
section.breadcrumbs a:hover {
	color: var(--color-accent)
}
section.breadcrumbs a:after {
    content: '';
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: -44px;
    top: 10px;
    opacity: 0.4;
}

/*
	city
*/
section.city {
    padding: 1px 0 70px;
}
.city_list.right {
    float: right;
    width: 60%;
}
.city_list {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 1%;
    grid-row-gap: 1.5%;
}
.city_list .one {
    border: 2px solid #EFEFEF;
    background: var(--color-white);
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 4px;
    transition: 2s;
}
.city_list .one img {
    display: block;
    margin: 0 auto 1px;
}
.city_list .one:hover {
    box-shadow: 0px 4px 20px 3px hsl(0deg 0% 70.26% / 27%);
}


/*
	about.php
*/
section.about .video.long {
    width: 60%;
    background: var(--color-text);
    border-radius: 4px;
    overflow: hidden;
	position: relative;
}
section.about .video.long video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: -webkit-fill-available;
}

/*
	triggers_single
*/
section.triggers_single ol {
    float: right;
    width: 60%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
section.triggers_single ol li {
	position: relative;
}
section.triggers_single ol li:before {
    content: '';
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #CBE4EE;
    position: absolute;
    display: block;
    z-index: 0;
    left: 50px;
    top: 23px;
}
section.triggers_single ol li img {
    display: block;
    margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
section.triggers_single.bg_around {
    padding-bottom: 40px;
}
section.triggers_single.bg_around::before {
    height: 270px;
}
section.triggers_single ol li {
    position: relative;
    border-right: 1px solid hsl(196.96deg 31.94% 71.76% / 37%);
    border-top: 1px solid hsl(196.96deg 31.94% 71.76% / 37%);
    padding: 30px;
    box-sizing: border-box;
}
section.triggers_single ol li:nth-child(-n+3) {
	border-top: none;
}
section.triggers_single ol li:nth-child(3n) {
	border-right: none;
}
.team_gallery.more .one img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transition: 1.5s;
    filter: contrast(1);
    transform: scale(1);
    display: block;
}
.team_gallery.more {
    display: table;
}
.team_gallery.more .one {
    width: 50%;
    display: inline-block;
	overflow: hidden;
}
.team_gallery.more .one:nth-last-child(-n+3) {
    width: 33.3333%;
    margin-top: -12px;
}
.team_gallery.more .one:hover img {
    transform: scale(1.05);
}

/*
	social_networks
*/
section.social_networks {
    padding: 30px 0;
    background: #F6F6F6;
}
.social_networks_linsk {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    float: right;
    width: 65%;
    padding: 2px 0;
    gap: 10px;
}
.social_networks_linsk a {
    height: 50px;
    border-radius: 12px;
    padding: 20px 30px;
    background: transparent;
	transition: 0.5s;
}
.social_networks_linsk a:hover {
    background: #0000000a;
}
a.youtube_big {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/youtube_big.svg);
}
a.vk_big {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/vk_big.svg);
}
a.ok_big {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/ok_big.svg);
}
a.instagram_big {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/instagram_big.svg);
}
a.facebook_big {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/facebook_big.svg);
}

/*
	manufacturer
*/
section.preview {
    padding: 25px 0;
}
section.preview .center {
    display: flex;
    align-items: normal;
    justify-content: space-between;
    gap: 25px;
}
section.preview video {
    max-width: 20%;
    border-radius: 4px;
    margin: 10px 0 0;
    background: var(--color-text);
    height: 510px;
    object-fit: cover;
}
article.short {
    max-width: 1000px;
}
section.preview iframe {
    width: 100%;
    max-width: 1400px;
    height: 600px;
    border-radius: 4px;
    border: none;
    background: var(--color-text);
}
article.short h2 {
    max-width: 900px;
}
section.preview article.short h2 {
    margin-top: 0;
}

/*
	gallory_photos
*/
section.gallory_photos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin-bottom: 30px;
}
section.gallory_photos a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transition: 1.5s;
    filter: contrast(1);
    transform: scale(1);
}
section.gallory_photos a:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    height: 320px;
}
section.gallory_photos a:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4;
}
section.gallory_photos a:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 3;
    height: 400px;
}

/*
	single
*/
section.sertificates.single {
    padding-top: 70px;
}
section.sertificates.single article.left {
    float: none;
    width: 100%;
}
section.sertificates.single .sertificates_list.right {
    float: none;
    width: 100%;
    margin: 40px 0 0;
}
section.sertificates.single .sertificates_list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 1%;
    grid-row-gap: 2%;
}
section.sertificates.single .sertificates_list .one {
    margin: 0;
    width: 100%;
}
section.sertificates.single .sertificates_list .one img {
	
}

/*
	single_page
*/
section.single_page {
    position: relative;
    min-height: 1000px;
}
section.single_page article h1 {
    margin: 20px 0 30px;
}
section.single_page article {
    float: left;
    width: 70%;
    margin-bottom: 20px;
}
section.single_page .center {
    position: initial;
}
section.single_page aside {
    position: absolute;
    top: 0;
    right: 0;
}
aside {
    float: right;
    width: 25%;
	background: #D9E4EA;
}
aside address {
    background: #BED1DC;
    padding: 20px 50px 60px;
    box-sizing: border-box;
}
aside address .location {
    font-size: 17px;
}
aside address span {
    margin: 5px 0;
    font-size: 14px;
}
aside nav {
    padding: 20px 50px 60px;
    box-sizing: border-box;
}
aside address a.email {
    font-weight: 600;
    font-size: 16px;
}
aside .title {
    font-size: 38px;
}
aside ul {
    margin: 0 0 0 -15px;
    padding: 0;
    list-style-type: none;
}
aside ul li {
    margin: 20px 0;
}
aside ul li > a {
    padding: 10px 15px;
    border-radius: 20px;
}
aside ul li.current_page_item > a {
	background: #ECF6FA;
}
article ol {
    padding-left: 20px;
}
article li {
    margin: 10px 0;
}

/*
	table
*/
table {
    width: 100%;
    display: table;
    border-spacing: 0;
    font-weight: 500;
    height: auto !important;
    font-family: "Roboto", sans-serif;
}
article table {
    margin: 25px 0 30px;
    background: #F5F5F5;
    border: 35px solid #F5F5F5;
    border-top: 20px solid #F5F5F5;
    border-bottom: 30px solid #F5F5F5;
    padding: 25px 40px;
    border-radius: 4px;
    box-sizing: border-box;
}
section.single_page article a {
    color: var(--color-accent);
    text-decoration: underline;
}
section.single_page article a:hover {
    color: var(--color-accent-hover);
    text-decoration: none;
}
table td {
	padding: 6px 20px;
    border-right: 1px solid #ddd;
}
table thead td {
    border-bottom: 2px solid #E23509;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 600;
}
table tbody tr:first-child td {
	padding-top: 15px;
}
table tr td:last-child {
	border-right: none;
	padding-right: 0;
}
table tr td:first-child {
	padding-left: 0;
}

/*
	reviews
*/
section.reviews_comments {
    padding: 20px 0;
}
section.reviews_services {
    background: #F6F6F6;
    padding: 22px 0;
}
/*
	reviews video
*/
.reviews_list.video {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 4%;
    grid-row-gap: 4%;
	margin: 35px 0;
}
.reviews_list.video .one {
    padding: 0%;
    margin: 0%;
    border: none;
    background-color: var(--color-text);
    border-radius: 4px;
    overflow: hidden;
}
.reviews_list.video .one video {
    width: 100%;
    height: 550px;
    object-position: center;
    object-fit: cover;
    display: block;
    height: 100%;
}
.reviews_list.video .one:nth-child(3n+2) {
    margin-top: 30px;
}
.reviews_list.video .one:nth-child(3n) {
    margin-top: -10px;
}
/*
	reviews mess
*/
.reviews_list.mess {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 3%;
    margin: 40px 0;
}
.reviews_list.mess .one {
    padding: 0;
    border: none;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    margin: 0;
    border: 1px solid #ececec;
    height: fit-content;
}
.reviews_list.mess .one img {
	display: block;
}
.reviews_list.mess .one:nth-child(5n+2) {
    margin-top: 30px;
}
.reviews_list.mess .one:nth-child(3n) {
    margin-top: -10px;
}
/*
	reviews text
*/
section.reviews_comments .reviews_list.text {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 1%;
    margin: 40px 0 150px;
}
section.reviews_comments .reviews_list.text .one {
    width: 100%;
}
section.reviews_comments .reviews_list.text .one:nth-child(3n+2) {
    margin-top: 30px;
}
section.reviews_comments .reviews_list.text .one:nth-child(3n) {
    margin-top: -10px;
}


/*
	portfolio
*/
.portfolio_list.full {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
    margin-bottom: 40px;
}
.portfolio_list.full .one {
    position: relative;
    width: 100%;
    height: 500px;
}
.portfolio_list.full .one a.name {
    top: 62%;
    font-size: 33px;
    max-width: 80%;
    z-index: 2;
}
.portfolio_list.full .one:nth-child(even) {
	margin-top: 20px;
}
.portfolio_list.full .one img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
}
.portfolio_list.full .one:before {
    right: 6%;
}


/*
	no image header
*/
body.single.white header {
    color: var(--color-text);
    background-image: none;
    background-color: transparent;
}
body.single.white section.top {
    padding: 1px 0;
    border-bottom: 2px solid hsl(0deg 0% 80% / 15%);
}
body.single.white section.header_middle {
    padding: 10px 0;
}
body.single.white header:before {
    content: none;
}
body.single.white header:after {
    content: none;
}
body.single.white span.bmenu {
    background: hsl(0deg 0.12% 53.25% / 10%);
    color: var(--color-accent);
}
body.single.white span.bmenu:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/bmenu_color.svg);
}
body.single.white a.viber_white {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/viber.svg);
    height: 20px;
}
body.single.white a.telegram_white {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/telegram.svg);
    height: 20px;
}
body.single.white a.whatsapp_white {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/whatsapp.svg);
    height: 20px;
}

/*
	single
	section.breadcrumbs
*/
main section.breadcrumbs {
    background: hsl(0deg 0% 94.9% / 64%);
    color: #9e9e9e;
    padding: 12px 0;
    font-size: 15px;
}
main section.breadcrumbs a {
    color: var(--color-text);
}
main section.breadcrumbs a:after {
    background: #9e9e9e;
}


/*
	portfolio_preview
*/
section.portfolio_preview {
    padding: 10px 0;
}
section.portfolio_preview h1 {
    margin-bottom: 30px;
}
ul.photos_portfolio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 1%;
    grid-row-gap: 10px;
    margin: 30px 0 10px;
    list-style-type: none;
    padding: 0;
}
/*
ul.photos_portfolio li {
    border-radius: 4px;
    background-color: #efefef;
    overflow: hidden;
    height: 550px;
	transition: 2s;
}
ul.photos_portfolio li {
    border-radius: 4px;
    background-color: #efefef;
    overflow: hidden;
    height: 410px;
    transition: 2s;
}
*/
ul.photos_portfolio li {
    border-radius: 4px;
    background-color: #efefef;
    overflow: hidden;
    height: auto;
    transition: 2s;
}
ul.photos_portfolio li:hover {
    background-color: #e3e0e0;
}
ul.photos_portfolio li img {
    display: block;
    height: 550px;
    margin: 0 auto;
    width: auto;
    max-width: initial;
}
ul.photos_portfolio li img {

    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
}
ul.photos_portfolio.count.count1 {
    grid-template-columns: repeat(1, 1fr);
}
ul.photos_portfolio.count.count1 li,
ul.photos_portfolio.count.count1 li img {
    height: 750px;
}

/*
	video_list
*/
.video_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 1%;
    grid-row-gap: 1%;
    margin: 30px 0;
}
.video_list.count.count1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.video_list.count.count1 .one {
    height: auto;
}
.video_list .one {
    border-radius: 4px;
    background-color: #efefef;
    overflow: hidden;
    height: 550px;
	transition: 2s;
}
.video_list .one video {
    display: block;
    height: 550px;
    margin: 0 auto;
    width: auto;
    max-width: initial;
	display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
}


/*
	single page window
*/
section.title_single h1 {
    max-width: 1200px;
}
section.title_single article {
    font-size: 19px;
    max-width: 600px;
    margin: -20px 0 50px;
}

/*
	category_services
*/
section.category_services {
    padding: 1px 0 30px;
}
section.category_services .portfolio_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 4%;
}
section.category_services .portfolio_list.count.count2,
section.category_services .portfolio_list.count.count4 {
    grid-template-columns: repeat(2, 1fr);
}
section.category_services .portfolio_list .one {
    width: 100%;
    height: 460px;
}
section.category_services .category_list .one img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
}
section.category_services .portfolio_list .one .content {
    position: absolute;
    padding: 0 50px;
    z-index: 2;
    color: #fff;
    top: 190px;
	transition: 1s;
}
section.category_services .portfolio_list .one span.name,
section.category_services .portfolio_list .one a.name {
    font-size: 35px;
    position: relative;
    max-width: 100%;
    display: block;
    padding: 0;
	margin-bottom: 15px;
}
section.category_services .portfolio_list .one span.name {
    line-height: 110%;
    font-weight: 600;
}
section.category_services .portfolio_list .one:before {
    right: inherit;
    top: 10%;
    left: 50px;
    z-index: 2;
}
section.category_services .portfolio_list .one a.bg {
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
section.category_services .portfolio_list .one > * {
	z-index: 1;
}
section.category_services .portfolio_list .one:hover a.name {
	color: var(--color-accent);
}
section.category_services .portfolio_list .one a.name:hover {
	color: var(--color-accent);
	text-decoration: underline;
}
section.category_services .portfolio_list .one .content input[type="button"] {
	opacity: 0;
	transition: 1.5s;
	margin: 15px 0 0;
}
section.category_services .portfolio_list .one.no_url:hover .content {
    top: 120px;
}
section.category_services .portfolio_list .one:hover .content input[type="button"] {
	opacity: 1;
}
section.profiles_comparison .one img.alignnone {
    max-width: 600px;
}

/*
	profiles_comparison
*/
section.prices_table {
    padding: 20px 0 40px;
    background: #F5F5F5;
    position: relative;
}
section.prices_table .one {
	display: none;
}
section.prices_table .one.active {
	display: block;
}
a.more_price {
    font-size: 23px;
    background: var(--color-white);
    position: absolute;
    right: 0;
    padding: 30px 40px;
    top: 0;
    right: 5%;
	cursor: pointer;
}
a.more_price:after {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/more.svg);
    position: relative;
    margin: 0 0 0 10px;
    bottom: -5px;
}
a.more_price:hover {
	text-decoration: underline;
}
.pcomparison_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 20px;
    margin: 40px 0 0;
}
ol.navi {
    margin: 33px 0;
    padding: 0;
    list-style-type: none;
    font-size: 21px;
}
ol.navi li {
    padding: 13px 20px;
    border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    background: #ffffff5e;
    margin: 0 16px 0 0;
}
ol.navi li.active {
	background: #CBE4EE;
}
ol.navi li:hover {
	background: #e7eaeb;
}
ol.navi li:last-child {
	margin-right: 0;
}


/*
	prices_table
*/
section.prices_table table thead td {
    padding-top: 12px;
    padding-bottom: 22px;
    font-weight: 500;
    font-size: 21px;
}
section.prices_table table tbody tr td:first-child img {
    max-width: 50%;
    border-radius: 4px;
}
table tr td {
    vertical-align: top;
    max-width: 200px;
}
section.prices_table table tbody tr td {
    vertical-align: top;
    max-width: 200px;
    border-bottom: 1px solid #ddd;
}
section.prices_table table tbody tr:last-child td {
    border-bottom: none;
}


/*
	horizontal single
*/
section.horizontal input[type="button"] {
    padding: 23px 36px;
    margin: 20px 0 0;
}

/*
	photos_services
*/
section.photos_services {
    padding: 20px 0 30px;
}
.photos_mosaic {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    transform: translate(0) !important;
    align-items: center;
    justify-content: space-between;
}
.photos_mosaic a {
    height: 300px;
    position: relative;
}
.photos_mosaic a img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.photos_mosaic a:nth-child(7n+1) {
    width: calc(21.6% - 6.75px);
}
.photos_mosaic a:nth-child(7n+2) {
    width: calc(20.5% - 6.75px);
}
.photos_mosaic a:nth-child(7n+3) {
    width: calc(27% - 6.75px);
}
.photos_mosaic a:nth-child(7n+4) {
    width: calc(30.9% - 6.75px);
}
.photos_mosaic a:nth-child(7n+5) {
    width: calc(38.5% - 6px);
}
.photos_mosaic a:nth-child(7n+6) {
    width: calc(24.4% - 6px);
}
.photos_mosaic a:nth-child(7n+7) {
    width: calc(37.1% - 6px);
}

/*
	questions
*/
section.question {
    padding: 5px 0 40px;
}
section.question .name {
    font-size: 28px;
    font-style: normal;
    letter-spacing: 0;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 120%;
	cursor: pointer;
}
section.question .name:hover {
	color: var(--color-accent);
}
section.question .name span {

}
section.question .name h3 {
    display: inline-block;
    margin: 10px 0 0;
}
.question_list .one article {
    display: none;
}
.question_list .one.active article {
    display: block;
}
.question_list .one {
    border-top: 1px solid #ddddddb0;
    padding: 7px 0 16px;
}
.question_list .one:last-child {
    border-bottom: 1px solid #ddddddb0;
}

/*
	form file
*/
form label.input-file {
    display: block;
    margin: 0 0 30px 0;
}
.input-file {
	position: relative;
	display: inline-block;
}
.input-file-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    background-color: var(--color-text);
    line-height: 22px;
    height: 40px;
    width: 40px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 100%;
    border: none;
    margin: 0;
    transition: background-color 0.2s;
    font-size: 25px;
    font-weight: 200;
}
.input-file-text {
	padding: 0 10px;
	line-height: 40px;
	display: inline-block;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */
.input-file input[type=file]:focus + .input-file-btn {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover/active */
.input-file:hover .input-file-btn {
	background-color: var(--color-accent-hover);
}
.input-file:active .input-file-btn {
	background-color: #2E703A;
}
 
/* Disabled */
.input-file input[type=file]:disabled + .input-file-btn {
	background-color: #eee;
}

/*
	second step servive
*/
.pcomparison_list.count.count3 {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 4%;
}
a.more.button {
    border-radius: 2px;
    padding: 14px 30px;
    margin: 30px 0 0;
    display: table;
}
section.horizontal.simple {
    padding: 40px 0 80px;
}
section.horizontal.simple:after {
	content: none;
}
section.horizontal.simple a {
    border-radius: 2px;
    padding: 10px 28px;
    margin: 30px 0 0;
    display: table;
    background-color: var(--color-accent);
	color: var(--color-white);
	transition: 1s;
}
section.horizontal.simple a:hover {
    background-color: var(--color-accent-hover);
	color: var(--color-white);
}

/*
	colors
*/
section.colors {
    padding: 30px 0 1px;
}
.colors_photo {
    float: right;
    width: 30%;
}
ul.colors_list {
    float: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 5%;
    grid-row-gap: 15px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 33%;
    padding: 10px 10px 10px 40px;
    box-sizing: border-box;
}
ul.colors_list li span {
    width: 100%;
    height: 60px;
    display: block;
    border-radius: 3px;
    background: var(--color-text);
    margin-bottom: 9px;
}


/*
	article video
*/
section.middle_text .wp-video {
    float: right;
    max-width: 50%;
    height: auto;
    margin: 12px 0 12px 60px;
	border-radius: 4px;
	overflow: hidden;
}


/*
	types_window
*/
section.types_window {
    padding: 20px 0 40px;
}
.twindow_list .one {
	background-color: var(--color-text);
}
.twindow_list .one:after {
    content: '';
    background: linear-gradient(180deg, rgba(240,229,214,0) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
    transition: 1s;
    z-index: 0;
}
.twindow_list .one:hover:after {
    opacity: 0.6;
}
.twindow_list .one > * {
	position: relative;
    z-index: 1;
}


/*
	step
*/
section.step {
    padding: 25px 0;
}
section.step ol {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 6%;
    grid-row-gap: 0;
    margin: 40px 0;
    padding: 0;
    list-style-type: none;
    counter-reset: list 0;
}
section.step ol li {
	position: relative;
}
section.step ol li span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}
section.step ol li:before {
    counter-increment: list;
    content: counter(list) '.';
    text-align: right;
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 0;
    color: #EDEDED;
    font-size: 146px;
    font-style: normal;
    font-weight: 800;
    line-height: 0;
    z-index: -1;
    padding: 10px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    transition: 0.5s;
	transition: 2s;
}
section.step ol li:hover:before {
    color: #e9e9e9;
}
section.step ol li:after {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/step_arrow.svg);
    position: absolute;
    right: -40px;
    top: 30%;
    opacity: 0.1;
	transition: 1s;
}
section.step ol li:hover:after {
    right: -50px;
    opacity: 0.4;
}
section.step ol li:last-child:after {
	content: none;
}

/*
	twindow_list
*/
.twindow_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2%;
    grid-row-gap: 2%;
    margin: 40px 0 0;
}
.twindow_list .one {
    width: 100%;
    position: relative;
    height: 320px;
	overflow: hidden;
	border-radius: 4px;
}
.twindow_list .one:before {
    content: url(//diva-group.by/wp-content/themes/divagroup/images/arrow_one.svg);
    position: absolute;
    z-index: 1;
    left: 25px;
    top: 13%;
    opacity: 0.3;
    transition: 1s;
}
.twindow_list .one a.bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.twindow_list .one a.bg img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
    filter: contrast(1);
    z-index: 0;
    transform: scale(1);
}
.twindow_list .one a.name {
    font-size: 35px;
    font-weight: 600;
    position: absolute;
    top: 65%;
    padding: 0 7%;
    box-sizing: border-box;
    color: var(--color-white);
    line-height: 135%;
    z-index: 1;
}


/*
	pop_up
*/
section.pop_up {
    background: var(--color-text);
    background-image: url(//diva-group.by/wp-content/themes/divagroup/images/plus.webp);
    background-position: left;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    z-index: 2;
	display: none;
}
section.pop_up::before {
    content: attr(data-title);
    font-size: 222px;
    font-weight: 600;
    position: absolute;
    bottom: 7%;
    right: 0;
    opacity: 0.05;
}
section.video.pop_up {
	display: none;
}
section.video.pop_up.active {
	display: block;
}
section.pop_up video {
    position: fixed;
    left: 0;
    right: 0;
    top: 13%;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    width: 90%;
    max-width: 1200px;
}
section.pop_up span.close {
    background: var(--color-accent);
    content: url(//diva-group.by/wp-content/themes/divagroup/images/close_white.svg);
    padding: 30px;
    border-radius: 100%;
    position: fixed;
    right: -15px;
    top: -15px;
    cursor: pointer;
}
section.pop_up span.close:hover {
    background: var(--color-accent-hover);
}

/*
	callback form
*/
section.callback.pop_up.active {
	display: block;
}
section.callback .content {
    padding: 15% 10% 0;
    box-sizing: border-box;
}
section.callback .content .title.left {
    float: left;
    width: 35%;
    color: #fff;
}
section.pop_up .content {
    padding: 15% 10% 0;
    padding: 7% 7% 0;
    box-sizing: border-box;
    color: var(--color-white);
}
section.pop_up .content a {
    color: var(--color-white);
}
section.callback .input-file-btn {
    background-color: hsl(0deg 0% 100% / 9%);
}
section.callback textarea,
section.callback input[type="email"],
section.callback input[type="tel"],
section.callback input[type="text"] {
	color: #fff;
	border-bottom: 2px solid hsl(0deg 0% 83.68% / 30%);
}
section.callback form textarea {
    margin-bottom: 30px;
    height: 80px;
}

/*
	menu panel
*/
section.menu_panel.pop_up.active {
	display: block;
}
section.menu_panel.pop_up .title {
    margin-bottom: 50px;
}
section.pop_up .content nav {
    float: left;
    width: 70%;
    border-right: 1px solid rgb(255 255 255 / 8%);
    padding-bottom: 50px;
}
section.pop_up .content address {
    float: right;
    width: 25%;
}
section.pop_up .content address .social_network {
    display: flex;
    justify-content: left;
    gap: 25px;
    margin: 40px 0 0;
}
section.pop_up .content nav ul.top {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
section.pop_up .content nav ul.top li {
	margin: 10px 0;
}
section.menu_panel .content_nav .title {
    font-size: 27px;
    color: #CCCCD4;
    margin-top: 12px;
    margin-bottom: 20px;
}
section.pop_up .content .content_nav {
    float: left;
    width: 30%;
}
section.pop_up .content ul.products {
    float: right;
    width: 70%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 5%;
    grid-row-gap: 5%;
}
ul.products > li {
    font-size: 27px;
    margin-top: 12px;
}
ul.products > li > a {
    color: #CCCCD4;
}
ul.products > li > ul {
    margin: 26px 0 40px;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
}
ul.products > li > ul > li {
    margin: 8px 0;
}
section.pop_up .content nav li.current_page_item > a {
    color: #a2a2a2;
}

/*
	blog article
*/
section.blog {
    padding: 25px 0 0;
}
section.post_article {
    padding: 1px 0 40px;
}
section.post_article time {
    margin: -30px 0 30px;
    display: block;
}
section.post_article article h1,
section.post_article article h2,
section.post_article article h3,
section.post_article article h4,
section.post_article article h5,
section.post_article article h6,

section.post_article article ul,
section.post_article article ol,
section.post_article article p {
    max-width: 1200px;
}
section.post_article article img.alignnone {
    width: 120%;
    max-width: max-content;
}
.portfolio_list.blog_list .one {
    width: 500px;
    height: 400px;
}
.portfolio_list.blog_list .one a.name {
    font-size: 22px;
}
.more_black {
    text-align: center;
    background: var(--color-text);
    color: var(--color-white);
    width: 100%;
    display: block;
    padding: 16px 0;
    margin-bottom: 30px;
    border-radius: 6px;
	cursor: pointer;
}
.more_black:hover {
    background: var(--color-accent);
}
/*
	archive blog
*/
.portfolio_list.blog_list.full {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}
.portfolio_list.blog_list.full .one {
	width: 100%;
}
.portfolio_list.blog_list.full .one:nth-child(even) {
    margin-top: 0;
}
.portfolio_list.blog_list.full .one:nth-child(1) {
    grid-column: 1 / 3;
}
.portfolio_list.blog_list .one time {
    position: absolute;
    z-index: 2;
    color: var(--color-white);
    top: 200px;
    left: 20px;
    padding: 0 3%;
}
.portfolio_list.blog_list.full .one:nth-child(1) time {
    padding: 0 5%;
}
.portfolio_list.blog_list.full .one:nth-child(1) a.name {
    max-width: 600px;
}
.pagination_pages {
    grid-column: 1 / 4;
    text-align: center;
    padding: 10px 0;
}
.pagination_pages a.page-numbers {
	background: var(--color-text);
	color: var(--color-white);
    padding: 7px 12px;
    border-radius: 2px;
    margin: 0 4px;
}
.pagination_pages span.page-numbers.current {
    background: var(--color-grey);
    color: var(--color-text);
    padding: 7px 12px;
    border-radius: 2px;
    margin: 0 4px;
}
.pagination_pages a.page-numbers:hover {
	background: var(--color-accent);
}


/*
	article video
*/
section.middle_text .wp-video {
    float: right;
    max-width: 50%;
    height: auto;
    margin: 12px 0 12px 60px;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    max-height: 700px;
}
section.middle_text .wp-video .mejs-container {
    clear: both;
    max-width: 100%;
    max-height: 700px;
    width: 100%;
    object-fit: cover;
}
section.middle_text .wp-video video.wp-video-shortcode {
    max-height: 700px;
}


/*
	dinamic menu top header
*/
@media(min-width: 901px) {
	body.dinamic {
		padding-top: 75px;
	}	
	body.dinamic section.top {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		background: var(--color-text);
		color: var(--color-white);
		z-index: 2;
		border: none;
		padding: 10px 0;
		box-shadow: 0px 4px 20px 3px hsl(0deg 0% 70.26% / 27%);
		border-bottom: 1px solid var(--color-accent-hover);
	}
	body.dinamic section.top a {
		color: var(--color-white);
	}
	body.single.white.dinamic section.top {
		border-bottom: 1px solid var(--color-accent-hover);
		padding: 10px 0;
	}
	body.dinamic.customize-support section.top {
		top: 27px;
	}

}


@media(max-width: 1900px) {
	nav.header_middle ul {
		gap: 10px;
		font-size: 15px;
	}
	nav.line ul {
		gap: 5px;
	}
	
}


@media(max-width: 1700px) {
	header a.email {
		display: none;
	}
	nav.line ul {
		gap: 3px;
	}
	input[type="button"] {
		font-size: 13px;
	}	
	nav.header_middle ul {
		gap: 0;
		font-size: 14px;
	}
	section.header_middle {
		font-size: 16px;
	}
	header span.bmenu {
		font-size: 15px;
	}
	section.slider_title .play {
		right: 7%;
		top: 200px;
		font-size: 14px;
	}	
	section.slider_title article.desc {
		font-size: 19px;
	}
	h2 {
		font-size: 43px;
	}
	section.about article.left img {
		height: 100px;
		width: auto;
	}
	.photos .one {
		height: 250px;
	}	
	
}

@media(max-width: 1500px) {
	h1 {
		font-size: 68px;
		font-style: normal;
	}	
	section.slider_title .one > * {
		max-width: 1000px;
	}
	nav.header_middle ul {
		gap: 0;
		font-size: 14px;
	}	
	nav.header_middle ul li a {
		padding: 10px 15px;
	}	
	span.bmenu {
		padding: 12px 20px 12px 5px;
	}	
	.top .phone {
		font-size: 17px;
	}
	.top .phone {
		gap: 7px;
	}
	input[type="button"] {
		font-size: 12px;
	}
	header ul.lang {
		gap: 20px;
	}
	
}

@media(max-width: 1400px) {
	.top .phone a.telegram_white,
	.top .phone a.whatsapp_white {
		display: none;
	}
	nav.header_middle ul {
		gap: 0;
		font-size: 13px;
	}
	
}

@media(max-width: 1300px) {
	h1 {
		font-size: 62px;
	}	
	h2, .title {
		font-size: 45px;
	}	
	input[type="button"] {
		padding: 16px 17px;
	}
	nav.line ul {
		gap: 1px;
	}	
	section.top {
		font-size: 13px;
	}	
	section.slider_title .one > * {
		max-width: 920px;
	}
	span.bmenu {
		content: url(//diva-group.by/wp-content/themes/divagroup/images/bmenu.svg);
		padding: 14px 25px;
	}
	nav.header_middle ul {
		gap: 0;
        font-size: 13px;
	}
	nav.header_middle ul li a {
		padding: 5px 8px;
	}	
	section.slider_title .one > * {
		max-width: 820px;
	}
	section.about article.left img {
		height: 80px;
		width: auto;
	}
	article {
		line-height: 145%;
		font-size: 15px;
	}	
	section.triggers ol li span {
		font-size: 45px;
		margin-bottom: 20px;
	}
	.portfolio_list .one {
		width: 800px;
		height: 500px;
	}
	.portfolio_list .one a.name {
		font-size: 37px;
		max-width: 90%;
	}
	article.middle {
		max-width: 45%;
		margin: 0 5%;
	}	
	.sertificates_list .one {
		width: 270px;
	}	
	footer .title,
	nav.bottom > ul > li {
		font-size: 21px;
	}
	footer ul li {
		font-size: 14px;
		margin: 5px 0;
	}
	nav.bottom > ul > li > ul {
		margin: 15px 0 0;
	}
	section.bottom_navi nav.nav {
		width: 12%;
	}
	section.bottom_navi nav.bottom {
		width: 65%;
	}
	section.copyright .center {
		font-size: 13px;
	}
	.social_network {
		gap: 16px;
	}
	
}

@media(max-width: 1200px) {
	nav ul li.hidden {
		display: none;
	}	
	nav.header_middle ul {
		font-size: 13px;
	}
	.top .phone {
		font-size: 15px;
	}	
	section.about article.left img {
		height: 70px;
		width: auto;
	}
	section.about .video {
		width: 30%;
	}
	section.about .photos {
		width: 35%;
	}
	.partners_list {
		grid-column-gap: 2%;
		grid-row-gap: 2%;
	}	
	.partners_list .one {
		padding: 17px 22px;
		font-size: 15px;
		line-height: 130%;
	}

	
}

@media(max-width: 1100px) {
	header input[type="button"] {
		display: none;
	}
	nav.header_middle ul {
		font-size: 13px;
	}
	
}

@media(max-width: 900px) {
	html.main {
		margin-top: 0 !important;
		overflow-x: hidden;
	}
	html #wpadminbar {
		display: none !important;
		height: 0px !important;
		max-height: 0px !important;
	}		
	
	.center {
		width: 92%;
		min-width: 92%;
		max-width: 92%;
	}
	h1 {
		font-size: 46px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	p.h2, h2 {
		font-size: 35px;
		line-height: 120%;
		font-weight: normal;
		position: relative;
		font-weight: 500;
		letter-spacing: 0;
	}
	p.h3, h3 {
		font-size: 21px;
		line-height: 120%;
	}
	h4, h5, h6 {
		font-size: 16px;
		line-height: 16pt;
	}


	html {
		background: #fff;
	}
	article {
		line-height: 145%;
		font-size: 16px;
	}	

	#popup__toggle {
		bottom: 8%;
		right: 3px;
		position: fixed;
		z-index: 15;
	}
	.circlephone {
		max-width: 70px;
		max-height: 70px;
	}
	.circle-fill {
		max-width: 45px;
		max-height: 45px;
		bottom: -12px;
		right: 23px;
	}
	.img-circle {
		width: 25px;
		height: 25px;
		right: 33px;
		top: -27px;
	}
	.img-circleblock {
		width: 20px;
		height: 20px;
		right: 3px;
		top: 2px;
		position: absolute;
		background-size: 65%;
	}


	/*
		bmenu
	*/
	header span.bmenu:hover,
	header span.bmenu {
		content: url(//diva-group.by/wp-content/themes/divagroup/images/bmenu_mobile.svg);
		background: transparent;
		padding: 5px 0 5px 5px;
		border-radius: 0;
	}
	body.single.white span.bmenu {
		background: transparent;
		color: var(--color-accent);
	}
	/*
	body.dinamic span.bmenu {
		position: fixed;
		right: 0;
		top: 0;
		padding: 15px 10px;
		background: var(--color-accent) !important;
		border-radius: 0 0 0 5px;
	}
	body.dinamic section.header_middle {
		position: relative;
		z-index: 2;
	}	
	*/
	body.dinamic section.header_middle {
		position: relative;
		z-index: 2;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		background: var(--color-text);
		padding: 10px 0;
		z-index: 3;
	}	
	
	section.pop_up.active {
		z-index: 2;
	}
	section {
		background: repeating-linear-gradient(to bottom, #eeeeee29, hsl(0deg 0% 100% / 7.84%) 1px, hsl(0deg 0% 100% / 0%) 1px, hsl(0deg 0% 100% / 0%) 90%);
	}
	body.single.white section.header_middle {
		padding: 10px 0;
		background: var(--color-white);
		border-bottom: 1px solid var(--color-accent);
	}	
	body.single.white section.header_middle span.bmenu {
		content: url(//diva-group.by/wp-content/themes/divagroup/images/bmenu_mobile_accente.svg);
	}	

	/*
		header
	*/
	section.top {
		display: none;
	}
	nav.header_middle {
		display: none;
	}	
	header a.logo {
		max-width: 23%;
	}
	.center {
		width: 90%;
		min-width: 90%;
		max-width: 90%;
		padding: 0;
	}
	section.slider_title .one h1, section.slider_title .one h2 {
		font-size: 43px;
		font-style: normal;
		margin: 40px 0;
	}	
	section.slider_title .center {
		position: inherit;
	}
	section.slider_title article.desc {
		font-size: 17px;
	}
	header div.mouse {
		display: none;
	}
	header div.mouse:before {
		content: none;
	}
	header div.mouse:after {
		content: none;
	}
	section.slider_title .play {
		position: relative;
		z-index: 1;
		right: 15%;
		top: 40%;
		max-width: 100px;
		cursor: pointer;
		right: inherit;
		left: 100px;
		top: 480px;
	}
	section.header_middle {
		padding: 25px 0;
	}
	section.slider_title {
		position: relative;
		padding: 0;
	}
	section.slider_title h1 {
		margin: 25px 0;
	}	
	body.main header video.bgvideo {
		object-fit: cover;
	}	
	section.header_middle .phone {
		display: block;
	}	
	section.header_middle .phone a.tel {
		font-size: 14px;
	}	
	section.header_middle .phone a.viber_white {
		position: relative;
		bottom: -5px;
		margin-left: 10px;
	}
	
	
	/*
		about
	*/
	section.about {
		padding: 1px 0 20px;
	}
	section.about .center {
		display: block;
		align-items: normal;
		justify-content: space-between;
	}	
	article.left {
		float: none;
		width: 100%;
	}
	section.about article.left img {
		height: 100px;
		width: auto;
	}	
	section.about .video {
		width: 100%;
	}
	section.about .photos {
		width: 100%;
	}	
	.photos .one {
		height: 160px;
	}
	.photos .one:nth-child(1) {
		height: 250px;
	}

		
	/*
		triggers
	*/
	section.triggers {
		overflow: hidden;
		padding: 30px 0;
	}
	section.triggers ol {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 6%;
		grid-row-gap: 10%;
		padding-bottom: 90px;
		margin: 30px 0 0;
	}	
	section.bg_around:before {
		z-index: 0;
	}	
	section.triggers ol li:last-child {
		display: none;
	}
	
	
	/*
		portfolio
	*/
	section.portfolio {
		overflow: hidden;
		padding: 5px 0 10px;
	}	
	.portfolio_list .one {
		width: 800px;
		height: 350px;
	}
	.portfolio_list .one a.name {
		font-size: 25px;
		max-width: 100%;
		top: 40%;
		max-width: 100%;
		width: 100%;
	}
	ul.slick-dots {
		text-align: left !important;
		margin: 15px 0 !important;
		position: relative !important;
		bottom: 0 !important;
	}
	ul.slick-dots li button {
		background: #FEB373 !important;
		border-radius: 100%;
	}
	ul.slick-dots li.slick-active button {
		background: #E23509 !important;
	}
	.portfolio_list .one:before {
		content: url(//diva-group.by/wp-content/themes/divagroup/images/arrow_one_mobile.svg);
		top: 10%;
		opacity: 0.3;
		transition: 1s;
		left: 25px;
	}	
	.portfolio_list.regular_width .one {
		margin: 0 15px 0 0;
	}	
	
	/*
		service
	*/
	section.service {
		overflow: hidden;
	}	
	section.service.title_left .title {
		max-width: 100%;
		font-size: 35px;
	}
	article.middle.top {
		margin-top: 0;
		margin-right: 0;
		position: relative;
		width: 100%;
		max-width: 100%;
	}
	section.service.title_left .products_block {
		margin-top: 20px;
	}	
	.products_block {
		clear: both;
		width: 100%;
		margin: 0;
		display: flow-root;
	}	
	.preview_left {
		float: none;
		width: 100%;
		height: auto;
	}
	.preview_left .content {
		position: relative;
	}	
	.product_right {
		float: none;
		width: 100%;
		height: auto;
		margin-top: 20px;
		max-width: 90%;
		width: 90%;
		min-width: 90%;
		margin: 20px auto;
	}
	.product_right .slick-list.draggable {
		
	}
	.product_right .one {
		width: 280px;
		margin: 0 15px 0 0;
		height: 300px;
	}
	.product_right .one .name {
		padding: 0 25px;
		top: 180px;
	}

	/*
		horizontal
	*/
	section.horizontal {
		padding-bottom: 70px;
	}	
	section.horizontal h2 {
		font-size: 37px;
	}
	section.horizontal:after {
		content: none;
	}	

	/*
		horizontal.manager
	*/
	section.horizontal.manager {
		padding-bottom: 40px;
	}
	section.horizontal.manager h2 {
		font-size: 23px;
        margin-bottom: 10px;
	}
	section.horizontal input[type="button"] {
		margin: 5px 0 0;
		width: auto;
		padding: 19px 26px;
	}
	/*
		partners
	*/
	section.partners {
		overflow: hidden;
	}
	section.partners:after {
		content: none;
	}
	.partners_list.right {
		float: none;
		width: 100%;
	}
	.partners_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
	}
	.partners_list {
		grid-column-gap: 0;
		grid-row-gap: 0.5%;
	}	


	/*
		sertificates
	*/
	section.sertificates {
		padding: 55px 0 15px;
		overflow: hidden;
	}
	section.sertificates .visible .slick-list.draggable {
		overflow: visible;
	}
	.sertificates_list.right {
		float: none;
		width: 100%;
		position: relative;
	}
	.sertificates_list .one img {
		height: 300px;
	}
	.sertificates_list .one img {
		height: 330px;
		max-width: 100%;
		width: auto;
		background: var(--color-text);
	}
	.sertificates_list.right:after {
		content: none;
	}


	/*
		reviews
	*/
	section.reviews {
		padding: 25px 0 0;
		overflow: hidden;
	}
	section.reviews .visible .slick-list.draggable {
		overflow: visible;
	}	
	.reviews_services.left {
		float: none;
		width: 100%;
		position: relative;
	}
	.reviews_services.left:after {
		content: '';
		clear: both;
		display: block;
	}
	.reviews_services .one {
		float: left;
		width: 45%;
		margin: 0 0 20px 0;
	}
	.reviews_services .one img {
		height: 23px;
		width: auto;
	}	
	.reviews_services .one:last-child {
		float: right;
	}
	.reviews_list.right {
		float: none;
		width: 100%;
	}
	.reviews_list .one {
		padding: 15px 20px;
	}
	.reviews_list.right .one {
		height: 350px;
	}
	.reviews_list .one .content {
		margin-bottom: 5px;
	}
	span.stars {
		height: 14px;
	}
	section.reviews .reviews_list.right:after {
		content: none;
	}
	
	/*
		team
	*/
	section.team {
		position: relative;
		padding: 10px 0;
	}	
	section.team:after {
		content: none;
	}
	h2, .title {
		font-size: 35px;
	}
	section.team .title {
		position: relative;
		z-index: 1;
		margin-bottom: 20px;
	}
	.team_gallery {
		display: block;
	}	
	.team_gallery .big {
		width: 100%;
	}	
	.team_gallery .team_list {
		width: 100%;
	}


	/*
		contact
	*/
	section.contact {
		padding: 20px 0;
	}
	section.contact .center {
		display: block;
		justify-content: space-between;
	}
	section.contact address {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
	section.contact .map {
		float: none;
		width: 100%;
		margin: 10px 0;
	}
	section.contact .map iframe {
		min-height: 230px;
	}

	/*
		form
	*/
	section.form {
		padding: 20px 0 60px;
	}
	form.form_callback {
		float: none;
		width: 100%;
	}
	form .double {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
	textarea, input[type="email"], input[type="tel"], input[type="text"] {
		margin: 1px 0;
		font-size: 19px;
	}
	form label.input-file {
		display: block;
		margin: 0 0 25px 0;
	}
	input[type="button"] {
		padding: 22px 0;
		width: 100%;
		border-radius: 8px;
		font-size: 14px;
	}
	form input[type="button"] {
		float: none;
	}
	form a.politic {
		max-width: 100%;
		display: block;
		float: none;
		margin-left: 0;
		padding: 20px 0 0;
	}	
	span.company_name {
		font-size: 66px;
		bottom: 10px;
	}


	/*
		footer
	*/
	footer {
		overflow: hidden;
	}

	/*
		bottom_navi
	*/
	section.bottom_navi a.logo {
		width: 30%;
		margin: 0;
	}
	section.bottom_navi {
		padding: 25px 0;
	}
	section.bottom_navi nav.nav {
		display: none;
	}
	section.bottom_navi nav.bottom {
		display: none;
	}
	section.copyright .center {
		display: block;
		justify-content: space-between;
		font-size: 15px;
	}
	.social_network {
		display: flex;
		justify-content: left;
		gap: 30px;
        margin: 15px 0;
	}
	section.copyright a.autor {
		display: none;
	}
	footer span.pay {
		margin: 20px 0 0;
	}	
	
	/*
		pop_up
	*/
	section.pop_up {
		overflow: auto;
	}
	section.pop_up span.close {
		padding: 20px;
		right: -11px;
		top: -11px;
	}	
	section.menu_panel .content_nav .title {
		font-size: 21px;
	}	
	section.menu_panel.pop_up .title {
		margin-bottom: 25px;
	}
	section.pop_up .content {
		padding: 1% 15% 20%;
	}	
	section.pop_up .content nav {
		float: none;
		width: 100%;
		border-right: none;
		padding-bottom: 0;
	}	
	section.pop_up .content .content_nav {
		float: none;
		width: 100%;
	}
	section.pop_up .content address {
		float: none;
		width: 100%;
		
		display: none;
	}
	section.pop_up .content ul.products {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 1%;
	}
	ul.products > li {
		font-size: 21px;
		margin-top: 12px;
	}	
	ul.products > li > ul {
		margin: 26px 0 10px;
		padding: 0;
		list-style-type: none;
		font-size: 16px;
	}
	section.pop_up .content ul.products > li > a {
		color: #CCCCD4;
		font-weight: 600;
	}
	section.pop_up::before {
		content: attr(data-title);
		font-size: 60px;
		font-weight: 600;
		position: fixed;
		bottom: initial;
		right: inherit;
		top: 15px;
		opacity: 0.05;
		z-index: 1;
		color: #fff;
		position: relative;
		left: 0;
	}
	nav ul li.hidden {
		display: block;
	}


	/*
		about
	*/
	header section.breadcrumbs {
		margin-bottom: -10px;
		padding: 20px 0 0;
	}	
	section.triggers_single.bg_around {
		padding: 10px 0 60px;
	}
	section.triggers_single ol {
		float: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 8%;
		grid-row-gap: 8%;
		margin: 0;
		padding: 0 0 25px 0;
		list-style-type: none;
	}
	section.triggers_single ol li {
		padding: 0;
		border: none;
	}	
	section.triggers_single ol li:before {
		left: 20px;
		top: -5px;
	}
	section.social_networks {
		padding: 10px 0 25px;
	}
	.social_networks_linsk {
		display: block;
		justify-content: space-between;
		font-size: 14px;
		float: none;
		width: 100%;
		padding: 2px 0;
		gap: 10px;
	}
	.social_networks_linsk a {
		margin: 10px 30px 10px 0;
		height: 50px;
		border-radius: 0;
		padding: 0;
		height: 30px;
	}	
	section.legal_data {
		padding: 0 0 20px 0;
	}	
	section.legal_data .center {
		display: block;
	}
	article.middle {
		max-width: 100%;
		margin: 0;
		width: 100%;
		padding-bottom: 20px;
	}
	a.downloads {
		background: #F9F7F3;
		padding: 20px;
		width: 13%;
		border-radius: 4px;
		position: relative;
		max-width: -webkit-fill-available;
		width: 100%;
		display: flex;
	}
	a.downloads:before {
		position: relative;
		float: left;
		margin: -10px 20px 0 0;
		left: 0;
		top: inherit;
	}


	/*
		portfolio
	*/
	.portfolio_list.full {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 20px;
		margin-bottom: 0;
		margin: 30px 0 0;
	}
	.portfolio_list.full .one {
		position: relative;
		width: 100%;
		height: 360px;
	}
	.portfolio_list.full .one:nth-child(even) {
		margin-top: 0;
	}	
	.portfolio_list.full .one a.name {
		top: inherit;
		font-size: 28px;
		max-width: 100%;
		z-index: 2;
		bottom: 25px;
	}

	/*
		portfolio one
	*/
	section.portfolio_preview {
		padding: 0;
	}
	section.portfolio_preview h1 {
		margin-bottom: 30px;
		font-size: 30px;
	}
	ul.photos_portfolio {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
		margin: 20px 0;
		list-style-type: none;
		padding: 0;
	}
	ul.photos_portfolio li {
		height: auto;
	}
	section.breadcrumbs a {
		margin: 0 30px 0 0;
	}	
	section.breadcrumbs a:after {
		width: 10px;
		right: -20px;
	}


	/*
		reviews
	*/
	section.reviews_comments {
		padding: 1px 0;
	}	
	section.reviews_comments h2 {
		font-size: 32px;
		width: 100%;
	}
	
	/*
		reviews video
	*/
	.reviews_list.video {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
		margin: 25px 0;
	}
	.reviews_list.video .one {
		padding: 0%;
		margin: 0%;
		border: none;
		background-color: var(--color-text);
		border-radius: 4px;
		overflow: hidden;
		width: 100%;
	}
	.reviews_list.video .one:nth-child(3n+2) {
		margin-top: 0;
	}
	.reviews_list.video .one:nth-child(3n) {
		margin-top: 0;
	}
	
	/*
		reviews_comments mess
	*/
	.reviews_list.mess {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 10px;
		grid-row-gap: 20px;
		margin: 0;
	}	
	
	/*
		reviews_comments video
	*/
	section.reviews_comments {
		padding: 10px 0;
	}
	section.reviews_comments .reviews_list.text .one:nth-child(3n+2) {
		margin-top: 0;
	}
	section.reviews_comments .reviews_list.text .one:nth-child(3n) {
		margin-top: 0;
	}
	section.reviews_comments .reviews_list.text .one {
		width: 100%;
		margin: 0;
		float: none;
	}
	section.reviews_comments .reviews_list.text {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
		margin: 0;
	}


	/*
		single_page
	*/
	section.single_page article {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	section.single_page aside {
		position: relative;
		top: 0;
		right: 0;
		float: none;
		width: 100%;
		display: none;
	}
	article ul {
		padding-left: 20px;
	}
	section.single_page article h2 {
		font-size: 26px;
	}


	/*
		reviews_services
	*/
	section.reviews_services {
		padding: 8px 0 12px;
	}
	section.reviews_services h2 {
		font-size: 25px;
	}
	section.preview video {
		max-width: 100%;
	}
	section.gallory_photos a:nth-child(5) {
		height: 160px;
	}
	section.gallory_photos a:nth-child(1) {
		height: 220px;
	}
	section.gallory_photos {
		margin-bottom: 0;
	}

	/*
		city_list
	*/
	section.city {
		padding: 1px 0 20px;
	}
	.city_list.right {
		float: none;
		width: 100%;
	}
	.city_list {
		text-align: center;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 7px;
		grid-row-gap: 7px;
	}
	.city_list .one {
		padding: 5px;
		border-radius: 4px;
	}
	.city_list .one img {
		max-height: 80px;
		width: auto;
	}

	/*
		service
	*/
	.portfolio_list {
		margin: 20px 0;
	}	
	section.category_services {
		padding: 1px 0;
	}
	section.category_services .portfolio_list {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 10px;
	}
	section.category_services .portfolio_list .one .content {
		position: relative;
		padding: 0 30px;
		z-index: 2;
		color: #fff;
		top: 30px;
		transition: 1s;
	}
	table tr td {
		vertical-align: top;
		max-width: min-content;
	}
	

	/*
		category_services
	*/
	section.category_services .portfolio_list .one {
		width: 100%;
		height: auto;
		padding: 20px 0;
	}	
	section.category_services .portfolio_list .one .content {
		position: relative;
		padding: 50px 30px 30px 30px;
		z-index: 2;
		color: #fff;
		top: 0;
		transition: 1s;
	}
	section.category_services .portfolio_list .one:before {
		right: inherit;
		top: 10%;
		left: initial;
		z-index: 2;
		right: 30px;
	}	
	section.category_services .portfolio_list .one.no_url .content,
	section.category_services .portfolio_list .one.no_url:hover .content {
		padding: 30px;
		top: 0;
	}
	section.category_services .portfolio_list.count.count2, section.category_services .portfolio_list.count.count4 {
		grid-template-columns: repeat(1, 1fr);
	}	
	section.category_services .portfolio_list .one .content input[type="button"] {
		opacity: 1;
		transition: 1.5s;
		margin: 15px 0 0;
		font-size: 14px;
		width: auto;
		padding: 22px 32px;
	}
	section.category_services .category_list .one img {
		display: block;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
		width: 100%;
		transform: scale(1);
		transition: 1.5s;
		filter: contrast(1);
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}	
	.portfolio_list .one:after {
		opacity: 0.75;
	}	
	
	/*
		photos_gallery
	*/
	section.title_left .title,
	section.title_left h2 {
		width: 100%;
		max-width: inherit;
		line-height: 130%;
	}	
	.photos_mosaic {
		gap: 4px;
	}
	.photos_mosaic a {
		height: 220px;
		position: relative;
        background-color: var(--color-text);
	}		
	.photos_mosaic a:nth-child(7n+1) {
		width: calc(50% - 4px);
	}
	.photos_mosaic a:nth-child(even) {
		width: 49% !important;
	}
	.photos_mosaic a:nth-child(odd) {
		width: 49.5% !important;
	}
	.photos_mosaic a:nth-child(4n+1) {
		width: 40.5% !important;
	}
	.photos_mosaic a:nth-child(4n+2) {
		width: 58% !important;
	}	
	/*
	.photos_mosaic a:last-child {
		width: 100% !important;
	}
	*/

	/*
		step
	*/
	section.step {
		padding: 5px 0;
	}
	section.step ol {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 25px;
		margin: 20px 0 0;
		padding: 0;
		list-style-type: none;
		counter-reset: list 0;
	}
	section.step ol li:after {
		display: none;
	}
	section.prices_table table tbody tr td {
		vertical-align: top;
		max-width: initial;
		border-bottom: 1px solid #ddd;
	}

	/*
		table
	*/
	section.prices_table {
		padding: 20px 0;
	}
	section.prices_table table tr td {
		display: block;
		padding: 0;
		border: none;
		font-size: 15px;
		line-height: 125%;
		width: 100% !important;
	}
	section.prices_table table tbody tr td:first-child img {
		max-width: 70%;
		border-radius: 4px;
	}
	section.prices_table table tr td ul {
		padding-left: 25px;
	}
	section.prices_table table tr td:last-child {
		padding-bottom: 10px;
		border-bottom: 2px solid #ddd;
	}
	section.prices_table table tbody tr td {
		border: none;
	}
	section.prices_table table tr td:first-child {
		padding-top: 20px;
	}
	section.prices_table thead {
		display: none;
	}
	section.prices_table table tbody tr:first-child td {
		padding-top: 1px;
	}


	/*
		title_single
	*/
	section.bg_around {
		position: relative;
		padding: 20px 0 1px;
	}
	section.title_single h1 {
		max-width: 100%;
		font-size: 40px;
	}
	section.title_single article {
		font-size: 17px;
		max-width: 600px;
		margin: -10px 0 20px;
	}
	.pcomparison_list {
		margin: 10px 0 0;
	}	
	.pcomparison_list.count.count3 {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
	}
	
	/*
		colors_list
	*/
	section.colors {
		padding: 10px 0 1px;
	}
	ul.colors_list {
		float: none;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		font-size: 15px;
	}
	.colors_photo {
		float: none;
		width: 100%;
	}
	
	/*
		twindow_list
	*/	
	section.types_window {
		padding: 10px 0;
	}
	.twindow_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 15px;
		margin: 20px 0 0;
	}
	.twindow_list .one {
		height: 200px;
	}
	.twindow_list .one a.name {
		position: relative;
		top: 100px;
		display: block;
        font-size: 30px;
	}
	body.single header section.breadcrumbs {
		font-size: 15px;
	}
	
	/*
		pcomparison_list
	*/		
	.pcomparison_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
		margin: 40px 0 0;
		margin: 0;
	}
	section.question .name span {
		font-size: 21px;
		line-height: 120%;
	}

	
	/*
		question
	*/	
	section.question {
		padding: 5px 0 1px;
	}
	section.question .name {
		padding: 10px 0  0;
        line-height: 110%;
	}	
	section.question .name h3 {
		display: contents;
		margin: 10px 0 0;
		width: 100%;
        line-height: 110%;
	}

	
	/*
		video
	*/
	section.video.pop_up.mobile video {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: 0 auto;
		display: block;
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}
	section.video.pop_up.mobile  span.close {
		z-index: 2;
	}
	section.video.pop_up.mobile::before {
		content: none;
	}


	/*
		callback
	*/
	section.callback .content .title.left {
		float: none;
		width: 100%;
		color: #fff;
		font-size: 27px;
	}
	section.callback form textarea {
		margin-bottom: 12px;
		height: 40px;
	}
	form a.politic {
		font-size: 13px;
		line-height: 130%;
	}

	/*
		video portfolio
	*/
	.video_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
		margin: 20px 0;
	}
	.video_list .one {
		height: auto;
	}
	section.form form.ready .answer_server {
		padding: 10px 30px;
	}
	article hr {
		margin: 20px 0 20px;
	}
	article div.gallery {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 2px;
		margin: 10px 0 0;
	}
	article div.gallery .gallery-item dt.gallery-icon {
		height: 230px;
	}
	
	/*
		prices_table
	*/
	ol.navi {
		margin: 13px 0 25px;
		padding: 0;
		list-style-type: none;
		font-size: 17px;
	}
	ol.navi li {
		padding: 8px 16px;
		border-radius: 30px;
		display: inline-block;
		cursor: pointer;
		background: #fff;
		margin: 0 12px 12px 0;
	}
	div.scroll_top,
	body.go_top div.scroll_top {
		opacity: 0;
		display: none;
	}	
	section.preview .center {
		display: block;
	}	
	section.preview video {
		max-width: 100%;
		width: 100%;
	}

	/*
		blog
	*/
	.portfolio_list.blog_list.full {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 10px;
		display: block;
		margin: 0;
	}
	.portfolio_list.blog_list.full .one {
		width: 100%;
		height: 300px;
		margin: 0 0 10px 0;
	}
	.portfolio_list.blog_list .one time {
		top: 80px;
		left: 7px;
		padding: 0 5%;
	}
	.portfolio_list.blog_list.full .one:nth-child(1) {
		grid-column: auto;
	}
	.pagination_pages {
		display: inline-block;
		margin: 0px 0 0;
		text-align: center;
		margin: 20px auto;
		width: 100%;
	}
	section.post_article time {
		margin: 10px 0;
		display: block;
	}
	section.post_article h1 {
		font-size: 36px;
		margin: 10px 0 20px;
	}
	section.post_article {
		padding: 1px 0 10px;
	}
	section.last_blog .portfolio_list.blog_list  .one {
		height: 300px;
	}
	section.post_article article img.alignnone {
		width: 100%;
		max-width: max-content;
	}	
	section.blog {
		padding: 5px 0 0;
	}	
	section.post_article article .wp-video {
		width: 100%;
		max-width: 100%;
		max-height: none;
	}
	section.post_article article .wp-video video.vertical {
		background: #000;
		max-width: 100%;
		height: auto;
	}	
	article img.alignright {
		float: none;
		margin: 0;
		max-width: 100%;
	}
	article img.alignleft {
		float: none;
		margin: 0;
		max-width: 100%;
	}
	section.middle_text .wp-video {
		float: none;
		margin: 0 auto;
		display: block;
		width: max-content !important;
		max-width: 500px;
		min-width: min-content;
		text-align: center;
	}	
	section.profiles_comparison .one img.alignnone {
		max-width: 100%;
		margin: 0;
	}
	
section.middle_text .wp-video {
    float: none;
    max-width: 100%;
    width: 100% !important;
    min-width: 100%;
    height: auto;
    margin: 10px 0;
    border-radius: 4px;
    overflow: hidden;
}	
	
	
}