.img-phone-contact {
	max-width:100%;
}
#popup-callback .btn-callback {
	-moz-user-select: none;
	background-color: #09f;
	border-color: #0088ee;
	border-radius: 4px;
	border-style: solid;
	border-width: 0 0 2px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
#popup-callback .btn-callback:hover,
#popup-callback .btn-callback:active,
#popup-callback .btn-callback:focus{
	background-color: #0088ee;
	color: #ffffff;
}
#popup-callback {
  background: #fff none repeat scroll 0 0;
  margin: 0 auto;
  min-height: 100px;
  position: relative;
  width: 90%;
}
#popup-callback.popup-sm-750 {
	max-width: 750px;
}
#popup-callback.popup-sm-550 {
	max-width: 550px;
}
#popup-callback.popup-sm-450 {
	max-width: 450px;
}
#popup-callback .popup-heading {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #dfe4eb;
  color: #1c1c1c;
  font-size: 21px;
  line-height: 45px;
  min-height: 45px;
  overflow: hidden;
  padding: 0 25px;
  position: relative;
  text-align: left;
}
#popup-callback  .popup-center {
  padding: 8px;
  display:inline-block;
  width:100%;
}
#popup-callback .popup-footer {
  background-color: #f2f6f9;
  border-top: 1px solid #dfe4eb;
  display: inline-block;
  height: 100%;
  padding: 17px 25px;
  position: relative;
  vertical-align: bottom;
  width:100%;
  text-align:center;

}

#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: 25px;
	padding: 10px 12px;
	position: relative;
	width: 90%;
}
#popup-callback .panel-heading-callback {
	padding: 6px 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 , #popup-callback .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,#popup-callback .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 .error_input:-moz-placeholder{color:red !important;}
#popup-callback .error_input::-moz-placeholder{color:red !important;opacity:1}
#popup-callback .error_input:-ms-input-placeholder{color:red !important;}
#popup-callback .error_input::-webkit-input-placeholder{color:red !important;}

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

.col-xs-1, .col-csm-1, .col-cmd-1, .col-lg-1, .col-xs-2, .col-csm-2, .col-cmd-2, .col-lg-2, .col-xs-3, .col-csm-3, .col-cmd-3, .col-lg-3, .col-xs-4, .col-csm-4, .col-cmd-4, .col-lg-4, .col-xs-5, .col-csm-5, .col-cmd-5, .col-lg-5, .col-xs-6, .col-csm-6, .col-cmd-6, .col-lg-6, .col-xs-7, .col-csm-7, .col-cmd-7, .col-lg-7, .col-xs-8, .col-csm-8, .col-cmd-8, .col-lg-8, .col-xs-9, .col-csm-9, .col-cmd-9, .col-lg-9, .col-xs-10, .col-csm-10, .col-cmd-10, .col-lg-10, .col-xs-11, .col-csm-11, .col-cmd-11, .col-lg-11, .col-xs-12, .col-csm-12, .col-cmd-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-csm-1, .col-csm-2, .col-csm-3, .col-csm-4, .col-csm-5, .col-csm-6, .col-csm-7, .col-csm-8, .col-csm-9, .col-csm-10, .col-csm-11, .col-csm-12 {
    float: left;
  }
  .col-csm-12 {
    width: 100%;
  }
  .col-csm-11 {
    width: 91.66666667%;
  }
  .col-csm-10 {
    width: 83.33333333%;
  }
  .col-csm-9 {
    width: 75%;
  }
  .col-csm-8 {
    width: 66.66666667%;
  }
  .col-csm-7 {
    width: 58.33333333%;
  }
  .col-csm-6 {
    width: 50%;
  }
  .col-csm-5 {
    width: 41.66666667%;
  }
  .col-csm-4 {
    width: 33.33333333%;
  }
  .col-csm-3 {
    width: 25%;
  }
  .col-csm-2 {
    width: 16.66666667%;
  }
  .col-csm-1 {
    width: 8.33333333%;
  } 
}
@media (min-width: 992px) {
  .col-cmd-1, .col-cmd-2, .col-cmd-3, .col-cmd-4, .col-cmd-5, .col-cmd-6, .col-cmd-7, .col-cmd-8, .col-cmd-9, .col-cmd-10, .col-cmd-11, .col-cmd-12 {
    float: left;
  }
  .col-cmd-12 {
    width: 100%;
  }
  .col-cmd-11 {
    width: 91.66666667%;
  }
  .col-cmd-10 {
    width: 83.33333333%;
  }
  .col-cmd-9 {
    width: 75%;
  }
  .col-cmd-8 {
    width: 66.66666667%;
  }
  .col-cmd-7 {
    width: 58.33333333%;
  }
  .col-cmd-6 {
    width: 50%;
  }
  .col-cmd-5 {
    width: 41.66666667%;
  }
  .col-cmd-4 {
    width: 33.33333333%;
  }
  .col-cmd-3 {
    width: 25%;
  }
  .col-cmd-2 {
    width: 16.66666667%;
  }
  .col-cmd-1 {
    width: 8.33333333%;
  }

}
@media (max-width: 767px) {
  .hidden-cxs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-ccsm {
    display: none !important;
  }
}

#popup-callback .input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}

#popup-callback .input-group .form-control-callback:first-child,
 #popup-callback .input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#popup-callback .input-group-addon, #popup-callback .input-group .form-control-callback {
  display: table-cell;
}
#popup-callback .input-group .form-control-callback {
  float: left;
  margin-bottom: 0;
  width: 100%;
}
#popup-callback .input-group .form-control-callback:last-child,
 #popup-callback .input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#popup-callback .input-group-addon {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}
#popup-callback .input-group-addon {
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
#popup-callback .input-group-addon,#popup-callback .input-group .form-control-callback {
  display: table-cell;
}
#popup-callback .input-group-addon:last-child {
  border-left: 0 none;
}
#popup-callback .form-control-callback {
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc ;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  margin-top:0px;
}

#popup-callback .form-control-callback:hover, #popup-callback .form-control-callback:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
#popup-callback .panel-callback {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
#popup-callback .panel-default-callback {
  border-color: #ddd;
}
#popup-callback .panel-body-callback {
  padding: 8px;
}
#popup-callback .panel-title-callback {
  color: inherit;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
}
#popup-callback .telephone > div a {
	color:#333;
	text-decoration:none;
}
#popup-callback .telephone > div img {
	 vertical-align: middle;
}





#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: 18px;
    position: absolute;
    top: 16px;
    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: 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: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;
	}
}
