.modal-bg {
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	overflow-y:scroll;
	background-image: url(data:image/gif;base64,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);
	background-position:center center;
	background-repeat:no-repeat;
	display:none;
}
.modal-bg.hidden {
	overflow-y:hidden;
}

.modal-window {
	width:740px;
	background-color:#fff;
	min-height:100%;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

body.modal-open {
	overflow-y:hidden;
	width:auto !important;
}

.pay-adstext {
    width:600px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
}

.pay-service {
    display:inline-block;
    background-position:15px center;
    background-repeat:no-repeat;
	background-size: 15px;
    line-height:34px;
    vertical-align:middle;
    padding-left:40px;
    position:relative;
    text-decoration:none;
	border: solid 1px #e0e0e0;
	width: 285px;
	border-radius: 4px;
	margin:5px 10px 5px 0;
	color: #1e1e1e !important;
	font-size: 16px;
}

.pay-service .price {
    color: #003366;
    margin-right: 14px;
    float: right;
}

.pay-block .price {
    color: #003366;
}

.pay-service u {position:absolute; right:0; bottom:-2px; line-height:1;}

.pay-service.premium {
    background-image:url(/images/pays/payment_premium1.png);
}
.pay-service.vip {
    background-image:url(/images/pays/payment_vip1.png);
}
.pay-service.select {
    background-image:url(/images/pays/payment_selected1.png);
}
.pay-service.up {
    background-image:url(/images/pays/payment_up1.png);
}

.pay-button {
    display:inline-block;
    height:50px;
    line-height:50px;
    color:#fff !important;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    font-size: 20px !important;
    width:220px;
    vertical-align:middle;
    text-decoration:none;
    margin-bottom:7px;
}
.pay-button img {display:inline-block; vertical-align:middle; margin-right:10px;}

.rocket {
    background: rgb(216,51,74); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4MzM0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjI2M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(216,51,74,1) 0%, rgba(191,38,60,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,51,74,1)), color-stop(100%,rgba(191,38,60,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216,51,74,1) 0%,rgba(191,38,60,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216,51,74,1) 0%,rgba(191,38,60,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(216,51,74,1) 0%,rgba(191,38,60,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(216,51,74,1) 0%,rgba(191,38,60,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8334a', endColorstr='#bf263c',GradientType=0 ); /* IE6-8 */
}

.bomb {
    background: rgb(160,212,104); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwZDQ2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Y2MxNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(160,212,104,1) 0%, rgba(140,193,82,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,212,104,1)), color-stop(100%,rgba(140,193,82,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(160,212,104,1) 0%,rgba(140,193,82,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(160,212,104,1) 0%,rgba(140,193,82,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(160,212,104,1) 0%,rgba(140,193,82,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(160,212,104,1) 0%,rgba(140,193,82,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d468', endColorstr='#8cc152',GradientType=0 ); /* IE6-8 */
}

.noservice {
    background: rgb(204,209,217); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZDFkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWIyYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(204,209,217,1) 0%, rgba(170,178,189,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,209,217,1)), color-stop(100%,rgba(170,178,189,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(204,209,217,1) 0%,rgba(170,178,189,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(204,209,217,1) 0%,rgba(170,178,189,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(204,209,217,1) 0%,rgba(170,178,189,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(204,209,217,1) 0%,rgba(170,178,189,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd1d9', endColorstr='#aab2bd',GradientType=0 ); /* IE6-8 */
}

.payservice-list {
    width:80%;
    margin:15px auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:20px;
    border:1px solid #f0f0f0;
    border-radius:4px;
    -moz-box-shadow: inset 0 0 12px -5px #000;
    -webkit-box-shadow: inset 0 0 12px -5px #000;
    box-shadow: inset 0 0 12px -5px #000;
}

.payservice-list .cell {
    float:left;
    padding-right:50px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    max-width:50%;
}
.payservice-list .h {font-weight:bold; font-size:18px;}


.radio-service {
    display:inline-block;
    width:200px;
    vertical-align:bottom;
    text-align:center;
    padding-bottom:18px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-size:18px !important;
    color:#fff !important;
    font-weight:bold;
    text-transform:uppercase;
    position:relative;
    margin:20px 3px 40px 0;
    cursor:pointer;
    text-decoration:none;
}
.radio-service  span {display:inline-block; vertical-align:bottom;}
.radio-service:after {display:inline-block; content:""; height:100%;  vertical-align:bottom;}

.radio-service.noservice {height:80px;}
.radio-service.bomb {height:100px; font-size:20px !important;}
.radio-service.rocket {height:120px; font-size:20px !important;}

.radio-service.active:before {
    position:absolute;
    display:block;
    content:"";
    top:100%;
    left:0;
    border-left:100px solid transparent;
    border-right:100px solid transparent;
}
.radio-service.active.rocket:before {
    border-top:20px solid rgba(191,38,60,1);
}
.radio-service.active.bomb:before {
    border-top:20px solid rgba(140,193,82,1);
}
.radio-service.active.noservice:before {
    border-top:20px solid rgba(170,178,189,1);
}

.service-tip {color:#d00218; text-transform:uppercase; font-size:14px; font-weight:bold;}

.service-info {display:none;}
.service-info.active {display:block;}
.service-info-item {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    display:inline-block;
    margin:7px 3px 0px 0px;
    width:305px;
    padding:20px;
    background-color:#dee4ef;
    vertical-align:top;
    font-size:14px;
}
.service-info-item .h {
    line-height:1;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    color:#244c91;
    height:35px;
}
.service-info-item .h  img {display:inline-block; vertical-align:top; margin-right:10px;}

.service-button {
    width:340px;
    color:#fff !important;
    font-size:16px !important;
    text-decoration:none;
    line-height:48px;
    display:inline-block;
    position:relative;
    margin-left:255px;
    padding-left: 20px;
    margin-top:20px;
}
.service-button:before {
    display:block;
    content:"";
    top:0;
    right:0;
    border-top:12px solid #fff;
    border-right:12px solid #fff;
    border-bottom:12px solid transparent;
    border-left:12px solid transparent;
    width: 0;
    position: absolute;
}
.service-button:after {
    display:block;
    content:"";
    bottom:0;
    right:0;
    border-bottom:12px solid #fff;
    border-right:12px solid #fff;
    border-top:12px solid transparent;
    border-left:12px solid transparent;
    width: 0;
    position: absolute;
}

.ads-also {
    width:80%;
    margin:20px auto 10px auto;
}

.ads-also-item {
    display:block;
    float:left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:20%;
    color:#003366 !important;
    font-weight:bold;
    text-decoration:none;
    padding: 0 5px;
    overflow:hidden;
}
.ads-also-item:hover {color:#cc0000 !important;}
.ads-also-img {
    width:100%;
    height:120px;
    overflow:hidden;
    margin-bottom:10px;
}
.ads-also-item  img {
    width:100%;
    margin-bottom:10px;
}

.pay-desc {
    background-color:#dee4ef;
    padding:20px;
    font-size:14px;
    line-height:1.2;
    margin-top:15px;
}

.service-price {
    margin-top:20px;
    line-height:38px;
    font-size:16px;
    padding: 0 20px;
    width: 576px;
}

.service-price.rocket-price {
    background-color:rgba(216,51,74,0.25);
}
.service-price.bomb-price {
    background-color:rgba(160,212,104,0.25);
}
.service-price.noservice-price {
    background-color:rgba(204,209,217,0.25);
}
.services-cell {display:inline-block; vertical-align:top; font-size: 16px;}
.services-cell:first-child {margin-right:30px;}

.pay-block {
	color: #373a3c !important;
	border-radius: 4px;
	border: solid 2px;
	padding: 20px 25px;
	margin-top: 15px;
	font-size: 16px;
	max-width: 365px;
}
.pay-block ul {
	padding-left: 0;
    margin: 20px 0px 10px 20px;
}
.pay-block ul li {padding-left:10px;}
.pay-block .color {margin-left: 30px;}
.pay-block-head { font-weight:bold; font-size: 20px; }

.pay-block-rocket {border-color: #bd0fe1;}
.pay-block-rocket .color {color: #bd0fe1;}
.pay-block-bomb {border-color: #00d045;}
.pay-block-bomb .color {color: #00d045;}

.pay-block-radio {
    border-color: #d8232a;
	width: 270px;
}

.payservices {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    flex-wrap: wrap;
}

.payservices .column {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    margin-right: 18px;
    justify-content: space-between;
}

.payservices .column .column-name {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #1e1e1e;
    margin-top: 16px;
}

.payservices .service-item {
    display: flex;
    flex-direction: row;
    width: 300px;
    border-radius: 6px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    margin-top: 10px;
    position: relative;
    transition: transform .2s;
}

.payservices .service-item:hover {
    display: flex;
    flex-direction: row;
    height: calc(height+4);
    border-radius: 6px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.20);
    background-color: var(--white);
    margin-top: 10px;
    position: relative;
    transition: transform .2s;
    transform: scale(1.03);
}

.payservices .service-item .icon-part {
    width: 50px;
    padding: 16px;
    display: flex;
    align-items: center;
    border-radius: 7px 0px 0px 7px;
    flex-direction: column;
    justify-content: center;
}

.payservices .service-item .topleft {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
    padding-right: 12px;
    padding-left: 11px;
    border-radius: 6px;
}

.payservices .service-item .icon-part .label {
    font-size: 12px;
    color: white;
    margin-top: 7px;
    line-height: 0.5;
}

.payservices .service-item .text-part {
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 0px 7px 7px 0px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #1e1e1e;
    font-size: 14px;
    padding-right: 9px;
}

.payservices .service-item .text-part .description {
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
}

.rocket-benefits {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #1e1e1e;
}

.roboto-family {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"
}

@media (max-width: 640px) { 
    .payservices .column {
        max-width: 100%;
        margin-right: 0px;
    }
    .payservices .service-item {
        width: 100%;
    }
}

@media (max-width: 640px) { 
    .payservices .column {
        max-width: 100%;
        margin-right: 0px;
    }
    .payservices .service-item {
        width: 100%;
    }
}