/** layer **/
.blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; padding: 1.25rem; box-sizing: border-box; background: rgba(49, 49, 49, 0.80); text-align: center; } 
.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } 
.blocker.behind { background-color: transparent; } 


/** modal **/
.modal { display: none; vertical-align: middle; position: relative; z-index: 9999; max-width: 950px; box-sizing: border-box; width: 100%; background: #fff; padding: 50px; border-radius: 18px; text-align: left; } 
.modal.modal_sm {max-width:600px;}

.modal a.close-modal { position: absolute; top: 0; right: -60px; display: block; width: 42px; height: 42px; text-indent: -9999px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url("../../img/ico_modal_close.svg");}


@media screen and (max-width:768px) {
  .blocker{padding: 60px 16px;}
  .modal{padding:32px 16px;}
  .modal a.close-modal{right: -10px;top: -40px;background-size: 30px;width: 30px;height: 30px;}
}


/** spiner **/
.modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px; } 
.modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block;
 -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } 
.modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } 
.modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } 
.modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } 

@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 
 20% { -webkit-transform: scaleY(1.0) } 
 }

@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } 
 }