.fade
{
	opacity:0;
	-webkit-transition:opacity .15s linear;
	transition:opacity .15s linear
}
.fade.in
{
	opacity:1
}

.close:hover,.close:focus
{
	color:#000;
	text-decoration:none;
	cursor:pointer;
	opacity:.5;
	filter:alpha(opacity=50)
}
	button.close
{
	padding:0;
	cursor:pointer;
	background:0 0;
	border:0;
	-webkit-appearance:none
}

	body.modal-open {
	  overflow: hidden !important;

	}

/* Только для iPhone (портретный режим) */
@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2), 
only screen and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) {
	body.modal-open {
		  overflow: hidden !important;
		  height: 100% !important;
		  width: 100% !important;
		  position: relative !important; /* важно для iOS */
		  touch-action: none !important; /* отключает скролл на iOS */
	}
}



.modal-open
{
	overflow: hidden;
	overflow-x: hidden;
}
.modal
{
	display:none;
	overflow:auto;
	overflow-y:scroll;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	-webkit-overflow-scrolling:touch;
	outline:0
}
.modal.fade .modal-dialog
{
	-webkit-transform:translate(0,-25%);
	-ms-transform:translate(0,-25%);
	transform:translate(0,-25%);
	-webkit-transition:-webkit-transform .3s ease-out;
	-moz-transition:-moz-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out
}
.modal.in .modal-dialog
{
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0)
}
.modal-dialog
{
	position:relative;
	width:auto;
	margin:10px
}
.modal-content
{
	position:relative;
	background-color:#fff;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5);
	background-clip:padding-box;
	outline:0
}
.modal-backdrop
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade
{
	opacity:0;
	filter:alpha(opacity=0)
}
.modal-backdrop.in
{
	opacity:.5;
	filter:alpha(opacity=50)
}
.modal-header
{
	padding:15px;
	border-bottom:1px solid #e5e5e5;
	min-height:16.42857143px
}
.modal-header .close
{
	margin-top:-2px
}
.modal-title
{
	margin:0;
	line-height:1.42857143
}
.modal-body {
    position: relative;
    padding: 30px;
}
.modal-footer
{
	margin-top:15px;
	padding:19px 20px 20px;
	text-align:right;
	border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn
{
	margin-left:5px;
	margin-bottom:0
}
.modal-footer .btn-group .btn+.btn
{
	margin-left:-1px
}
.modal-footer .btn-block+.btn-block
{
	margin-left:0
}
	@media (min-width:768px)
{
.modal-dialog
{
	width:600px;
	margin:30px auto
}
.modal-content
{
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
	box-shadow:0 5px 15px rgba(0,0,0,.5)
}
.modal-sm
{
	width:300px
}

}
	@media (min-width:992px)
{
.modal-lg
{
	width:900px
}

}


button.close {
    position: absolute;
    right: 14px;
    font-size: 28px;
    top: 6px;
}



.modal-dialog {
    width: 626px;
    margin: 30px auto;
}

.modal-dialog p.mn-pl {
    text-align: center;
}

.modal-dialog .contact-form {
    width: 100%;
    padding: 20px 0px;
    box-sizing: border-box;
    font-family: 'Lora', serif;
}


.form-row.rw50r {
    width: 47.5%;
    float: right;
}

.form-row.rw50{
	    width: 47.5%;
    float: left;
}

.special {
	display: none;
}

.modal-dialog .radio:not(checked) + label {
    text-align: left;
    position: relative;
    padding: 0 0 0 33px;
    display: inline-block;
    font-size: 14px;
    padding-right: 6px;
    margin-bottom: 24px;
    color: #000;
}

.modal-dialog .radio:not(checked) + label:before {
    top: 3px;
    left: 7px;
    }


.text-box.grs.swrs {
    color: #D3D3D3;
    line-height: 21px;
}


.text-box.swrsn {
    font-size: 18px;
    color: #1E1E1E;
    margin-top: 24px;
}


.modal-dialog .radio:not(checked) + label:after {
    top: 7px;
    left: 11px;
}

.modal-dialog .wrappersw {
    margin-left: -8px;
}
    
    label.mnv-la {
    color: #1b1b1b;
    font-size: 18px;
}


label.mnv-la span {
    font-size: 14px;
    color: #808080;
    margin-left: 4px;
}


.form-row.frw-modal {
    width: 33%;
    float: left;
}

.clearfix {
    clear: both;
    overflow: hidden;
}

span.spx {
    color: #808080;
    font-size: 13px;
}


.form-row.frw-modal {
    width: 197px;
    float: left;
    margin: 0;
}

.lbks-row {
    margin-left: 0;
    /*margin-right: -30px;*/
}


span.psds {
    display: block;
    margin-bottom: -9px;
}

span.psds {
    display: block;
    margin-bottom: -9px;
    color: #1b1b1b;
}


.img-area-w p {
    text-align: center;
    color: #1b1b1b;
    font-size: 14px;
    margin-top: 9px;
}

.modal-dialog .jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 138px;
}


.form-row.frw-modal label {
    display: block;
    height: 42px;
	margin-bottom: 8px; 
}

.lbks-row {
    margin-top: 20px;
    height: 105px;
}


.modal-dialog .form-title {
    color: #000000;
    margin-bottom: 20px;
}



button.close {
    background: url(/templates/process/img/clz.png) no-repeat !important;
    font-size: 0;
    width: 31px;
    height: 32px;
    right: 8px;
}

.modal-content{
	border-radius: 0 !important;
}

