.livolo_constructor {
	text-align: center;
    padding: 30px 0px;
}
.livolo_constructor_left {
	display: inline-block;
    vertical-align: top;
    width: 30%;
}
.livolo_constructor_center {
	display: inline-block;
    vertical-align: top;
    width: 44%;
	border-left: 2px solid #353e47;
	border-right: 2px solid #353e47;
	min-height: 500px;
}
.livolo_constructor_right_outer {
	display: inline-block;
    vertical-align: top;
    width: 25%;
	padding: 0px 10px 0px 35px;
    text-align: left;
	height: 500px;
    overflow: auto;
}
.livolo_constructor_right {
	
}
.livolo_constructor_left_color {
	padding: 0px 0px 10px 0px;
}
.livolo_constructor_left_color_block {
	transition: 0.3s;
    display: inline-block;
    vertical-align: top;
    width: 45px;
    height: 45px;
    margin-bottom: 8px;
    margin-left: 2px;
    margin-right: 2px;
    border: 2px solid #d0d0d0;
    cursor: pointer;
}
.livolo_constructor_left_color_block:hover {
	opacity: 0.8;
	transition: 0.3s;
}
.livolo_constructor_left_color_block.active {
	box-shadow: 0px 0px 4px rgb(208 0 0);
	border: 2px solid #af0b0b;
	transition: 0.3s;
}
.livolo_constructor_left_podrozetnik {
	padding: 10px 0px;
}
.livolo_constructor_left_podrozetnik_left, .livolo_constructor_left_podrozetnik_right {
	display: inline-block;
    vertical-align: middle;
    padding: 6px 12px;
    border-radius: 8px !important;
    background-color: #d2d2d2;
    color: #fff;
    margin: 0px 10px;
	cursor: pointer;
	border: none;
	transition: 0.3s;
}
.livolo_constructor_left_podrozetnik_left .fa, .livolo_constructor_left_podrozetnik_right .fa {
	font-size: 28px;
}
.livolo_constructor_left_podrozetnik_left:hover, .livolo_constructor_left_podrozetnik_right:hover {
	background-color: #353e47;
	transition: 0.3s;
}
.livolo_constructor_left_podrozetnik_t {
	font-size: 20px;
    font-weight: bold;
    display: inline-block;
	padding: 9px 0px;
    vertical-align: middle;
}
.livolo_constructor_left_podrozetnik_t span {
	width: 17px;
    display: inline-block;
}
.livolo_constructor_left_podrozetnik_left.disabled, .livolo_constructor_left_podrozetnik_right.disabled {
	background-color: #ffffff;
    color: #fff;
	cursor: default;
}
.livolo_constructor_left_posts {
	padding-top: 15px;
}
.livolo_constructor_left_post {
	width: 110px;
    height: 110px;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
	cursor: pointer;
	border: 2px solid #fff;
	transition: 0.3s;
}
.livolo_constructor_left_post:hover {
	box-shadow: 0px 0px 4px rgb(208 0 0);
	transition: 0.3s;
}
.livolo_constructor_left_post.active {
	box-shadow: 0px 0px 4px rgb(208 0 0);
	border: 2px solid #af0b0b;
	transition: 0.3s;
}
.livolo_constructor_left_post.offline {
	box-shadow: none;
	border: 2px solid #fff;
	cursor: default;
	opacity: 0.2;
}
.livolo_constructor_center {
	
}
.livolo_constructor_center_podrozetnik {
	
}
.livolo_constructor_center_podrozetnik_item_outer {
	display: inline-block;
    vertical-align: top;
    margin-left: -2px;
    margin-right: -2px;
	height: 108px;
}
.livolo_constructor_center_podrozetnik_item {
	background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat top center;
    background-size: 100px;
    display: block;
    width: 100px;
    height: 80px;
	cursor: pointer;
}
.livolo_constructor_center_podrozetnik_item_outer.active .livolo_constructor_center_podrozetnik_item {
	background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 3px center;
    background-size: 100px;
	cursor: default;
}
.livolo_constructor_center_podrozetnik_item:hover {
	background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 3px center;
    background-size: 100px;
}
.livolo_constructor_center_podrozetnik_item_remove {
	font-size: 13px;
    line-height: 13px;
    display: inline-block;
    padding: 5px 9px;
    margin-top: 5px;
    background: #efefef;
    border-radius: 10px !important;
	cursor: pointer;
	transition: 0.3s;
}
.livolo_constructor_center_podrozetnik_item_remove:hover {
	background: #ce0e59;
    color: #fff;
	transition: 0.3s;
}
.livolo_constructor_center_addmore {
	padding-top: 10px;
}
.livolo_constructor_center_addmore_btn {
	background-color: #4F5F6F;
    padding: 5px 10px;
    font-size: 14px;
    color: white;
    display: inline-block;
    border-radius: 4px!important;
	cursor: pointer;
	transition: 0.3s;
}
.livolo_constructor_center_addmore_btn:hover {
	background-color: #638ab0;
	transition: 0.3s;
}
.livolo_constructor_right_prod {
	padding-bottom: 11px;
}
.livolo_constructor_right_prod_check {
	background: url(/image/constructor/livolo_constructor_right_prod_chek.jpg) no-repeat bottom center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.livolo_constructor_right_prod_check.active {
	background: url(/image/constructor/livolo_constructor_right_prod_chek.jpg) no-repeat top center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.livolo_constructor_right_prod_name {
	display: inline-block;
    vertical-align: middle;
	width: calc(100% - 65px);
    padding-left: 5px;
	line-height: 17px;
	font-size: 15px;
    cursor: pointer;
}
.livolo_constructor_center_ramka {
    overflow: hidden;
    position: relative;
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px;
}
.livolo_constructor_center_ramka_item {
	width: 100px;
    height: 100px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    margin-left: -2px;
    margin-right: -2px;
	position: relative;
	cursor: pointer;
}
.livolo_constructor_center_ramka_item:after {
	content: "";
	position: absolute;
	left: 6px;
	right: 6px;
	top: 6px;
	bottom: 6px;
	background-color: none;
	transition: 0.3s;
}
.livolo_constructor_center_ramka_item:hover:after {
	content: "";
	position: absolute;
	left: 6px;
	right: 6px;
	top: 6px;
	bottom: 6px;
	background-color: rgb(199 5 5 / 24%);
	transition: 0.3s;
}
.livolo_constructor_center_ramka_item_center {
	width: 100%;
    height: 100%;
}
.livolo_constructor_center_ramka_item_left {
	width: 50%;
    height: 100%;
    float: left;
}
.livolo_constructor_center_ramka_item_right {
	width: 50%;
    height: 100%;
    float: right;
}
.livolo_constructor_center_ramka:before {
    position: absolute;
    content: '';
    width: 350px;
    height: 100%;
    margin: 0 auto;
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.0));
    top: 0;
    left: 30px;
    transform: rotate(296deg);
    pointer-events: none;
    z-index: 10;
}
.livolo_constructor_center_ramka[data-ramka_color=white]:before {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0)) !important;
}
.livolo_constructor_right_du_block {
	border-bottom: 2px solid #353e47;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.livolo_constructor_right_du {
	padding-bottom: 11px;
}
.livolo_constructor_right_du_check {
	background: url(/image/constructor/livolo_constructor_right_prod_chek.jpg) no-repeat bottom center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.livolo_constructor_right_du_check.active {
	background: url(/image/constructor/livolo_constructor_right_prod_chek.jpg) no-repeat top center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.livolo_constructor_right_du span {
	display: inline-block;
    vertical-align: middle;
    width: calc(100% - 65px);
    padding-left: 5px;
    line-height: 17px;
    font-size: 15px;
	cursor: pointer;
}
.livolo_constructor_center_cart_block {
	padding: 30px 0px;
}
.livolo_constructor_center_cart_block_price {
	padding-bottom: 15px;
    font-size: 16px;
}
.livolo_constructor_center_cart_block_price_t {
	
}
.livolo_constructor_center_cart_block_price_number {
	font-weight: bold;
    color: #CE0E5A;
	font-size: 20px;
}
.livolo_constructor_center_cart_block_price_rub {
	font-weight: bold;
    color: #CE0E5A;
}
.livolo_constructor_center_cart_block_quant {
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.livolo_constructor_center_cart_block_quant span {
	
}
.livolo_constructor_center_cart_block_quant input {
	width: 60px;
    text-align: center;
    border: 1px solid #d4d4d4;
    padding: 3px 0px 3px 10px;
}
.livolo_constructor_center_cart_block_addcart {
	border-radius: 3px !important;
    color: #fff!important;
    font-size: 14px;
    background: #5197DD;
    padding: 10px 20px;
    text-decoration: none;
    border: 0;
    display: inline-block;
    vertical-align: middle;
	transition: 0.3s;
}
.livolo_constructor_center_cart_block_addcart:hover {
	background-color: #353E48 !important;
	transition: 0.3s;
}
.livolo_constructor_center_pult_block {
	padding: 20px 20px 0px 50px;
    text-align: left;
}
.livolo_constructor_center_pult_block_t {
	color: #b5b5b5;
}
.livolo_constructor_center_pult_block_inner {
	
}
.livolo_constructor_center_pult {
	padding-top: 10px;
}
.livolo_constructor_center_pult_check {
	background: url(/image/constructor/livolo_constructor_right_prod_chek.jpg) no-repeat bottom center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 7px;
}
.livolo_constructor_center_pult_check.active {
	background: url(/image/constructor/livolo_constructor_right_prod_chek.jpg) no-repeat top center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 7px;
}
.livolo_constructor_center_pult_price {
	
}
.livolo_constructor_center_pult_href {
	color: #5197dd;
}
.livolo_constructor_center_pult_href:hover {
	
}
.livolo_constructor_center_ramka[data-ramka_color='white'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after{
	background: url(/image/constructor/ramka_white.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='white'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after{
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_white.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='black'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_black.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='black'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_black.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='blue'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_blue.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='blue'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_blue.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='gold'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_gold.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='gold'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_gold.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='green'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_green.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='green'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_green.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='grey'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_grey.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='grey'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_grey.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='pink'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_pink.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='pink'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_pink.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='Pearl'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_pearl.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='Pearl'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_pearl.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='Champagne'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:after {
	background: url(/image/constructor/ramka_champan.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_ramka[data-ramka_color='Champagne'] .livolo_constructor_center_ramka_item[data-post_tip='s_ramkoi']:hover:after {
	background: rgb(199 5 5 / 24%) url(/image/constructor/ramka_champan.png) no-repeat center;
    background-size: cover;
}
.livolo_constructor_center_change_configuration {
	margin: 30px;
    padding: 15px;
    background: #ce0e59;
    color: #fff;
    border-radius: 5px! important;
}
.livolo_constructor_center_change_configuration span {
    font-weight: bold;
	display: block;
}
.livolo_constructor_center_prod_none {
	margin: 30px;
    padding: 15px;
    background: #ce0e59;
    color: #fff;
    border-radius: 5px! important;
    text-align: left;
}
.livolo_constructor_center_prod_none p:last-child {
	margin-bottom: 0;
}
.livolo_constructor_center_primechanie_block {
	margin: 0px 30px 30px 30px;
    background: #dcf5ff;
    color: #000;
    border-radius: 5px! important;
	text-align: left;
	padding: 0px 10px 5px 10px;
}
.livolo_constructor_center_primechanie_block p {
	padding: 5px 0px 0px 0px;
    margin: 0px;
}
.livolo_constructor_center_select_module_mobile {
	display: none;
}
.livolo_constructor_right_mobile_hide {
	display: none;
}

@media screen and (max-width: 1600px) {
.livolo_constructor_left_post {
    width: 95px;
    height: 95px;
}
.livolo_constructor_center_ramka_item {
    width: 90px;
    height: 90px;
}
.livolo_constructor_center_podrozetnik_item {
    width: 90px;
}
.livolo_constructor_left_color_block {
    width: 39px;
    height: 39px;
}
}

@media screen and (max-width: 1200px) {
.livolo_constructor_left_posts > div {
	display: inline-block;
	vertical-align: top;
}
.livolo_constructor_left {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-bottom: 2px solid #353e47;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.livolo_constructor_left_color {
    padding: 0px 0px 5px 0px;
}
.livolo_constructor_left_podrozetnik {
    padding: 10px 0px;
    display: none;
}
.livolo_constructor_center {
    width: 74%;
    border-left: none;
    border-right: 2px solid #353e47;
}
}

@media screen and (max-width: 992px) {
.livolo_constructor_right_outer {
    width: 33%;
    padding: 0px 5px 0px 15px;
}
.livolo_constructor_center {
    width: 66%;
}
.livolo_constructor_center_ramka_item {
    width: 86px;
    height: 86px;
}
.livolo_constructor_center_podrozetnik_item {
    width: 88px;
	height: 68px;
	background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat top center;
    background-size: 86px;
}
.livolo_constructor_center_podrozetnik_item_outer.active .livolo_constructor_center_podrozetnik_item {
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 1px center;
    background-size: 86px;
}
.livolo_constructor_center_podrozetnik_item:hover {
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 1px center;
    background-size: 86px;
}
.livolo_constructor_center_pult_block {
    padding: 20px 20px 0px 25px;
}
}

@media screen and (max-width: 760px) {
.livolo_constructor_center {
    width: 100%;
    border-right: none;
}
.livolo_constructor_right_outer.showed {
    display: inline-block;
	padding-top: 43px;
}
.livolo_constructor_right_outer {
    width: 250px;
    background: #fff;
    padding: 5px 5px 5px 15px;
    position: absolute;
    right: 0px;
    border-left: 2px solid;
	border-bottom: 2px solid;
	display: none;
}
.livolo_constructor_center_select_module_mobile {
	 display: block;
	 text-align: right;
	 height: 42px;
}
.livolo_constructor_center_select_module_mobile span {
	background-color: #5197dd;
    padding: 5px 10px;
	margin-bottom: 10px;
    font-size: 14px;
    color: white;
    display: inline-block;
    border-radius: 4px!important;
    cursor: pointer;
    transition: 0.3s;
}
.livolo_constructor_center_select_module_mobile span i {
	padding-left: 14px;
    font-size: 23px;
    line-height: 20px;
    float: right;
}
.livolo_constructor_center_select_module_mobile span:hover {
	background-color: #353E48 !important;
    transition: 0.3s;
}
.livolo_constructor_right_outer.showed .livolo_constructor_right_mobile_hide {
	display: block;
    position: absolute;
    top: 0px;
}
.livolo_constructor_right_outer.showed .livolo_constructor_right_mobile_hide span {
	background-color: #5197dd;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: white;
    display: inline-block;
    border-radius: 4px!important;
    cursor: pointer;
    transition: 0.3s;
}
.livolo_constructor_right_outer.showed .livolo_constructor_right_mobile_hide span i {
	padding-right: 14px;
    font-size: 23px;
    line-height: 20px;
    float: left;
}
.livolo_constructor_right_outer.showed .livolo_constructor_right_mobile_hide span:hover {
	background-color: #353E48 !important;
    transition: 0.3s;
}
}

@media screen and (max-width: 520px) {
.livolo_constructor_left_post {
    width: 82px;
    height: 82px;
}
.livolo_constructor_center_pult_block {
    padding: 5px 0px 0px 0px;
}
.livolo_constructor_center_ramka_item {
    width: 74px;
    height: 74px;
}
.livolo_constructor_center_ramka {
    padding: 6px;
}
.livolo_constructor_center_podrozetnik_item {
    width: 74px;
    height: 58px;
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat top center;
    background-size: 74px;
}
.livolo_constructor_center_podrozetnik_item_outer.active .livolo_constructor_center_podrozetnik_item {
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 1px center;
    background-size: 74px;
}
.livolo_constructor_center_podrozetnik_item:hover {
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 1px center;
    background-size: 74px;
}
}

@media screen and (max-width: 450px) {
.livolo_constructor_left_post {
    width: 59px;
    height: 59px;
	margin: 1px;
}
.livolo_constructor_center_ramka_item {
    width: 52px;
    height: 52px;
	padding: 5px;
}
.livolo_constructor_center_podrozetnik_item {
    width: 52px;
    height: 41px;
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat top center;
    background-size: 52px;
}
.livolo_constructor_center_podrozetnik_item_outer {
    height: 75px;
}
.livolo_constructor_center_podrozetnik_item_remove {
    font-size: 9px;
    line-height: 13px;
    padding: 5px 5px;
    margin-top: 5px;
}
.livolo_constructor_center_podrozetnik_item_outer.active .livolo_constructor_center_podrozetnik_item {
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 1px center;
    background-size: 52px;
}
.livolo_constructor_center_podrozetnik_item:hover {
    background: url(/image/constructor/constructor_podrozetnik_bg.jpg) no-repeat bottom 1px center;
    background-size: 52px;
}
}