@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

img_slideclobody, html {
    width: 100%;
    height: 100%;
}
.dk-two2{
    display: grid;
    grid-template-columns: 3fr 2fr ;
    grid-gap: 32px;
}
body {
    font-size: 16px;
    line-height: 1.42;
    -webkit-font-smoothing: antialiased;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 */
html {
    /*font-family: sans-serif;*/
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-weight: 700;
font-size: 40px;
color: #000;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ffff00;
    color: #000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 * Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 * and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 * `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 * (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.information_block {
    height: auto;
}

h2 {
    font-size: 40px;
	margin-bottom: 30px;

}

header {
    background-color: white;
}

/**
* header
*/


*{
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
}






.img_slaid1 {
    width: 100%;
    height: auto;
}

.block-center {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%
}

.img-main {
    height: 80rem;
    background: url(images/img-main.jpg) center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    display: table;
}

.text_main {
    height: 79rem;
    color: white;
    text-shadow: -5px -0px 12px #333333;
    filter: dropshadow(color=-5px -0px 12px #333333);
    font-size: 2.3rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100vw;
}

.icon-phone {
    width: 2rem;
    height: 2rem;
}

.phone {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    text-decoration: none;
    color: black;
}

.call-button {
    font-size: 1.5rem;
    display: inline-block;
    line-height: 3rem;
    padding: 0 2rem;
    background: #000000;
    color: #ffffff;
    border-radius: 2rem;
    text-decoration: none;
    text-align: center;
    margin-right: 1rem;
}

.call-button:hover {
    
    display: inline-block;
    line-height: 3rem;
    padding: 0 2rem;
    color: #ffffff;
    border-radius: 2rem;
    text-decoration: none;
    text-align: center;
    margin-right: 1rem;
}

.call-button:after {
    font-size: 1.5rem;
    display: inline-block;
    line-height: 3rem;
    padding: 0 2rem;
    color: #ffffff;
    border-radius: 2rem;
    text-decoration: none;
    text-align: center;
    margin-right: 1rem;
}

.phone {
    padding-right: 1rem;
}

#call_phone {
    text-decoration: none;
    color: black;
}

#call_phone:after {
    text-decoration: none;
    color: black;
}

#call_phone:hover {
    text-decoration: none;
    color: black;
}

/**
 * Обо мне
 */
.about_text {
    font-size: 2rem;
    padding-bottom: 2rem;
    line-height: 1.9rem;
    text-align: center;
}

.about_text h2 {
    font-size: 5rem;
    padding-bottom: 4rem;
    padding-top: 4rem;
    font-weight: bold;
}

.about_img {
    padding-top: 2rem;
    margin: auto;
    text-align: center;
}

.img_about {
    display: inline-block;
}

.img-fluid {
    max-width: 40rem;
    padding-bottom: 3rem;
}

.slaid1 {
    width: 6rem;
}

/**
 * Преимущества
 */

.advantages_block_main {
    background: #efefef;
}

.advantages_h2 h2 {

    padding-bottom: 1rem;
    padding-top: 2rem;
}

.advantages_text_head {
    padding-bottom: 1rem;
}

.advantages {
    height: auto;
    width: 100%;
}

.advantages_block {
    padding-top: 3rem;
    padding-bottom: 5rem;
    height: auto;
    margin: auto;
    font-size: 2.1rem;


}

.advantages_img {
    display: table-cell;
    vertical-align: top;
    padding-right: 1rem;
}

.advantages_text {
    display: table-cell;
    height: 100%;
    padding-left: 0.9rem;
}

