.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.myLinkModal:before {
	content: "•";
    color: #333;
    position: relative;
    float: left;
    padding-right: 1px;
}



body .shop2-compare-page {
	background-color: #fff;
}

.view-shop:after {
	content:"Вид товаров";
	font-size:17px;
	color:#333;
	font-weight:700;
    position: relative;
    float: left;
    bottom: 28px;
    left: 64%;
}

.shop_main_block .shop_main_slider .shop_main_left .shop_main_before a {
	border-bottom:0;
}

.option_note .pop-icon-note {
	    background: #a09fa0;
	    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    margin: 0px 0px 3px 8px;
    vertical-align: bottom;
    cursor: pointer;
}

/* Базовые стили слоя, затемнения и модального окна */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.65);
position: fixed; /* фиксированное позиционирование */
cursor: default; /* тип курсора */
}
 
/* активируем слой затемнения */
.overlay:target {
display: block;
}
 
/* стили модального окна */
.popup {
top: -100%;
right: 0;
left: 50%;
font-size: 14px;
z-index: 20;
margin: 0;
width: 85%;
min-width: 320px;
max-width: 600px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
background: #fefefe;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font: 14px/18px 'Tahoma', Arial, sans-serif;
/* внешняя тень */
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-webkit-transform: translate(-50%, -500%);
-ms-transform: translate(-50%, -500%);
-o-transform: translate(-50%, -500%);
transform: translate(-50%, -500%);
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
 
/* активируем модальный блок */
.overlay:target+.popup {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 20%;
}
 
/* формируем кнопку закрытия */
.close {
top: -10px;
right: -10px;
width: 20px;
height: 20px;
position: absolute;
padding: 0;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font: 13px/20px 'Tahoma', Arial, sans-serif;
font-weight: bold;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
 
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
 
.close:hover {
background-color: rgba(63,212,174, 0.8);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}

.modal_win {
	text-align: center;
	display: table-cell;
	padding-left:20px;
}

/*
Форма обратной связи
*/

.modal_button {
	color: #333;
    background: #ааа;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px #ccc solid;
    padding: 10px 23px 11px;
    border-radius: 30px;
    display: block;
    
}

.modal_button:hover {
	background:#3fd4ae;
	border:#3fd4ae;
	transition: all .3s;
}

.modal_win > a {
	text-decoration:none;
	font-size: 15px;
	
}

.modal_win > a:hover {
	color: #fff;
	
}

.form_bl_title_modal {
	color: #333;
    font: 30px rb,Arial,Helvetica,sans-serif;
}

.table_modal {
	display: table;
	padding-bottom: 25px;
}

.product-price {
	display: table-cell;
}

.contacts_popup_wrap .title {
	text-align:center;
}

.g-button {
	background-color:rgb(63,212,174);
	background-image:none;
	
}

.g-button:hover{
		background-color:rgb(63,218,211);
}

.g-form-field__title {
	font-size: 16px;
	padding-left:20px;
}

.g-form-field__value {
	padding-left:20px;
	width:90%;
}

.g-form-row--submit, .g-form-row--captcha {
	text-align: center;
    padding-right: 20px;
}

.g-form-field__value > ul {
	padding-left:2px;
	vertical-align: top;
    line-height: 15px;
    letter-spacing: -0.2px;
    font-weight: normal;
}


.g-anketa-wrapper {
	text-align:left;
}

.g-form-control-checkbox--single .g-form-control-checkbox__input {
	position:absolute;
}

/* задаем относительное позиционирование контейнеру */
    .block {
        position: relative;
    }

    /* Оформление скрытого элемента по умолчанию */
    .hidden {
        display: none;
        width: 300px;
        position: absolute;
        bottom: 130%;
        left: 100px;
        background-color: rgb(63, 212, 174);
        color: #fff;
        padding: 5px;
        text-align: center;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        font-size: 16px;
        z-index:9999;
    }

    /* Дополнительное оформление скрытого элемента(необязательно) */
    .focus+.hidden:before {
        content: " ";
        position: absolute;
        top: 98%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid #fff;
        border-color: #fff transparent transparent transparent;
        z-index: 2;
    }

    /* Дополнительное оформление скрытого элемента(необязательно) */
    .focus+.hidden:after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid #fff;
        border-color: rgba(0, 0, 0, .16) transparent transparent transparent;
        z-index: 1;
    }

    /* Появление скрытого элемента при клике */
    .focus:focus+.hidden {
        display: block;
    }
    
    .dostavka_title {
        font-weight: 700;
    }
    
    .dostavka {
    	padding-bottom:24px;
    	display: table-cell;
    	width:50%;
    	line-height: 1.6;
    }
    
    .product_options {
    	display: table-cell;
    }
    
    
    #myModal {
        display: none;
        width: 300px;
        position: absolute;
        border-radius:10px;
        bottom: 130%;
        background-color: rgb(63, 212, 174);
        color: #fff;
        padding: 5px;
        text-align: center;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        font-size: 16px;
        z-index:9999;
    }

    #myOverlay {
        z-index: 37;
        position: fixed;
        background: rgba(0, 0, 0, .7);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
        display: none;
    }
    
    .close {
    	font-size:0px;
    }
    
@media (min-width: 768px) {
.shop_product_button {
    padding: 11px 8px 12px;
}
}


@media (max-width: 600px) {
	.table_modal {
	display: block;
	margin-bottom: 10px;
	padding:0;
	width: 100%;
}

.modal_win {
	padding-left:0;
	display:block;
	width: 100%;
}

.product-price {
	display: block;
}

.modal_win > a {
	font-size:15px;
}

#myModal {
	left:0px;
}

.product_options {
	display:block;
}

.dostavka {
	display:block;
	width:100%;
}


}

@media(max-width: 600px){
.table_modal{
	display: flex;
    flex-direction: column;
}
.product_options{
	order: 1;
}
.all-params-btn{
	order: 2;
}
.dostavka{
	order: 3;
}
}