#popup-callback .circular {
border-radius: 99em;
box-shadow: 0 1px 5px 2px rgba(255, 255, 255, 0.3);
display: block;
height: 120px;
margin: 1em auto;
width: 120px;
}
#popup-callback .btn-callback {
background-color: #ef4623;
border-color: #d9300d;
border-radius: 0px;
border-style: none none solid;
border-width: 2px;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
margin: 0 5px;
padding: 8px 12px;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
#popup-callback .btn-callback:hover, #popup-callback .btn-callback:active, #popup-callback .btn-callback:focus{
background-color: #d9300d;
color: #ffffff;
}
#popup-callback {
background: #fff none repeat scroll 0 0;
margin: 0 auto;
max-width: 400px;
min-height: 100px;
position: relative;
width: 90%;
}
#popup-callback.wcb-4{max-width: 400px;}
#popup-callback.wcb-5{max-width: 500px;}
#popup-callback .popup-heading {
background: transparent none repeat scroll 0 0;
border-bottom: 0 none;
color: #1c1c1c;
font-size: 21px;
line-height: 45px;
min-height: 45px;
overflow: hidden;
padding: 0 25px;
position: relative;
text-align: center;
}
#popup-callback  .popup-center {
padding: 15px;
display:inline-block;
width:100%;
background: #2d80c4 none repeat scroll 0 0;

}
#popup-callback .popup-footer {
background: transparent none repeat scroll 0 0;
border-top: 0px;
display: inline-block;
height: 100%;
padding: 17px 25px;
position: relative;
vertical-align: bottom;
width: 100%;
}

#popup-callback .mfp-close {
background: transparent none repeat scroll 0 0;
border: 0 none;
color: #fff;
cursor: pointer !important;
font-size: 55px;
height: 45px;
outline: medium none;
position: absolute;
right: -50px;
top: -10px;
width: 45px;
z-index: 1060;
}
@media (max-width: 768px) {
	#popup-callback .mfp-close {
		right: -10px;
		top: -44px;
	}
}

#popup-success-callback {
background: #dff0d8 none repeat scroll 0 0;
border-color: #d6e9c6;
color: #3c763d;
line-height: 25px;
margin: 0 auto;
max-width: 650px;
min-height: 50px;
padding: 10px 12px;
position: relative;
width: 90%;
}
#popup-callback .panel-heading-callback {
padding: 7px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #f5f5f5;
border-color: #ddd;
color: #333;

}
#popup-callback .sections_block_rquaired .fa {
color:#fc5c3c !important;
}
#popup-callback .sections_block .fa {
color:#67ca67 !important;
}
#popup-callback .sections_block , .sections_block_rquaired{
overflow: hidden;
position: relative;
}
#popup-callback .marb {
margin-bottom:10px;
}
#popup-callback .input-group-addon {
background:#f5f5f5;
border-radius:0px;
}
#popup-callback .line_cb {
border-top:1px solid #d9d9d9;
margin:5px 0px;
}
#popup-callback .title-social,.title-title-schedule {
font-size: 14px;
margin-bottom: 2px;
}

#popup-callback .error_input {
border:1px solid red !important;
box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset !important;
}
#popup-callback .form-control.error_input::-moz-placeholder {
color:red !important;
}
#popup-callback .form-control.error_input:-ms-input-placeholder {
color:red !important;
}
#popup-callback .form-control.error_input::-webkit-input-placeholder {
color:red !important;
}
#popup-callback .error_callback {
padding:0px 15px;
color:red;
}
#popup-callback .btn-callback span.spinner .fa.fa-spinner {
display:none;
}
#popup-callback .btn-callback i.fa {
display:inline-block;
}
#popup-callback .btn-callback.active span.spinner .fa.fa-spinner {
display:inline-block;
}
#popup-callback .btn-callback.active i.fa {
display:none;
}
#callback {
background:#09f;
border: 1px solid #555555;
border-radius: 9px 9px 9px 9px;
box-shadow: 0 0 3px #ddd;
cursor: pointer;
height: 160px;
margin-right: -60px;
margin-top: -90px;
position: fixed;
right: 0;
top: 50%;
width: 93px;
z-index: 100;
}

#tcb_call_1 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
bottom: 10%;
display: block;
height: 80px;
opacity: 0.75;
position: fixed;
right: 38px;
width: 80px;
z-index: 1000;
  box-shadow: none;
box-sizing: content-box;
font-size: 14px;
font-weight: 300;
line-height: 1.2;
margin: 0;
padding: 0;
transform-origin: 50% 50% 0;
cursor: pointer;
}
#tcb_call_1 .tcb_phone_1{
background: #09f;
border-radius: 50%;
height: 50px;
left: 16px;
position: absolute;
top: 14px;
width: 50px;
}
#tcb_call_1 .tcb_phone_img_1 {
background: url("../../image/logo_drag_btn.png") no-repeat center center;
border-radius: 50%;
background-size:35px auto;
-webkit-background-size:35px auto;
max-height: 50px;
position: absolute;
max-width: 50px;
width:100%;
height:100%;
-webkit-animation:shake 1.5s 0s both infinite;
-moz-animation:shake 1.5s 0s both infinite;
-o-animation:shake 1.5s 0s both infinite;
animation:shake 1.5s 0s both infinite;
}
#tcb_call_1 .tcb_layout_1{
bottom: 0px;
width:100%;
height:100%;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
border-color: #09f transparent;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 2px;
animation-name: spin;
-webkit-animation-name: spin; 
animation-duration: 900ms;
-webkit-animation-duration: 900ms;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
}
#tcb_call_1 .tcb_layout_2{
width:100%;
height:100%;
bottom: 0px;
left: 0px;
right: 0px;
top: 0px;
border-color: #09f;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 2px;
position:absolute;
opacity:0.25;
}

