.callme_wrapper{height:100%;width: 350px;position:fixed;top:0;right:-350px;overflow:hidden;z-index: 10000000002;-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);-moz-transition: all .4s cubic-bezier(.19,1,.22,1);-o-transition: all .4s cubic-bezier(.19,1,.22,1);transition: all .4s cubic-bezier(.19,1,.22,1);}
.callme_body{background:rgba(0,0,0,.97);height:100%;width:100%;}
.callme_wrapper.on{right:0;-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);-moz-transition: all .4s cubic-bezier(.19,1,.22,1);-o-transition: all .4s cubic-bezier(.19,1,.22,1);transition: all .4s cubic-bezier(.19,1,.22,1);}
.callme_form{position:absolute;top:100px;left:40px;width:270px;font-size:14px;line-height:1.1;font-weight:300;color:#fff;}
.callme_title{font-size:22px;margin-bottom:20px;}
.form-input,.form-textarea{outline: 0 !important;padding: 6px 10px;margin: 0 0 3px;border: 1px solid transparent;border-radius: 5px;font-weight: 400;width: 240px;height: inherit;font-size: 16px;background-color:rgba(255,255,255,.21);float: left;box-sizing: content-box;box-shadow: none;line-height: 1.4;color:#fff;font-family:'Open Sans',sans-serif;}
.form-input#time{display:none;}
.callme_form span.policy { font-size: 11px;}
.callme_form span.policy a {color: #fff !important;}
.callme_form .submit{outline: 0 !important;padding: 6px 10px;margin: 3px 0 20px;background-color: rgba(51,51,51,.3);border: 1px solid rgba(255,255,255,.13);border-radius: 5px;font-weight: 300;width: 240px;height: inherit;font-size: 18px;box-sizing: content-box;box-shadow: none;line-height: 1.4;text-align:center;-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);-moz-transition: all .4s cubic-bezier(.19,1,.22,1);-o-transition: all .4s cubic-bezier(.19,1,.22,1);transition: all .4s cubic-bezier(.19,1,.22,1);color:#fff;font-family:'Open Sans',sans-serif;}
.callme_form .submit:hover{cursor:pointer;border:1px solid rgba(255,255,255,.67);}
.callme_form .submit:disabled{cursor:default;border:1px solid rgba(51,51,51,.3);color:#4c4c4c;}
.callme_description{margin-bottom:20px;opacity:0.6;-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);-moz-transition: all .4s cubic-bezier(.19,1,.22,1);-o-transition: all .4s cubic-bezier(.19,1,.22,1);transition: all .4s cubic-bezier(.19,1,.22,1);}
.callme_time{display:table;margin-bottom: 20px;font-size:16px;border-bottom:1px dashed #fff;opacity:0.8;cursor:pointer;-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);-moz-transition: all .4s cubic-bezier(.19,1,.22,1);-o-transition: all .4s cubic-bezier(.19,1,.22,1);transition: all .4s cubic-bezier(.19,1,.22,1);}
.other{height: 40px;line-height: 18px;text-decoration: underline;font-size:14px;opacity:0.7;cursor:pointer;-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);-moz-transition: all .4s cubic-bezier(.19,1,.22,1);-o-transition: all .4s cubic-bezier(.19,1,.22,1);transition: all .4s cubic-bezier(.19,1,.22,1);}
.other.writeme-mini-main{padding-left:45px;background:url('../images/email.png') left center no-repeat;}
.other.callme-mini-main{padding-left:45px;background:url('../images/phone.png') left center no-repeat;}
#notice{margin-bottom:20px;}
div.callme_close{position:absolute;top:10px;right:10px;width:24px;height:24px;background:url('../images/close-icon.png');cursor:pointer;opacity:0.6;}
span.callme_close{display:block;margin-top:10px;text-decoration:underline;cursor:pointer;}
#callme-mini {position:fixed;bottom:10px;right:10px;width:70px;height:70px;cursor:pointer;opacity:0.75;z-index:200998;}
#callme-mini #callme-mini-main {-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:#1b53a1;width:70px;height:70px;-webkit-animation:callmemini 1.5s 10s ease-out infinite;-moz-animation:callmemini 1.5s 10s ease-out infinite;animation:callmemini 1.5s 10s ease-out infinite;-webkit-transform: translate3d(0,0,0);}
#callme-mini #callme-mini-main:before {content: "";position: absolute;width: 100%;height: 100%;top:0;left:0;background-image:url('../images/callme.png');background-repeat:no-repeat;background-position:center center;-webkit-animation: callmephone 1.5s 5s linear infinite;-moz-animation: callmephone 1.5s 5s linear infinite;animation: callmephone 1.5s 5s linear infinite;}
.callme_time:hover,#callme-mini:hover,.callme_close:hover,.other:hover {opacity:1;}
#callme-mini:hover #callme-mini-main {-webkit-animation:callmemini2 1.2s 0.4s ease-out infinite;-moz-animation: callmemini2 1.2s 0.4s ease-out infinite;animation: callmemini2 1.2s 0.4s ease-out infinite;}
#callme-mini:hover #callme-mini-main:before {-webkit-animation: callmephone2 1s linear infinite;-moz-animation: callmephone2 1s linear infinite;animation: callmephone2 1s linear infinite;}
#callme-mini:hover #callme-mini-main.callme-mini-close:before {background-image:url('../images/mini-close.png');-webkit-animation:none;-moz-animation:none;animation:none}
@-webkit-keyframes callmephone {
	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 callmephone {
    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 callmephone {
    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 callmephone2 {
	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 callmephone2 {
    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 callmephone2 {
    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 callmemini {
  0% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(254,212,0, 0);}
  10% {box-shadow: 0 0 4px 2px #fed400, 0 0 12px 10px rgba(0,0,0,0), 0 0 6px 7px #fed400;}
  100% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(254,212,0, 0);}
}
@-moz-keyframes callmemini {
  0% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(254,212,0, 0);}
  10% {box-shadow: 0 0 4px 2px #fed400, 0 0 12px 10px rgba(0,0,0,0), 0 0 6px 7px #fed400;}
  100% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(254,212,0, 0);}
}
@keyframes callmemini {
  0% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(254,212,0, 0);}
  10% {box-shadow: 0 0 4px 2px #fed400, 0 0 12px 10px rgba(0,0,0,0), 0 0 6px 7px #fed400;}
  100% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(254,212,0, 0);}
}
@-webkit-keyframes callmemini2 {
  0% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(254,212,0, 0);}
  10% {box-shadow: 0 0 4px 2px #fed400, 0 0 12px 10px rgba(0,0,0,0), 0 0 6px 7px #fed400;}
  100% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(254,212,0, 0);}
}
@-moz-keyframes callmemini2 {
  0% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(254,212,0, 0);}
  10% {box-shadow: 0 0 4px 2px #fed400, 0 0 12px 10px rgba(0,0,0,0), 0 0 6px 7px #fed400;}
  100% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(254,212,0, 0);}
}
@keyframes callmemini2 {
  0% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(254,212,0, 0);}
  10% {box-shadow: 0 0 4px 2px #fed400, 0 0 12px 10px rgba(0,0,0,0), 0 0 6px 7px #fed400;}
  100% {box-shadow: 0 0 8px 6px rgba(254,212,0, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(254,212,0, 0);}
}
@media screen and (max-height:540px){
	.callme_form {top: 40px; }
}