#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: #2b8cdb;
	border-color: #076bb7;
	border-radius: 4px;
	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: #076bb7;
	color: #ffffff;
}
#popup-callback {
  background: #1f2120  none repeat scroll 0 0;
  max-width: 340px;
  min-height: 100px;
  position: relative;
  width: 100%;
}
#popup-callback .popup-heading {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #1f2120;
  color: #fff;
  font-size: 21px;
  line-height: 45px;
  min-height: 45px;
  overflow: hidden;
  padding: 0 25px;
  position: relative;
  text-align: left;
}
#popup-callback  .popup-center {
  padding: 15px;
  border-top:1px solid #1f2120;
  display:inline-block;
  width:100%;
}
#popup-callback .popup-footer {
  background-color: #1f2120;
  border-top: 1px solid #1f2120;
  display: inline-block;
  height: 100%;
  padding: 17px 25px;
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
#popup-callback .mfp-close {
	color:#d9d9d9;
  cursor: pointer !important;

}
#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;
}
#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;
}


/*FIXED RIGHT*/
#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;
	}
}