﻿.zcwPopup-bg { display: none; position: fixed !important; left: 0 !important; top: 0 !important; z-index: 99991 !important; width: 100% !important; height: 100% !important; background: url(/srv/images/callback/underlay.png) repeat 0 0 !important; cursor: pointer !important; -webkit-filter: blur(1.4px); -moz-filter: blur(1.4px); -ms-filter: blur(1.4px); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='2'/></filter></svg>#blur"); filter: blur(2px); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2);}.zcwPopup { display: none; text-align: center; position: fixed; left: 50%; top: 50%; z-index: 99992 !important; width: 280px!important; margin: -80px 0 0 -140px; height: auto !important; padding: 10px !important; border-radius: 4px !important; -webkit-box-shadow: 0 0 12px #cecece !important; -moz-box-shadow: 0 0 12px #cecece !important; -ms-box-shadow: 0 0 12px #cecece !important; box-shadow: 0 0 12px #cecece !important; font-size: 21px !important; background-color: white; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; opacity: 0.9; color: black;}.zcwPopup-form { display: table; margin: 0 auto;}.zcwPopup-form form{ color: white; position: relative; height: 50px; display: table; margin: 0 auto;}.zcwPopup-description,.zcwPopup-content { color: black;}.zcwPopup-title { text-align: center; padding:10px; font-size: 1.17em; color: #c00; font-weight: bold;}.zcwPopup-description { padding: 0 0 15px 0; margin: 0 auto; width: 65%;}#zcwPopup-raty { display: inline-block; padding: 10px;}#zcwPopup-raty img{ vertical-align: middle; padding: 0px 5px 0px 0px;}.zcwPopup-close { cursor: pointer !important; text-decoration: none; color: #c00; position: absolute; top: 10px; right: 10px; font-size: 0px;}.zcwPopup-close:after { content: "×"; position: absolute; top: -5px; right: 5px; font-size: 32px;}.zcwPopup-content {    font-size: 14px;    padding: 50px 0 50px 0;}.zcwPopup-countdown {    font-weight: bold;    display: none;}.zcwPopup input[type="hidden"] {    display: none;}.zcwPopup button,.zcwPopup input,.zcwPopup select,.zcwPopup textarea {    border: 2px solid #c00;    border-right: none;    font-size: 15px;    line-height:25px;    display: inline;    font-family: Arial;    -webkit-border-radius:4px;    -moz-border-radius:4px;    border-radius:4px;    float: left;    background: white;}#zcwPopup-callresult input {    float: none;    border-right: 2px solid #c00;    cursor: pointer;}.zcwPopup input[type="submit"] {    background-color: #fff;    border: 2px solid #c00;    color: #c00;    text-decoration: none;    font-weight: bold;    box-shadow: inset 0 0 0 0 #c00;    -webkit-transition: all ease 0.5s;    -moz-transition: all ease 0.5s;    transition: all ease 0.5s;    position: relative;    text-align: center;    width: 140px;    cursor: pointer;    border-top-left-radius: 0;    border-bottom-left-radius: 0;    line-height: 23px}.zcwPopup input[type="submit"]:hover{    color: #fff;    background-color: #c00;}.zcwPopup .link {    text-decoration: none;    cursor: pointer;    border-bottom: 1px dashed black;}.zcwPopup .powered_by {    display:none;    margin-top: 7px;    font-size: 12px;    color: #777777 !important;}.zcwPopup select {    border-radius: 0;    height: 29px;    left: -4px;}.zcwPopup select:after{    content: "";    position: absolute;    display: table-cell;}.zcwPopup input[name="n"] {    border-top-right-radius: 0;    border-bottom-right-radius: 0;    width: 120px;    padding-left: 10px;}.zcwPopup input.zcwInputError,.zcwPopup select.zcwInputError,.zcwPopup textarea.zcwInputError {    border: 1px solid red;}#zcwPopup-error {    display: table;    width: 280px;    padding: 10px;    margin: 0 auto;}#zcwMiniButton { position:fixed; right: 150px;top: 100px; width:70px; height:70px; cursor:pointer; opacity:0.5; z-index:99990;}#zcwMiniButton #zcwMiniButtonMain { -moz-border-radius:50% !important; -webkit-border-radius:50% !important; border-radius:50% !important; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:rgb(192,0,0); width:70px; height:70px; -webkit-animation:zcwmini 1.5s 0s ease-out infinite; -moz-animation:zcwmini 1.5s 0s ease-out infinite; animation:zcwmini 1.5s 0s ease-out infinite; }#zcwMiniButton #zcwMiniButtonMain:before { content: ""; position: absolute; width: 100%; height: 100%; top:0; left:0; background-image:url(/srv/images/callback/mini.png); background-repeat:no-repeat; background-position:center center; -webkit-animation: zcwphone 1.5s linear infinite; -moz-animation: zcwphone 1.5s linear infinite; animation: zcwphone 1.5s linear infinite; }#zcwMiniButton:hover { opacity:0.8;}#zcwMiniButton:hover #zcwMiniButtonMain { -webkit-animation:zcwmini2 1s 0.4s ease-out infinite; -moz-animation: zcwmini2 1s 0.4s ease-out infinite; animation: zcwmini2 1s 0.4s ease-out infinite;}#zcwMiniButton:hover #zcwMiniButtonMain:before { -webkit-animation: zcwphone2 1s linear infinite; -moz-animation: zcwphone2 1s linear infinite; animation: zcwphone2 1s linear infinite;}@-webkit-keyframes zcwphone { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@-moz-keyframes zcwphone { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@keyframes zcwphone { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@-webkit-keyframes zcwphone2 { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@-moz-keyframes zcwphone2 { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@keyframes zcwphone2 { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@-webkit-keyframes zcwmini { 0% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(192,0,0, 0);} 10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);} 100% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(192,0,0, 0);}}@-moz-keyframes zcwmini { 0% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(192,0,0, 0);} 10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);} 100% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(192,0,0, 0);}}@keyframes zcwmini { 0% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(192,0,0, 0);} 10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);} 100% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(192,0,0, 0);}}@-webkit-keyframes zcwmini2 { 0% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(192,0,0, 0);} 10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);} 100% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(192,0,0, 0);}}@-moz-keyframes zcwmini2 { 0% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(192,0,0, 0);} 10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);} 100% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(192,0,0, 0);}}@keyframes zcwmini2 { 0% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(192,0,0, 0);} 10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);} 100% {box-shadow: 0 0 8px 6px rgba(192,0,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(192,0,0, 0);}}@media only screen and (min-width: 960px) { .zcwPopup { width: 550px !important; margin: -120px 0 0 -275px; }}