@import url("../../../css/clearsans.css");

.fancybox-slide > div{ padding:0 !important}
.fancybox-close-small{ width:25px !important; height:25px !important; cursor:pointer !important}
.fancybox-close-small:after{ background:none !important; color:#F96A6C !important; top:0 !important; right:0 !important; width:25px !important; height:25px !important;    }

.popup_recall_wrapper{ box-sizing:border-box; -moz-box-sizing:border-box; background:#F1F1F1; width:280px; padding:20px}
.popup_recall_wrapper h1{ font-family:'ClearSansThin'; font-size:18px; text-align:center; padding-bottom:10px}
.popup_recall_form{ width:200px; margin:auto;}

.popup_recall_form .label{font-family:'ClearSansRegular'; font-size:14px; color:#777777; padding-bottom:3px}
.popup_recall_form .popup_recall_row{ padding-bottom:10px;}
.popup_recall_form .send-field{ border:1px solid #949494; display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:7px 15px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
	
.popup_recall_form	.field-error{ font-family:'ClearSansRegular'; font-size:12px; line-height:1.3em; color:#FD5255; float:none !important; width:auto !important;}

.popup_recall_form .popup_recall_button{ display:block; margin:10px auto; width:180px; height:40px; background:#e18c44; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; text-decoration:none;  }
.popup_recall_form .popup_recall_button:hover{ background:#f18223;}
.popup_recall_form .popup_recall_button .popup_recall_button_text{ display:block; text-align:center; line-height:40px; color:#FFFFFF; text-transform:uppercase; font-family:'ClearSansThin'; font-size:16px;}
.popup_recall_form .popup_recall_button .popup_recall_button_process{ display:none; width:100%; height:100%; background-image:url(preloader.svg); background-size:contain; background-position:center; background-repeat:no-repeat;}

.popup_recall_row.checkbox{ position:relative;  border:1px dashed #949494;}
.send-field.checkbox{ position: absolute; top:5px; left:5px; width:15px; height:15px; z-index:1000}
.checkbox-desc{ padding:5px 5px 5px 30px; line-height:1.3em; font-size:12px;}
.checkbox-desc a{ color:#00B9E8} 
.popup_recall_row.checkbox .field-error{ padding-left:30px; }
.popup_recall_message{ border:1px dashed #00B9E8; padding:15px;}
.popup_recall_message p{ font-size:16px; text-align:center; padding:10px 0}

/**************************************/


#popup__toggle{
	bottom:90px;right:15px;position:fixed;z-index:999;
	width:80px; height:80px; cursor:pointer;
	}

.circlephone{
	box-sizing:content-box;-webkit-box-sizing:content-box;
	border: 2px solid #3ad8a3;
	
	bottom:0; right:0; left:0; top:0; position:absolute; margin:auto;
	-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
	}
	
.circle-fill{
	box-sizing:content-box;-webkit-box-sizing:content-box;
	background-color:#3ad8a3;
	bottom:10%;right:10%; left:10%; top:10%; margin:auto;
	position:absolute;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;
	
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;}

.img-circle{
	position:relative;
	background-color:#3ad8a3;
	box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box;-webkit-box-sizing:content-box;
	width:50%; height:50%; 
	bottom: 0;right: 0; top:0; left:0; margin:auto; 
	position:absolute;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;
	border: 2px solid transparent;opacity: .7;
	}

.img-circleblock{
	box-sizing:content-box;-webkit-box-sizing:content-box;
	width:100%;height:100%; background-image:url(button-phone.svg); background-position: center center; background-repeat:no-repeat; background-size:50%; 
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}

.img-circle:hover{opacity: 1; }

	
@media only screen and (min-width: 768px) {
.popup_recall_wrapper h1{ padding-top:10px; font-size:22px; padding-bottom:20px;}

.popup_recall_wrapper{ box-sizing:border-box; -moz-box-sizing:border-box; background:#F1F1F1; width:350px;  padding:20px}
.popup_recall_form{ width:250px; margin:auto;}
}


@media only screen and (min-width: 800px) {
#popup__toggle{
	width:100px; height:100px;
	bottom:90px;right:5px;
	}


}

@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}