#parent_popup {
    background: #000;
    height: 100%;
    background-color: rgba(9, 9, 9, 0.4);
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0
}

#popup {
    background-color: #fffbf8;
    height: 250px;
    position: relative;
    top: 20%;
    width: 492px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5
}

#popup .close, #popup2 .close, #popup3 .close, #popup4 .close, #popup5 .close, #popup6 .close, #popup7 .close, #popup8 .close, #popup9 .close, #popup27 .close, #popup10 .close, #popup11 .close, #popup13 .close, #popup11 .close, #popup12 .close, #popup29 .close, #popup22 .close {
    position: absolute;
    right: -6px;
    top: -22px
}

.button5 {
    background: url("../images/buttons/button5.png") no-repeat;
    border: 0;
    width: 170px;
    height: 40px;
    cursor: pointer;
    display: block;
    color: #fff
}

.button5:hover {
    background: url("../images/buttons/button5_hover.png") no-repeat
}

.button5:active {
    background: url("../images/buttons/button5_click.png") no-repeat
}

.close {
    background: url("../images/buttons/close.png") no-repeat;
    border: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: block
}

.close:hover {
    background: url("../images/buttons/close_hover.png") no-repeat
}

.close:active {
    background: url("../images/buttons/close_click.png") no-repeat
}

.yes {
    background: url("../images/buttons/yes.png") no-repeat;
    border: 0;
    width: 111px;
    height: 32px;
    cursor: pointer;
    display: block
}

.yes:hover {
    background: url("../images/buttons/yes_hover.png") no-repeat
}

.yes:active {
    background: url("../images/buttons/yes_click.png") no-repeat
}

.no {
    background: url("../images/buttons/no.png") no-repeat;
    border: 0;
    width: 117px;
    height: 32px;
    cursor: pointer;
    display: block
}

.no:hover {
    background: url("../images/buttons/no_hover.png") no-repeat
}

.no:active {
    background: url("../images/buttons/no_click.png") no-repeat
}

#popup .close {
    position: absolute;
    right: -5px;
    top: -22px
}

#popup h2 {
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    text-align: center;
    margin: 0 0 15px 0;
    font-weight: normal
}

#popup .name_product2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Tahoma;
    font-size: 12pt;
    color: #000
}

#popup .name_product2 img {
    border: 1px solid #f9f2f4
}

#popup .right {
    margin-top: 36px
}

#popup table td {
    vertical-align: top;
    font-family: Tahoma
}

#popup table {
    width: 100%
}

#popup .name_product2 p {
    margin: 0 0 0 14px;
    display: inline-block;
    width: 230px;
    vertical-align: top
}

#popup .yes {
    float: left;
    margin-top: 20px
}

#popup .no {
    float: right;
    margin-top: 20px
}

#popup2 {
    background-color: #fffbf8;
    height: auto;
    position: relative;
    top: 10%;
    width: 460px;
    margin: 20px auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5
}

#popup22 {
    background-color: #fffbf8;
    border: 5px solid #c2d8d5;
    height: 200px;
    margin: 0 auto;
    padding: 25px 45px;
    position: relative;
    text-align: center;
    top: 10%;
    width: 460px
}

#popup2 h3 {
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    text-align: center;
    margin: 0 0 15px 0;
    font-weight: normal
}

#popup2 h2 {
    font-family: TrebuchetMS;
    font-size: 21pt;
    color: #665b59;
    text-align: center;
    margin: 35px 0 15px 0;
    font-weight: normal
}

#popup2 .accent {
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    text-align: center;
    margin: 35px 0 15px 0;
    font-weight: normal
}

#popup2 p, #popup2 form {
    font-family: Tahoma;
    font-size: 12pt
}

#popup2 .email {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    float: left;
    height: 37px;
    width: 275px;
    margin: 0
}

#popup2 [type="text"] {
    border: 0;
    width: 95%;
    margin-left: 4%;
    margin-top: 3px;
    height: 30px;
    font-size: 15pt;
    font-family: Tahoma
}

#popup2 p span {
    font-size: 16pt
}

#popup2 .button5 {
    margin-left: 10px;
    #float: right
}

#popup3 {
    background-color: #fffbf8;
    height: 430px;
    position: relative;
    top: 20%;
    width: 445px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#popup3 .name {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 100%;
    margin: 0
}

#popup3 .phone {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 98%;
    margin: 0;
    padding-left: 2%;
    color: #a1373f
}

#popup3 [name="name"] {
    border: 0;
    width: 89%;
    margin-left: 9%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup3 [name="mobile"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup3 [type="radio"] {
    margin: 0 25px 10px 0
}

#popup3 .button5 {
    margin-top: 30px
}

#popup4 {
    background-color: #fffbf8;
    height: 450px;
    position: relative;
    top: 20%;
    width: 295px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#popup4 .name {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 100%;
    margin: 0
}

