.one_block_content {
width: 1200px;
margin: 0 auto;
color: #fff;
padding: 200px 0;
}
#et_top_search {
display: none;
}
header {
padding: 10px 0;
}
.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
padding-top: 0 !important;
margin-top: -1px !important;
}
#logo {
max-height: 112%;
}
.mk_header {
position: absolute;
z-index: 999999;
width: 100%;
top: 0;
left: 0;
background-size: cover;
}
.container_mk {
width: 1100px;
margin: 0 auto;
position: relative;
}
.hide_contact {
opacity: 0;
}
.mk_menu {
background: #21a038;
width: 1100px;
margin: 0 auto;
position: relative;
}
.logo_mk img {
width: 200px;
}
.header_right_mk {
position: absolute;
top: 18px;
right: 0;
}
.header_contacts {
text-align: center;
color: #000;
display: inline-block;
margin-right: 40px;
position: relative;
top: 5px;
}
.header_contacts a {
color: #fff;
font-size: 31px;
font-weight: 700;
}
.header_right_btn {
display: inline-block;
position: relative;
bottom: 0px;
}
.mk_menu li {
display: inline-block;
padding: 13px 52px;
}
.mk_menu li a {
font-size: 16px;
font-weight: 600;
color: #fff;
}
.visible-xs {
display: none !important;
}
.mob_menu_ccc {
display: none;
}
@media screen and (max-width: 767px) {
.hidden-xs {
display: none !important;
}
.visible-xs {
display: block !important;
}
.mk_header_mobile {
position: fixed;
z-index: 999999;
width: 100%;
top: 0;
left: 0;
background: url(//opt.ledluks.ru/wp-content/themes/Divi/images/head_back.jpg) no-repeat center center;
background-size: cover;
display: flex !important;
justify-content: space-between;
}
.mob_logo img {
width: 120px;
}
.mob_btn_phone_block_open {
justify-content: center;
align-items: center;
min-width: 60px;
height: 60px;
display: flex;
}
.mob_btn_phone_block_open img {
width: 24px;
}
.mob_btn_menu_open {
justify-content: center;
align-items: center;
min-width: 60px;
height: 60px;
display: flex;
}
.mob_btn_menu_open img {
width: 24px;
}
.hide_contact {
background: #757575;
position: fixed;
top: 59px;
left: 0;
width: 100%;
padding: 20px;
z-index: 99999;
text-align: center;
color: #fff;
display: none;
opacity: 1;
}
.m_open {
background: #757575;
}
.h_cont_mob {
margin-bottom: 15px;
}
.h_cont_mob a {
color: #fff;
font-weight: 600;
font-size: 18px;
}
.mob_menu_ccc {
display: block;    
position: fixed;
z-index: 9999999;
height: 100%;
width: 100%;
top: 0;
left: -100%;
background: rgba(0, 0, 0, 0.59);
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.mob_menu_block {
width: 88%;
background: #fff;
height: 100%;
}
.mob_menu_block_header {
width: 100%;
background: url(//opt.ledluks.ru/wp-content/themes/Divi/images/head_back.jpg) no-repeat center center;
background-size: cover;
display: flex;
justify-content: flex-end;
}
.menu_show {
left: 0;
}
.close_btn_mob {
display: flex;
justify-content: flex-end;
height: 60px;
width: 60px;
align-items: center;
justify-content: center;
}
.close_btn_mob img {
width: 24px;
}
.mob_menu_block_cont li {
padding: 15px 20px;
}
.mob_menu_block_cont li:hover {
background: #e9e9e9;
cursor: pointer;
}
.mob_menu_block_cont li a {
font-size: 16px;
font-weight: 600;
color: #000;
}
}
.inline_block {
float: left;
width: 49%;
padding: 30px;
margin-bottom: 100px;
}
.one_title_block h2 {
color: #fff;
font-weight: 700;
font-size: 42px;
line-height: 56px;
}
.one_title_block p {
margin-top: 30px;
font-size: 18px;
line-height: 35px;
}
.inline_block form {
border-radius: 10px;
text-align: center;
background: #fff;
width: 350px;
padding: 25px;
color: #000;
margin: 0 auto;
}
.form_title {
font-weight: 700;
margin-bottom: 20px;
font-size: 21px;
}
.inline_block form input {
background: #eee;
border: none;
width: 100%;
font-size: 16px;
padding: 10px;
margin-bottom: 10px;
}
.btn_form {
border: none;
border-radius: 10px;
width: 100%;
background-image: linear-gradient(180deg, #ec208b 0%, #ec208b 100%)!important;
background-color: #ffed00;
font-size: 17px;
padding: 10px;
font-weight: 700;
}
.goods-item-title a {
color: #000;
font-weight: 700;
font-size: 18px;
}
.goods-price-single {
color: #000;
font-weight: 700;
font-size: 16px;
}
.catalog-inner a {
color: #000;
}
.goods-catalog .grid {
width: 310px;
}
.goods-insert .grid {
width: 245px;
}
.btn_modal_grid {
width: 100%;
color: #000 !important;
background-image: linear-gradient(180deg, #f9ae22 0%, #f26a21 100%)!important;
background-color: #ffed00;
padding: 8px 20px;
}
.cc_form button {
width: 100%;
background-image: linear-gradient(180deg, #f9ae22 0%, #f26a21 100%)!important;
background-color: #ffed00;
border: none;
}
.title_me {
color: #f97822;
padding: 0px;
}
#footer-bottom {
display: none;
}
#modal_form {
width: 350px;
height: 300px;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -150px;
margin-left: -150px;
display: none;
opacity: 0;
z-index: 9999999;
padding: 30px;
} #modal_form #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
} #overlay {
z-index: 99999; position: fixed; background-color: #000; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
width: 100%;
height: 100%; top: 0; left: 0;
cursor: pointer;
display: none; }
#modal_form .form_title {
color: #000;
font-size: 20px;
text-align: center;
}
#modal_form input {
background: #eee;
font-size: 15px;
padding: 10px;
width: 10;
border: none;
margin-bottom: 10px;
width: 100%;
}
.cc_form_title {
font-weight: 700;
margin-bottom: 16px;
font-size: 22px;
margin-bottom: 15px;
}
.inline_block form input[type=submit] {
background-image: linear-gradient(180deg,#f9ae22 0%,#f26a21 100%)!important;
background-color: #ffed00;
font-weight: 700;
}
.item_block .et_pb_image {
margin-bottom: 0 !important;
}
.item_block .item_title {
margin-bottom: 0 !important;
background: #fff;
padding: 20px 0;
}
.item_block .et_pb_button_module_wrapper {
background: #fff;
padding-bottom: 30px;
}
.img_block_flex > .et_pb_code_inner {
display: flex;
}
.img_block_flex .image_flex {
overflow: hidden;
flex-grow: 1;
}
.img_block_flex img {
width: 100%;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
.gp-back-to-top {
z-index: 999999;
}
.img_block_flex img:hover {
cursor: pointer;
transform: scale(1.2);
}
.new_header {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
padding: 4px 0;
background: url(//opt.ledluks.ru/wp-content/themes/Divi/images/head_back.jpg) no-repeat center center;
background-size: cover;
width: 100%;
}
.new_block_logo {
width: 18%;
display: inline-block;
vertical-align: top;
padding: 15px 0;
text-align: right;
padding-right: 30px;
position: relative;
}
.new_block_logo img {
width: 200px;
position: absolute;
right: 0;
top: 20px;
}
.new_menu_header {
width: 60%;
display: inline-block;
vertical-align: top;
padding-top: 20px;
}
.new_header_contact_rught {
width: 21%;
display: inline-block;
vertical-align: top;
text-align: right;
padding-right: 50px;
color: #fff;
font-size: 19px;
}
.et_fixed_nav #et-top-navigation {
width: 100%;
}
#top-menu-nav {
width: 100%;
}
#top-menu {
display: flex;
width: 100%;
}
.new_menu_header #top-menu-nav #top-menu li a {
color: #d6d5d5;
text-transform: uppercase;
}
.rotate_image {
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
.rotate_image:hover {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.btn_headers {
border: 0px solid #2f2f2f;
background: linear-gradient(to right, #202f4f, #ec208b);
display: block;
font-size: 14px;
color: #FFFFFF;
padding: 6px 35px;
cursor: pointer;
text-decoration: none;
text-align: center;
line-height: 32px;
text-transform: uppercase;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 0px;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.btn_headers:hover {
background: #2f2f2f;
color: #fff;
}
#et-info-phone {
font-size: 18px;
color: #d6d5d5;
}
#top-menu li a:hover {
color: #ff8300 !important;
opacity: 1 !important;
}
#et-info-email {
font-size: 17px;
color: #2f2f2f;
}
.head_cont_float {
float: right;
text-align: left;
}
.goods-catalog-container {
margin-top: 100px;
}
#top-menu li {
display: block;
padding-right: 25px;
font-size: 18px;
flex-grow: 1;
text-align: center;
}
.progress_flex {
width: 100%;
display: flex;
}
.progressbar {
flex-grow: 1;
width: 20%;
text-align: center;
}
.circle {
width: 100%;
margin: 0 auto;
margin-top: 10px;
display: inline-block;
position: relative;
text-align: center;
}
.circle canvas {
vertical-align: middle;
width: 150px;
}
.circle div {
position: absolute;
top: 30px;
left: 0;
width: 100%;
text-align: center;
line-height: 90px;
font-size: 34px;
color: #fff;
}
.circle p {
color: #fff;
margin-top: 10px;
font-size: 22px;
}
.circle strong i {
font-style: normal;
font-size: 0.6em;
font-weight: normal;
}
.circle span {
display: block;
color: #aaa;
margin-top: 12px;
}
@media screen and (max-width: 767px) {
.one_block_content {
width: 100%;
padding-bottom: 0;
padding-top: 0;
}
.one_ekran {
padding-top: 170px !important;
}
.cc_form p {
padding-bottom: 0;
}
.inline_block {
float: none;
width: 100%;
margin-bottom: 0;
}
.img_block_flex > .et_pb_code_inner {
display: block;
}
.img_block_flex img {
width: 100%;
}
.goods-insert .grid {
margin-right: 0;
width: 100%;
}
#modal_form {
left: 44%;
}
.inline_block form {
width: 100%;
}
.one_title_block h2 {
color: #fff !important;
font-size: 28px;
line-height: 36px;
}
.one_title_block p {
color: #fff !important;
font-size: 18px;
line-height: 26px;
}
.new_header {
position: absolute;
}
.new_block_logo {
width: 100%;
display: block;
padding: 0;
}
.new_menu_header {
width: 100%;
display: block;
}
.new_header_contact_rught {
width: 100%;
display: block;
padding-right: 0;
text-align: center;
margin-top: 93px;
}
#et_mobile_nav_menu {
margin-right: 20px;
}
.mobile_menu_bar:before {
color: #d6d4d5 !important;
}
.one_title_block {
margin-top: 0;
}
.new_block_logo img {
width: 200px;
left: 25%;
top: 15;
}
#top-menu-nav {
display: none;
}
.head_cont_float {
float: none;
text-align: center;
}
.btn_headers {
margin: 0 auto;
}
.progress_flex {
display: block;
}
.goods-insert {
margin-top: 100px;
}
.goods-catalog-container {
margin-top: 200px;
}
.progressbar {
flex-grow: 0;
width: 100%;
text-align: center;
margin: 25px 0;
}
.circle canvas {
width: 160px !important;
height: 160px !important;
}
.cc_form_title {
font-size: 18px;
}
}
.add_palitra {
display: block;
width: 40px;
height: 40px;
position: fixed;
left:20px;
top: 80%;
z-index: 99999;
}
.add_palitra1 {
display: block;
width: 45px;
height: 45px;
position: fixed;
left:20px;
top: 65%;
z-index: 99999;
}
.uslugi {
position: absolute;
width: 100%;
left: 0;
bottom: 15px;
background-color: rgba(255,255,255,.89);
padding: 20px 25px;
}
.header_lozung {
text-align: left;
color: #fff;
display: inline-block;
margin-left: 25px;
position: relative;
top: -33px;
}
.header_lozung p {
color: #fff;
font-size: 16px;
font-weight: 700;
}
.phone {
display: inline-block;
width: 40px;
margin-right: 8px;
position: relative;
top: 18px;
}
.seti1 {
display: inline-block;
width: 50px;
margin-left: 70px;
position: relative;
top: -15px;
}
.seti2 {
display: inline-block;
width: 50px;
margin-left: 15px;
position: relative;
top: -15px;
}
@media screen and (min-width: 1480px) {}