/*
.jq-selectbox__select {
    width: 100%;
    height: 38px;
    padding: 0 20px 0 10px;
    border: 1px solid #a1a0a5;
    background: #fff;
    font: 14px/32px "Lato", sans-serif;
    color: #191919;
    text-shadow: 1px 1px #FFF;
    line-height: 36px;
}


.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 15px;
    right: 9px;
    width: 0;
    height: 0;
    border-top: 6px solid #191919;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}


.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 170px !important;
    width: 100%;
    margin: -1px 0 0;
    padding: 0;
    border: 1px solid #191919;
    border-top: 1px solid #fff;
    background: #FFF;
    font: 14px/18px Arial, sans-serif;
}



.jq-selectbox__select:after {
    content: '';
    position: absolute;
    right: -18px;
    height: 49px;
    width: 22px;
    background: url(/templates/css/img/corners.png) 100% 100% no-repeat;
    margin-top: -37px;
}

.jq-selectbox__select:before {
    content: '';
    position: absolute;
    left: -5px;
    height: 49px;
    width: 22px;
    background: url(/templates/css/img/corners.png) 100% 100% no-repeat;
    margin-top: -1px;
}
*/


.modal-content .text-box.grs.swrs {
    color: #D3D3D3;
    line-height: 21px;
    margin-bottom: 20px;
}

.modal-content .jewler.black {
    background: url(/templates/css/img/bg-btn-black.png) 0 0 no-repeat;
    color: #fff;
    margin-top: 28px;
    cursor: pointer;
}


.modal-content .clcs{
	width: 269px !important;
}


@media (max-width:640px) {  
	.form-row.frw-modal {
    width: 563px;
    float: left;
    margin: 0;
}


.clcs {
    width: 285px !important;
    background-size: 100% 100% !important;
    font-size: 11px !important;
}

.modal-dialog .jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 531px;
    margin-bottom: 12px;
}

.form-row.frw-modal label {
    display: block;
    height: auto;
    min-height: 36px;
}

.form-row.rw50, .form-row.rw50r {
    width: 100%;
    float: none;
    margin-bottom: 8px;
}

}

.form-row.rw50 label, .form-row.rw50r label{
	color: #000;
}




span.modal_close{
	background: url(/templates/process/img/clz.png) no-repeat !important;
    font-size: 0;
    width: 31px;
    height: 32px;
    right: 8px;
}


.modal-dialog .contact-form textarea{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}



@media (max-device-width:640px) {  
	form#forma_popun {
		/*height: 900px;
		overflow-y: scroll;
		overflow-x: hidden;*/
	}
}


.clcs {
    width: 250px !important;
    background-size: 100% 100% !important;
}


.radio {
 vertical-align: top;
 width: 17px;
 height: 17px;
 margin: 0 3px 0 0;
}
.radio + label {
 cursor: pointer;
}
.radio:not(checked) {
 position: absolute;
 opacity: 0;
}
.radio:not(checked) + label {
 position: relative;
 padding: 0 0 0 28px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #212121;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
 opacity: 1;
}


.modal-dialog p.mn-pl {
    text-align: center;
}
p.mn-pl {
    font-size: 14px !important;
    margin-top: 18px;
	color: #808080;
}

label.mn-pl {
    font-size: 13px !important;
	color: #808080;
	margin: 10px 0;
    text-align: center;
}

label.mn-pl input {
    height: 16px;
    width: 16px;
}



.img-area-w img {
    display: block;
    margin: 0 auto;
}


.like-ig-block .button_365 {
	margin: 20px auto 16px auto;
	height: 42px;
}



@media (max-width: 767px){ 

label.mn-pl input {
    height: 20px;
    width: 20px;
}


  .tye4 {margin: 0 0 20px 0;}
  .add-holder .rtrt {margin: 0 0 13px 0;} 
}
	
.page-content .tye4 {
    background: url(/templates/css/img/bg-btn-black.png) 0 0 no-repeat;
    color: #fff;
	cursor: pointer;
    width: 195px;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    margin-top: 7px;
    /*font-weight: bold;*/
    display: inline-block;
    border: 0;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lora', serif;
    letter-spacing: 1px;
    border-radius: 0;
    margin-right: 20px;
}

.tye4:hover {
  opacity: 0.8;
}


.tye4 i {
	font-size: 16px;
}


.rtrt {

    background: url(/templates/process/img/button2.png) 0 0 no-repeat;
    width: 215px;
    color: #1b1b1b;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    margin-top: 7px;
    font-weight: bold;
    display: inline-block;
    border: 0;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lora', serif;
    letter-spacing: 1px;
    border-radius: 0;
}
	
.rtrt:hover {
  opacity: 0.8;
}
	
/*
.jq-selectbox li {
    white-space: inherit !important;
    line-height: 14px !important;
}
*/
	
textarea::-webkit-input-placeholder {
  color: #ccc;
}
	

textarea:-ms-input-placeholder {
  color: #ccc;
}
	
textarea::placeholder {
  color: #ccc;
}

.lbks-row select {
    font-size: 19px;
    width: 100%;
    padding: 7px;
    font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.users-forma .mask_m {
	margin-bottom: 0;
}

.unmask {
	margin-bottom: 15px;
	text-align: right;
}

.unmask span {
	cursor: pointer;
	border-bottom: 1px dashed;
}

#phoneModal, #basicModal-otz {
	overflow: hidden;
}

.send-video {
	text-align: center;
	margin-top: 35px;
}

.send-video a {
	margin: 0;
}



body._overlay-open {
  left: 0;
  top: 0;
  right: 0;
  overflow: hidden !important;
  
  @media (max-width: 991px) {
    position: fixed !important;
    top: var(--fix-position, 0) !important;
    width: 100% !important;
    height: 100% !important;
  }
}