#popup4 .phone {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #c10211;
    height: 37px;
    width: 98%;
    margin: 0;
    padding-left: 2%;
    color: #a1373f
}

#popup4 [name="name"] {
    border: 0;
    width: 89%;
    margin-left: 9%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup4 [name="mobile"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup4 [type="radio"] {
    margin: 0 25px 10px 0
}

#popup4 form {
    margin-top: 30px
}

#popup4 .button5 {
    margin-top: 30px
}

#popup4 .err {
    color: #c10211;
    font-family: Tahoma;
    margin: 10px 0
}

#popup5 {
    background-color: #fffbf8;
    height: 430px;
    position: relative;
    top: 20%;
    width: 655px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#vk_groups {
    float: left;
    margin-right: 8px
}

#popup5 .reviews {
    float: right;
    margin-top: 13%
}

#popup5 h2 {
    font-family: TrebuchetMS;
    width: 500px;
    font-size: 17pt;
    color: #665b59;
    text-align: center;
    margin: 0 0 15px 0;
    font-weight: normal;
    line-height: 35px
}

#popup6 {
    background-color: #fffbf8;
    height: 632px;
    position: relative;
    top: 15%;
    width: 740px;
    margin: 0 auto;
    padding: 25px 25px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#popup6 .button6 {
    margin-top: 20px
}

#popup6 .button7 {
    margin-top: 20px;
    float: right
}

#popup7 {
    background-color: #fffbf8;
    height: 500px;
    position: relative;
    top: 20px;
    width: 740px;
    margin: 0 auto;
    padding: 25px 25px;
    border: 5px solid #c2d8d5
}

#popup29 {
    background-color: #fffbf8;
    height: 500px;
    position: relative;
    top: 20px;
    width: 300px;
    margin: 0 auto;
    padding: 25px 25px;
    border: 5px solid #c2d8d5
}

#popup7 h2, #popup29 h2 {
    text-align: center;
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    margin: 0 0 5px 0;
    font-weight: normal
}

#popup7 table {
    background-color: #ecf2f2;
    width: 200px;
    height: 60px;
    font-size: 13pt;
    font-family: Tahoma;
    float: left
}

#popup7 table td {
    border-bottom: 1px solid #fffbf8
}

#popup7 .des {
    text-align: right;
    width: 80px;
    padding-right: 40px
}

#popup7 table p {
    margin: 5px 0
}

#popup7 .scheme {
    background-color: #d8dddd;
    border-bottom: 1px solid #f9f2f4;
    width: 320px;
    height: 240px;
    float: right
}

#popup7 .type_of_filler {
    color: #665b59;
    font-family: Tahoma;
    float: left;
    width: 293px;
    text-align: center;
    margin-right: 150px;
    display: inline-block
}

#popup7 .type_of_filler h3 {
    font-weight: normal
}

#popup7 .type_of_filler img {
    background-color: #d8dddd;
    border-bottom: 1px solid #f9f2f4;
    width: 293px;
    height: 220px
}

#popup7 .button8, #popup7 .button9 {
    margin-top: 15px
}

#popup8 {
    background-color: #fffbf8;
    height: 156px;
    position: relative;
    top: 20%;
    width: 500px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5
}

#popup8 h2 {
    text-align: center;
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    margin: 0 0 15px 0;
    font-weight: normal
}

#popup8 p {
    text-align: center;
    font-family: Tahoma
}

#popup8 .button10 {
    float: right;
    margin-top: 25px
}

#popup8 .button13 {
    float: left;
    margin-top: 25px
}

#popup9 {
    background-color: #fffbf8;
    height: 484px;
    position: relative;
    top: 2%;
    width: 540px;
    padding: 15px 25px;
    border: 5px solid #c2d8d5
}

#popup27 {
    background-color: #fffbf8;
    height: 384px;
    position: relative;
    top: 10%;
    width: 400px;
    padding: 25px 45px;
    border: 5px solid #c2d8d5
}


#popup9 h2 {
    text-align: center;
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    margin: 25px 0 15px 0;
    font-weight: normal
}

#popup27 h2 {
    text-align: center;
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    margin: 25px 0 15px 0;
    font-weight: normal
}


#popup9 hr {
    opacity: .4
}

.city {
    cursor: pointer;
}
.city:hover {
    color: #a1373f;
}



#popup27 hr {
    opacity: .4
}


#popup9 p {
    text-align: center;
    font-family: Tahoma
}

#popup9 .button10 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px
}

#popup9 .button20 {
    margin-top: 25px;
    margin-bottom: 25px
}

#popup9 .button13 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px
}

#popup9 table td {
    vertical-align: top;
    font-family: Tahoma
}

#popup9 table {
    width: 100%
}