#tcb_call_1:hover .tcb_phone_1{
background:#4BD82B;
}
#tcb_call_1:hover .tcb_layout_1{
border-color: #4BD82B transparent;
animation-name: spin;
-webkit-animation-name: spin; 
animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
}
#tcb_call_1:hover .tcb_layout_2{
border-color: #4BD82B;
}
#tcb_call_1 a,
#tcb_call_1 a:hover,
#tcb_call_1 a:active,
#tcb_call_1 a:focus {
outline: 0 none;
}

@media (max-width: 768px) {
#tcb_call_1 {	
	height: 55px;		
	width: 55px;		
}
#tcb_call_1 .tcb_phone_1{		
	height: 36px;
	left: 10px;
	top: 9px;
	width: 36px;
}
#tcb_call_1 .tcb_phone_img_1 {
	background-size:25px auto;
	-webkit-background-size:25px auto;
	max-height: 35px;		
	max-width: 35px;		
}
}
@-webkit-keyframes shake {
0% {-webkit-transform: scale3d(1, 1, 1);}
10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -10deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.0, 1.0, 1.0) rotate3d(0, 0, 1, 10deg);}
40%, 60%, 80% {-webkit-transform: scale3d(1.0, 1.0, 1.0) rotate3d(0, 0, 1, -10deg);}
100% {-webkit-transform: scale3d(1, 1, 1);}
}
@keyframes shake {
0% {transform: scale3d(1, 1, 1);}
10%, 20% {transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -10deg);}
30%, 50%, 70%, 90% {transform: scale3d(1.0, 1.0, 1.0) rotate3d(0, 0, 1, 10deg);}
40%, 60%, 80% {transform: scale3d(1.0, 1.0, 1.0) rotate3d(0, 0, 1, -10deg);}
100% {transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#tcb-call {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
bottom: 10%;
display: block;
height: 80px;
opacity: 0.75;
position: fixed;
right: 38px;
width: 80px;
z-index: 1000;
box-shadow: none;
box-sizing: content-box;
font-size: 14px;
font-weight: 300;
line-height: 1.2;
margin: 0;
padding: 0;
transform-origin: 50% 50% 0;
cursor: pointer;
}
#tcb-call .tcb-layout1 {
border-color: #09f transparent transparent;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 2px;
cursor: pointer;
display: block;
height: 100px;
position: absolute;
width: 100px;
animation-name: spin;
-webkit-animation-name: spin; 
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
}
#tcb-call .tcb-layout2 {
border-color: #09f transparent transparent;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 2px;
cursor: pointer;
display: block;
height: 85px;
width: 85px;
left: 7.5px;
position: absolute;
top: 7.5px;
animation-name: spin;
-webkit-animation-name: spin; 
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
}
#tcb-call .tcb-layout3 {
 border-color: #09f transparent transparent;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 2px;
cursor: pointer;
display: block;
height: 70px;
width: 70px;
position: absolute;
left: 15px;
top: 15px;
animation-name: spin;
-webkit-animation-name: spin; 
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
}
#tcb-call .tcb-phone {
background: #09f;
border-radius: 50%;
height: 50px;
left: 26px;
position: absolute;
top: 26px;
width: 50px;
}
#tcb-call .tcb-phone-img {
background: url("../../image/logo_drag_btn.png") no-repeat center center;
border-radius: 50%;
background-size:35px auto;
-webkit-background-size:35px auto;
max-height: 50px;
position: absolute;
max-width: 50px;
width:100%;
height:100%;
-webkit-animation:shake 1.5s 0s both infinite;
-moz-animation:shake 1.5s 0s both infinite;
-o-animation:shake 1.5s 0s both infinite;
animation:shake 1.5s 0s both infinite;
}

#tcb-call:hover .tcb-phone{
background:#4BD82B;
}
#tcb-call:hover .tcb-layout1{
border-color: #4BD82B transparent transparent;
}
#tcb-call:hover .tcb-layout2{
border-color: #4BD82B transparent transparent;
}
#tcb-call:hover .tcb-layout3{
border-color: #4BD82B transparent transparent;
}
#tcb-call a,
#tcb-call a:hover,
#tcb-call a:active,
#tcb-call a:focus {
outline: 0 none;
}


@media (max-width: 768px) {
#tcb-call {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 50%;
	bottom: 10%;
	display: block;
	height: 50px;
	opacity: 0.75;
	position: fixed;
	right: 38px;
	width: 50px;
	z-index: 1000;
	box-shadow: none;
	box-sizing: content-box;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	transform-origin: 50% 50% 0;
	cursor: pointer;
}
#tcb-call .tcb-layout1 {
	height: 60px;
	width: 60px;

}
#tcb-call .tcb-layout2 {
	height: 50px;
	left: 5px;
	top: 5px;
	width: 50px;
}
#tcb-call .tcb-layout3 {
  height: 40px;
  left: 10px;
  top: 10px;
  width: 40px;
}
#tcb-call .tcb-phone {
	height: 32px;
	left: 14px;
	top: 14px;
	width: 32px;
}
#tcb-call .tcb-phone-img {
	background-size:25px auto;
	-webkit-background-size:25px auto;
	max-height: 35px;
	max-width: 35px;
}
}