.callpage-widget{
	display:block;
	position:fixed;
	z-index:10000000;
	bottom:-75px;
	right:75px;
	
	
	/*webkit-transition: all 300ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -moz-transition: all 300ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -o-transition:all 300ms cubic-bezier(0.64, 0.57, 0.67, 1.53); 
  transition: all 300ms cubic-bezier(0.64, 0.57, 0.67, 1.53);*/
  
	}
	
.callpage-widget.rotating .cp-icon{
	webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  
  	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
	
	/*bottom:50vh;
	
	  webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;*/
	}
.callpage-widget .cp-icon{
	display:block;
	position:relative;
	width:60px;
	height:60px;
	background: url(../i/layout/cp-phone.png);
	}
.callpage-widget .cp-tip{
	display:block;
	position:absolute;
	padding:15px;
	border-radius:5px;
	background: #FCEBD1;
	box-sizing:border-box;
	width: 160px;
	margin-left:-50px;
	top: -100px;
	/*border:solid 1px rgba(205,70,34,0.2);*/
	
	background:#333;
	color:#FFF;
	opacity:0;
	
	webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	}
.callpage-widget .cp-tip:after{
	content:'';
	display:block;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #333 transparent transparent transparent;
	z-index: 100;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
	}
.callpage-widget .cp-tip:before{
	content:'';
	display:block;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: rgba(205,70,34,0.5) transparent transparent transparent;
	z-index: 100;
    bottom: -7px;
    left: 50%;
    margin-left: -6px;
	opacity:0;
	}
	.callpage-widget .cp-tip p{
		font-family: 'Roboto', sans-serif;
		display:block;
		position:relative;
		font-weight:500;
		font-size:14px;
		line-height:20px;
		color: #cf4b21;
		margin:0;
		text-align:center;
		color:#FFF;
		}

.callpage-widget:hover{
	opacity: 1;
	}
.callpage-widget:hover .cp-tip{
	opacity:1;
	top: -90px;
	}
	
	
.callpage-overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	z-index:100000000;
	}
.callpage-overlay.active{
	display:block;
	
	}
.callpage-overlay .cp-box{
	display:block;
	position:relative;
	width:570px;
	background:#FFF;
	border-radius:7px;
	margin:0 auto;
	top:200px;
	padding:15px 30px;
	box-sizing:border-box;
	}
.callpage-overlay .cp-box .cp-close{
	display:block;
	position:absolute;
	width:12px;
	height:12px;
	top:15px;
	right:15px;
	background: url(../i/layout/cp-close.png);
	}
.callpage-overlay .cp-box strong{
	display:block;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:24px;
	line-height:36px;
	color:#313131;
	text-align:center;
	margin:10px auto;
	}
.callpage-overlay .cp-box p{
	display:block;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:36px;
	color:#2f343a;
	text-align:center;
	opacity:0.5;
	margin:0;
	}
.callpage-overlay .cp-box form{
	display:block;
	position:relative;
	margin-top:15px;
	}
.callpage-overlay .cp-box form fieldset{
	display:block;
	position:relative;
	margin-bottom:15px;
	}
.callpage-overlay .cp-box form input{
	display:block;
	position:relative;
	box-sizing:border-box;
	border: solid 2px #D2E1E7;
	border-radius: 7px;
	/*width:100%;*/
	width:48%;
	font-weight:400;
	font-size:20px;
	line-height:56px;
	color:#2f343a;
	padding:0 20px; 
	}
.callpage-overlay .cp-box form input.error{
	border:solid 2px #CF4B21;
	}
.callpage-overlay .cp-box form .warn{
	display:block;
	position:absolute;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:15px;
	color:#cf4b21;
	left:20px;
	margin-top:-17px;
	}
.callpage-overlay .cp-box form .cp-button{
	display:block;
	position:relative;
	border-radius: 7px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:60px;
	color:#FFF;
	width:48%;
	text-align:center;
	}
.callpage-overlay .cp-box form .cp-button.orange{
	background:#CF4B21;
	}
.callpage-overlay .cp-box form .cp-button.blue{
	background:#0080FF;
	}
.callpage-overlay .cp-box form .cp-button.w100{
	width:100%;
	padding:0;
	}
	
.callpage-overlay .cp-box .cp-footer{
	display:block;
	position:relative;
	padding-top:15px;
	margin-top:35px;
	border-top: solid 1px #EAECED;
	background: url(../i/layout/cp-footer.png) 0 17px no-repeat;
	padding-left:35px;
}

.callpage-overlay .cp-box .cp-footer small{
	display:block;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:15px;
	color:#2f343a;
	opacity:0.5;
}

.callpage-overlay .cp-box .cp-step{
	display:none;
	position:relative;
}
.callpage-overlay .cp-box .cp-step.active{
	display:block;
	}
.callpage-overlay .cp-box form select{
	display:block;
	position:relative;
	width:48%;
	box-sizing:border-box;
	border: solid 2px #D2E1E7;
	border-radius: 7px;
	font-weight:400;
	font-size:20px;
	line-height:56px;
	color:#2f343a;
	padding:0 20px;
	height:60px;
	z-index:1;
	}
.callpage-overlay .cp-box .cp-select:before{
	content:'';
	display:block;
	position:absolute;
	z-index:10;
	width:10px;
	height:10px;
	background:#CCC;
	top:0;
	right:0;
	}
.callpage-overlay .cp-box .cp-ok{
	display:block;
	position:relative;
	background: url(../i/layout/cp-checked.png) 0 0 no-repeat;
	width:48px;
	height:48px;
	margin:20px auto;
	}
	
.callpage-overlay .cp-box .cp-close-small{
	display:block;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:15px;
	color:#2f343a;
	opacity:0.5;
	text-align:center;
	margin:20px 0;
	}