#popup9 .name_product2 p {
    margin: 0 0 0 14px;
    display: inline-block;
    width: 230px;
    vertical-align: top;
    text-align: left
}

#popup9 .name_product2 img {
    border: 1px solid #f9f2f4
}

#popup9 .button11 {
    margin: 25px 27%
}

#popup9 .name {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 100%;
    margin: 0
}

#popup9 .phone {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 98%;
    margin: 0;
    padding-left: 2%;
    color: #a1373f
}


#popup10 {
    background-color: #fffbf8;
    height: 142px;
    position: relative;
    top: 20%;
    width: 297px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#popup13 {
    background-color: #fffbf8;
    height: auto;
    position: relative;
    top: 20%;
    width: 297px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#popup10 .phone {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 98%;
    margin: 0;
    padding-left: 2%;
    color: #a1373f
}

#popup13 .phone {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b7b5b3;
    height: 37px;
    width: 98%;
    margin: 0;
    padding-left: 2%;
    color: #a1373f
}

#popup10 [name="mobile"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup13 [name="mobile"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}
#popup13 [name="name"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}
#popup13 [name="email"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup11 {
    background-color: #fffbf8;
    height: 236px;
    position: relative;
    top: 20%;
    width: 295px;
    margin: 0 auto;
    padding: 25px 45px;
    border: 5px solid #c2d8d5;
    font-family: Tahoma
}

#popup11 .phone {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #c10211;
    height: 37px;
    width: 98%;
    margin: 0;
    padding-left: 2%;
    color: #a1373f
}

#popup11 [name="mobile"] {
    border: 0;
    width: 81%;
    margin-left: 2%;
    margin-top: 3px;
    height: 30px;
    font-size: 13pt;
    font-family: Tahoma
}

#popup11 form {
    margin-top: 30px
}

#popup11 .button2 {
    margin-top: 15px
}

#popup11 .err {
    color: #c10211;
    font-family: Tahoma;
    margin: 10px 0
}

#popup12 {
    background-color: #fffbf8;
    height: 89px;
    position: relative;
    top: 15%;
    width: 204px;
    margin: 0 auto;
    padding: 25px 25px;
    border: 5px solid #c2d8d5
}

#popup12 h2 {
    text-align: center;
    font-family: TrebuchetMS;
    font-size: 17pt;
    color: #665b59;
    margin: 0 0 15px 0;
    font-weight: normal
}

#popup12 p {
    text-align: center;
    font-family: Tahoma
}

.modal {
    display: none
}

.modal:target {
    opacity: 1;
    pointer-events: auto
}

.modal > div {
    width: 300px;
    background: #fff;
    position: relative;
    margin: 15px auto;
    -webkit-animation: minimise 500ms linear;
    padding: 30px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 0 #fff
}

.modal a[href="#close"] {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent
}

.modal a[href="#close"]:focus {
    outline: 0
}

.modal a[href="#close"]:after {
    content: 'X';
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    padding: 1px 1px 1px 2px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: bold;
    background: #000;
    color: #fff;
    border: 3px solid #fff;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.modal a[href="#close"]:focus:after, .modal a[href="#close"]:hover:after {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.modal a[href="#close"]:focus:after {
    outline: 0 solid #000
}

.modal .modal_title {
    display: block;
    text-align: center;
    font-size: 22pt
}

@media (max-width: 420px) {
    #popup13 {
        width: 190px !important
    }

    .foot_namber_opt {
        left: 0 !important;
        position: relative;
        padding-left: 85px
    }

    .foot_email_opt {
        left: 0 !important;
        position: relative;
        padding-left: 32px
    }

    .button_opt_head.assort > span {
        font-size: 14px !important;
        position: absolute !important;
        top: 8px !important;
        left: 0 !important
    }
}

.button_opt_head.assort {
    background: url("../images/button_opt/center_m.png");
    display: block;
    font-size: 13px;
    height: 48px;
    margin: 0 auto 20px;
    width: 83%;
    position: relative
}

.button_opt_head.assort:hover {
    background: url("../images/button_opt/center_mh.png")
}

.button_opt_head.assort::before {
    bottom: 1px;
    content: url("../images/button_opt/left_m.png");
    float: left;
    position: relative;
    right: 34px
}

.button_opt_head.assort:hover::before {
    content: url("../images/button_opt/left_mh.png")
}

.button_opt_head.assort::after {
    bottom: 1px;
    content: url("../images/button_opt/right_m.png");
    float: right;
    left: 34px;
    position: relative
}

.button_opt_head.assort:hover::after {
    content: url("../images/button_opt/right_mh.png")
}

.button_opt_head.assort > span {
    font-size: 18px;
    position: relative;
    top: 11px
}
.foot_email_opt {
    padding-left: 32px;
}
.foot_namber_opt {
    padding-left: 85px;
}

.city:hover {
	border-bottom: 1px dashed #000080;

}