.popup-offer {
	position: fixed;
	bottom: 20px;
	left:50px;
	overflow: hidden;
	background:#fff;
	border:2px solid #114756;
	padding:15px;
	transform:translateY(150%);
	box-shadow:0 0 20px rgba(0,0,0,0.5);
	width: calc(100% - 40px);
	max-width: 400px;
	z-index:8;
	/*transition: 0.5s ease-out transform;*/
}

.popup-offer.popup-offer-activated,
.popup-offer-small.popup-offer-activated {
	transition: 0.5s ease-out transform;
}


.popup-offer.show {
	transform:translateY(0%);
}

.popup-offer .btn-close-popup {
	position:absolute;
	right:0;
	top:0;
	background:#114756;
	color:#fff;
	width:30px;
	height:30px;
	text-align:center;
	cursor:pointer;
}
.popup-offer .btn-close-popup .fa,
.popup-offer .btn-close-popup .fas {
	line-height:30px;
	font-size:16px;
}

.popup-offer .image {
	float:left;	
	width:41%;
	padding-right:5%;
}
.popup-offer .image img {
	width:100%;
	height:auto;	
	margin-right:20px;
}

.popup-offer .text {
	/*float:left;	
	width:54%;	*/
}
.popup-offer .text .title {
	font-size:24px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	padding-right: 5px;
}

.popup-offer .text .small {
	font-size:0.8em;
	font-style:italic;
	color:#747474;	
}

.popup-offer .text .form {
	padding: 20px 0 10px 0;	
}
.popup-offer .text .form input {
	width:100%;	
	font-size:15px;
	padding:5px;
	height:auto;
}
.popup-offer .text .form input:not[type=submit] {
	border: 1px solid #cecece;
	border-radius: 5px;
}
.popup-offer .text .form input[type=submit] {
	margin-top: 8px;
	padding: 3px 5px;
}

.popup-offer .loader {
	text-align:center;	
}

.popup-offer .loader .fa {
	font-size:30px;
	line-height:100px;	
}

.popup-offer .clear {
	clear:both;	
}

.popup-offer-small {
	position: fixed;
	bottom: 17px;
	left:50px;
	overflow: hidden;
	background:#114756;
	color:#fff;
	padding:0 20px;
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	transform:translateY(150%);
	z-index:7;
	text-transform:uppercase;
	font-size:15px;
	line-height:43px;
}
.popup-offer-small.show {
	transform:translateY(0);
}



@media screen and (max-width: 650px) {
	
	.popup-offer {
		left:50px;	
		width: calc(100% - 100px);
	}
	
	.popup-offer .image {
		display:none;	
	}
	.popup-offer .text {
		width:100%;
		float:none;	
	}
	
	.popup-offer .text .title {
		padding-top:0!important;	
	}
}