.advantages_text_main {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/**
 * Видео ютуб
 */

.video_center_1st {
    padding-top: 3rem;
    margin-bottom: 3rem;
}

.video_block {
    width: 70rem;
    height: 35rem;
}



/**
 * Слайдеры
 */

.sl_slide {
    position: relative;
    margin: auto;
}

.slide_div {
    text-align: center;
}

.slide_div h2 {
    font-size: 4rem;
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 1rem;
}

.slide_div span {
    font-size: 2rem;
}

.centri {
    margin: auto;
    width: 85rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.slick-prev:before, .slick-next:before {
    color: grey;
    font-size: 4rem;
}

.img_slide2 {  width: auto;
    max-width: 100rem;
    height: auto;
    max-height: 50rem;
    margin: auto;}

.img_slide {
    width: 95%;
    max-width: 100rem;
    height: auto;
    max-height: 50rem;
    margin: auto;
}


.dk-video{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 50px 0px 30px 0px;
}
/**
 * Партнеры
 */

.partner_container {
}

.partner {
    background-color: white;
   
    margin: auto;
    padding-bottom: 3rem;
    padding-top: 4rem;
}

.partner h2 {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.partner_img {
    text-align: center;
}

.part_img {
    width: 15%;
    height: 15%;
    padding-right: 6rem;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 5rem;
}

/**
 * ВК
 */

.vk {
    background: #efefef;
    text-align: center;

}

.vk h2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    font-size: 5rem;
}

.vk2 {
    font-size: 2rem;
    padding-bottom: 3rem;
}

.vk_img {
    height: 4rem;
}

.vk3 {
    /*color: #ff8562;*/
    padding-bottom: 1rem;
    font-size: 2rem;
    padding-top: 3rem;
}

.vk3:hover {
    text-decoration: none;
    color: #ffa000;
}

.vk4 {
    padding-bottom: 4rem;
}

.vk31 {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

/**
 * Стоимость банкета
 */

.cost {
    min-height: 55rem;
    background-color: white;
    margin-bottom: 100px;
    padding-bottom: 3rem;
}

.cost_text h2 {
    font-size: 40px;
    padding-top: 9rem;
    padding-bottom: 1rem;
    font-weight: bold;
    text-align: center;
}

.cost_text p {
    font-size: 2.3rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.cost_text_1 {
    font-weight: 200;
}

.cost_text_2 {
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: 5rem;
}

.call-button-2 {
    font-size: 2rem;
    display: inline-block;
    padding: 0 6rem;
    line-height: 5rem;
    background: #000000;
    color: #ffffff;
    border-radius: 4rem;
    text-decoration: none;
    text-align: center;
    /*margin-right: 1rem;*/
    /*margin-bottom: 5rem;*/
}

/**
 * Ниже уже можно оставить заявку :)
 */

.wait {
    background-color: #efefef;
    height: 30rem
}

.wait_text {
    padding-top: 7rem;
    margin-bottom: 3rem;
}

.wait_text h2 {
    font-weight: bold;
}

.button {
    background-color: white;
    text-align: center;
    height: 20rem;
}

.wait_text_3 {
    font-weight: 300;
    text-align: center;
    font-size: 3rem;
    padding-bottom: 3rem;
}

/**
* Тогда жду вашего звонка!
*/

.wait2 {
    height: 50rem;
    background-color: #efefef;
}

.icons {
    text-align: center;
    height: 4rem;
}

.wait_text33 {
 	padding-bottom: 2rem; 
}

.dk-navbar-text{
    margin: 8px!important;
}
.dk-navbar-text a:hover{
    text-decoration: none!important;
}
.dk-navbar-text .icons{
    height: 34px!important;
}
/**
* Оставиь заявку
*/

.button_b {
    padding-top: 8rem;
    padding-bottom: 5rem;
}

.call-button-2 {
    font-size: 2rem;
    display: inline-block;
    padding: 0 6rem;
    line-height: 5rem;
    background: #000000;
    color: #ffffff;
    border-radius: 4rem;
    text-decoration: none;
    text-align: center;
    /*margin-right: 1rem;*/
    /*margin-bottom: 5rem;*/
}

.call-button-2:after {
    font-size: 2rem;
    display: inline-block;
    padding: 0 6rem;
    line-height: 5rem;
    background: #000000;
    color: #ffffff;
    border-radius: 4rem;
    text-decoration: none;
    text-align: center;
    /*margin-right: 1rem;*/
    /*margin-bottom: 5rem;*/
}

.call-button-2:hover {
    text-decoration: none;
    color: white;
}

/**
* 20% скидка в будни!
*/

.sale {
    text-align: center;
    height: 45rem;
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.sale_text h2 {
    padding-top: 10rem;
    font-size: 7rem;
    padding-bottom: 5rem;
    font-weight: bold;
}

.color_sale {
    color: red;
}

/**
* Всплывающее окно
*/

.parent_popup, .parent_popup_click {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.popup, .popup_click {
    background: #ffffff;
    max-width: 400px;
    width: content;
    margin: 5% auto;
    padding: 5px 20px 13px 20px;
    border: 10px solid #dddddd;
    position: relative;
    /*--CSS3 CSS3 Тени для Блока--*/
    -webkit-box-shadow: 0 0 20px #000000;
    -moz-box-shadow: 0 0 20px #000000;
    box-shadow: 0 0 20px #000000;
    /*--CSS3 Закругленные углы--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.popup h2, .popup_click h2 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;

}
.js-events-slider img{
    height: 100%;
}
.popup h3, .popup_click h3 {
    font: 24px Monotype Corsiva, Arial;
    color: #008000;
    text-align: left;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.submit-otp { 
    font-size: 1.5rem;
    display: inline-block;
    line-height: 3rem;
    padding: 0 2rem;
    background: #000000;
    color: #ffffff;
    border-radius: 2rem;
    text-decoration: none;
    text-align: center;
    margin-right: 1rem;
    border: 0px;
 }


/* кнопка закрытия */
.close {    
    right: -3rem;
    background-color: black;
    border: 2px solid #eee;
    line-height: 22px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
    border-radius: 15px;
    opacity: 1;

}

.close:hover {
    right: -3rem;
    background-color: black;
    border: 2px solid #eee;
    line-height: 22px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
    border-radius: 15px;
    opacity: 1;
}
/**
 * Media Adaptive
 */

.dk-two__left-p{
	font-size: 24px;
line-height: 130%;
color: #000000;
}


.dk-mb-30{
    margin-bottom: 30px;
}
.video h2{

}

.dk-inst{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;

}
.dk-inst__item{
    display: block;
    width: 100%;
}
.dk-two{
    display: grid;
    grid-template-columns: 2fr 3fr;
    /*padding: 30px;
    border: 1px solid rgba(206, 206, 206, 0.6);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.08);*/
}
.video{
    
    margin-bottom:100px;
}
.first-video{
	height:700px;
}

.js-about-slider{
    max-width: 650px;
	height:600px;
    right: 0;
    position: relative;
    float: right;
}
.js-about-slider img{
    /*max-height: 450px;*/
    /*width: auto!important;*/
    float: right;
}
.dk-event2-slide{
    display: block;
    max-height: 300px;
    max-width: 400px;
    min-height: 260px;
}
.dk-event1-slide{
    display: block;
    max-height: 265px;
    max-width: 400px;
    min-height: 260px;
    width: auto!important;
    margin: auto;
    padding: 0px 10px;
}

.js-events-slider{

}
.dk-form{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    min-width: 300px;
}
.dk-two__right .owl-dots{
    text-align: right;
}

.dk-two__left{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
}

.dk-first-block{
    margin-top: 30px;
    margin-bottom: 100px;
}

.dk-phone{
    font-weight: bold;
    font-size: 30px;
}

.dk-two__left .call-button{
    max-width: 300px;
    line-height: 38px;
    display: block;
    height: 55px;
	font-size: 19px;
	padding: 14px 35px;
	border-radius: 40px;
	font-weight:400;
	line-height:130%;
}

.dk-second-block-title-h2{
	font-weight: 700;
font-size: 40px;
line-height: 130%;
margin-bottom: 80px;
}

.dk-sec__box-text-ul li::before{
	 
  content: '•'; 
  color:#000;
margin-right:15px;
}
.dk-sec__box-text-ul li{
	margin-bottom:30px;
	font-size: 24px;
line-height: 130%;

}
.dk-sec__box-text-ul{
	list-style:none;
}

.dk-advantages{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.dk-itziv{
    display: block;
    /*grid-template-columns: 1fr;*/
    /*grid-gap: 10px;*/
    padding-bottom: 10px;
    width: 100%;
}

.dk-itziv__item{
    display: block;
    width: 100%;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.08);
}

.dk-otziv__text{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    padding-bottom: 20px;
}

.dk-cost{
    display: grid;
    grid-template-columns:  1fr;
    grid-gap: 30px;
    text-align: left;
}

.dk-cost h3{
    font-weight: bold;
}
.dk-cost2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    text-align: left;
}

.dk-cost2 h3{
    font-weight: bold;
}
.dk-cost2__item{
    padding: 16px;
    border-radius: 32px;
    max-width: 400px;
    margin: auto;
    text-align: left;
    background-color: #f7f8fd;
}
.dk-cost2__item-img{
    display: block;
    max-height: 220px;
    width: 100%;
    border-radius: 16px;
}
#otziv{
    padding-top: 30px;
}

#contacts{
    padding: 100px 15px;
    text-align: center;
}
.dk-second-block{
	background: rgba(227, 233, 248, 0.3);
border-radius: 40px;
padding: 60px;
color: #000000;
margin-bottom: 100px;
}

.dk-second-block-title{
	margin-bottom: 40px;
}

.dk-sec__box{
	display: grid;
	grid-template-columns: 250px 1fr;
	grid-gap:30px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.dk-sec__box-title{
	font-weight: 700;
font-size: 24px;
}

.dk-sec__box-text{
	font-weight: 300;
font-size: 24px;
}

.dk-margin__60{
    margin-bottom: 60px;
}
.dk-cost__item{
    max-width: 400px;
    margin: auto;
    text-align: center;
}
.dk-two__right-mobile{
    display: none;
}
.dk-span-550{
	display: block;
	max-width:550px;
	margin-bottom: 50px;
	font-weight: 400;
font-size: 24px;
line-height: 130%;
}

.dk-h2 {
	font-weight: 700;
font-size: 40px;
margin-bottom:50px;
display: block;

}

h2 {
	color: #000;
}
/*.dk-two__right .owl-carousel .owl-item img{*/
/*    width: auto;*/
/*}*/


@media screen and (max-width: 3000px){
	.img-main {
      height: 150rem;}
      .text_main {  height: 150rem; }
										}

@media screen and (max-width: 2500px){
	.img-main {
      height: 130rem;}
      .text_main {  height: 130rem; }
										}

@media screen and (max-width: 2000px) {

       body { padding-top: 5rem }

       .img-main { height: 100rem }

       .text_main {  height: 100rem; }

    .slick-prev:before, .slick-next:before {
        color: grey;
        font-size: 4rem;
            }
}

@media screen and (max-width: 1500px) {

    .img-main { height: 79rem }

    .text_main {  height: 79rem; }

}

@media screen and (max-width: 1200px) {
    
    body { padding-top: 3rem }

    html {
        font-size: 13px;
    }

    .img-main { height: 80rem }

    .images {
        width: 19rem;
    }

    .video_block {
        width: 50rem;
        text-align: center;
        height: 25rem
    }

    .part_img {
        width: 20%;
        height: 20%;
    }

    .centri {
        margin: auto;
        width: 90%;
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .part_img {
        width: 30%;
        height: 30%;
    }
}

.slick-prev {
    width: 40px;
    height: 40px;
    left: -40px;
}

.slick-prev:before, .slick-next:before {
    color: grey;
    font-size: 3rem;}

@media screen and (max-width: 1024px) {

    .js-about-slider{
        /*max-width: 650px;*/
        width: 550px;
        height:auto;
        right: initial;
        position: relative;
        float: initial;
       
    }

    html {
        font-size: 14px;
    }

    .advantages_block {
        width: 100%;
    }

    .images {
        width: 60%;
        text-align: center;
    }

    .video_block {
        width: 70%;
        text-align: center;
        height: 20rem;
    }

    .block-left {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 8px;
    }

    .block-right {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 8px;
    }

    .centri {
        margin: auto;
        width: 90%;
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .part_img {
        width: 30%;
        height: 30%;
    }
}

@media screen and (max-width: 992px) {
    html {
        font-size: 13px;
    }

    .advantages_block {
        width: 90%;
    }

    .centri {
        margin: auto;
        width: 80%;
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .part_img {
        width: 30%;
        height: 30%;
    }

}

@media screen and (max-width: 768px) {
    /*.dk-mobile{*/
    /*    padding-right: 0px;*/
    /*}*/


    /*.dk-mobile .navbar-header {*/
    /*    margin-left: 0px;*/
    /*    margin-right: 0px;*/
    /*}*/
	.first-video{
	height:350px;
}
	
	.dk-sec__box{
		grid-template-columns: 1fr;
	}
	
	.dk-second-block{
		margin-left:15px;
		margin-right:15px;
		padding:20px;
	}
	.dk-first-block, .video, .dk-second-block{
		margin-bottom:50px;
	}
	
    .dk-form{
        width: 100%;
        min-width: initial;
    }
    .dk-phone{
        font-size: 22px;
    }
    .dk-two, .dk-two2, .dk-video, .dk-advantages, .dk-inst, .dk-cost, .dk-cost2{
        grid-template-columns: 1fr;
    }
    .dk-hide-mob, .hide-mobile{
        display: none;
    }
    .dk-two__right-mobile img{
        width: 100%;
        height: auto;
        margin-top: 30px;
        display: block;
    }
    .dk-two__right-mobile{
        display: block;

    }
    html {
        font-size: 12px;
    }

    .images {
        width: 80%;
        text-align: center;
    }

    .centri {
        margin: auto;
        width: 80%;
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .part_img {
        width: 35%;
        height: 35%;
        padding-right: 1rem;
        text-align: center;
        padding-top: 3rem;
    }

    .slick-prev:before, .slick-next:before {
        color: grey;
        font-size: 2rem;
    }
 
}

@media screen and (max-width: 480px) {

    .js-about-slider img {
        float: initial;
    }
    .js-about-slider{
        /*max-width: 650px;*/
        width: 350px;
        height:auto;
        right: initial;
        position: relative;
        float: initial;
        margin-top: 20px;
    }

    .dk-two__left br{
        display: none;
    }

    html {
        font-size: 8px;
    }

    .popup_click {
        width: 80%;
        margin-top: 40%;
    }
    .img-main {
        height: 80rem;
    }

    .text_main {
        padding-top: 40rem;
    }

    .advantages_block {
        width: 100%;
    }

    .images {
        width: 90%;
        text-align: center;
    }

    .video_block {
        width: 90%;
        text-align: center;
        height: auto;
    }

    .block-left {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 8px;
    }

    .block-right {
        text-align: center;
        padding-