@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

.gt-popup
{
	position: fixed;
	
	bottom: 10px;
	right: 10px;

	background:#ffffff;
	z-index: 10000;

	display: block;
	display: none;/**/

	font-family: 'Roboto', sans-serif;

	overflow: auto;

	-webkit-box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.5);

	width: 320px;
	height:540px;

	/*border:solid 3px #cccccc;*/
	border-bottom: none;
}
.gt-popup > div{
	position:relative;
	width:100%;
	height:540px;
}
.btn-close{
	position:absolute;
	right:5px;
	top:6px;
	z-index:99;
	cursor:pointer;
}
.block{
	width:100%;
	height:540px;
	z-index:95;
}
.block-1{
	background:url(../images/scroll-popup-bg-1.jpg) center bottom no-repeat;
}
.block-2{
	background:url(../images/scroll-popup-bg-2.jpg) center bottom no-repeat;
}

.gt-popup h1,
.gt-popup h2
{
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	color:#8f8f8f;
	text-align:center;
}
.gt-popup h1.green,
.gt-popup h2.green,
span.green
{
	color: #71bf44;
}
.gt-popup h1{
	font-size:50px;
	line-height:50px;
	font-weight:700;
	letter-spacing:-1px;
}
.block-1 h1{
	margin-top:22px;
}
.block-2 h1{
	font-size:40px;
	font-weight:100;
	line-height:44px;
	margin-top:30px;
}
.gt-popup h2{
	font-size:33px;
	line-height:45px;
	font-weight:100;
	letter-spacing:-1px;
}
.block-1 h2{
	margin-top:3px;
}
.block-2 h4{
	font-size:25px;
	font-weight:100;
	line-height:34px;
	margin-top:12px;
	color:#8f8f8f;
	text-align:center;
}
.block-2 h4 a{
	color:#8f8f8f;
	text-decoration:underline;
}

.gt-popup a img
{
	text-decoration: none;
	border: none;
}

.gt-popup .form
{
	/*background-color: #ffffff;*/
	/*width: 900px;
	height: 380px;*/
	margin: 0 auto;
	/*margin-top: 10px;
	margin-top: 80px;*/
}
.footer-email{
	text-align:center;
}
#gtp-email{
	padding: 15px 4px 15px 61px;
	font-size: 24px;
	width: 204px;
	border-radius: 5px;
	border: 2px solid #ccc;
	-webkit-font-smoothing: antialiased;
	margin: 19px 0 10px 36px;
	background-image: url(../images/scroll-popup-envelope.png);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: contain;
	box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}
#gtp-email:focus{
	outline:none;
}
#gtp-email.error-field{
	border: 2px solid #6c44b4;
}
.btn-first-step{
  width: 200px;
  font-weight: bold;
  padding:  16px 20px;
  font-size: 30px;
  border-radius: 5px;
  color: #fff;
  background-color: #71bf44;
  background-image: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
.btn-first-step:hover {
  	background: #5ba630 !important;
  	color:#ffffff;
}
.btn-first-step:focus,
.btn-first-step:active{
	outline:none;
	box-shadow:none;
  	background: #5ba630 !important;
  	color:#ffffff;
}
.btn-first-step i{
	font-size:25px;
}

.gt-popup .arrow{
	position:absolute;
  	top: 206px;
	left:10px;
}
.error-message{
	display:none;
	font-size:14px;
	line-height:21px;
	color:#6c44b4;	
}

.conversioner-scroll-logo{
	position:absolute;
	right:11px;
}
.block-1 .conversioner-scroll-logo{
	top:381px;
}
.block-2 .conversioner-scroll-logo{
	top:330px;
}

.gt-popup .form .right-section .content-popup .footer.error .control
{
	border-color: #6c44b4;
}
.gt-popup .form .right-section .content-popup .footer .error-message
{
	display: none;
}
.gt-popup .form .right-section .content-popup .footer.error .error-message
{
	color: #6c44b4;
	font-size: 12px;
	display: block;
}
.gt-popup .form .right-section .content-popup .footer .control
{
	display: inline-block;
	/*width: 340px;*/

	width: 65%;
	overflow: hidden;
	border:solid 2px #b4b4b4;

	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;


	float: left;

}
.gt-popup .form .right-section .content-popup .footer .control.content
{
	border:none;

	-webkit-border-radius:none;
	border-radius:none;

	-webkit-box-shadow:none;
	box-shadow:none;
	padding: 0px;

	font-size: 12px;
	color: #8f8f8f;
	line-height: 14px;
	padding-top: 5px;


	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.gt-popup .form .right-section .content-popup .footer .control.content a
{
	color: #8f8f8f;
	text-decoration: underline;
}
.gt-popup .form .right-section .content-popup .footer .control.content a:hover
{
	text-decoration: none;
}
.gt-popup .form .right-section .content-popup .footer .control .icon,
.gt-popup .form .right-section .content-popup .footer .control input
{
	float: left;
}
.gt-popup .form .right-section .content-popup .footer .control .icon,
.gt-popup .form .right-section .content-popup .footer .control input
{
	height: 40px;
	line-height: 40px;
}
.gt-popup .form .right-section .content-popup .footer .control .icon
{
	width: 20%;
	background-color: #eeeeee;
	background-position: center center;
	background-repeat: no-repeat;
	border-right:  solid 1px #c2c2c2;


}

.gt-popup .content-blocks .block .block-html .footer .arrow.green
{
	font-size: 22px;
	color: #71bf44;
}
.gt-popup .form .right-section .content-popup .footer .control .icon.mail
{
	background-image: url("../images/icon-mail.png");
}
.gt-popup .form .right-section .content-popup .footer .control input
{
	padding: 0px;
	margin: 0px;
	border:none;
	width: 100%;
	padding-left: 4%;
	padding-right: 4%;
	/*width: 77%;
	margin-left: 2%;*/

	background:none;


	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;

	color: #898989;


	/*-webkit-box-shadow:inset 0 3px 3px 1px #878787;
	box-shadow:inset 0 3px 3px 1px #878787;*/

	background-color: #ffffff;
}
.gt-popup .form .right-section .content-popup .footer .control input:focus
{
	background-color: #ffe471;
}
.gt-popup .form .right-section .content-popup .footer button
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	/*height: 65px;
	line-height: 65px;*/
	height: 40px;
	line-height: 40px;
	border:none;
	/*width: 195px;*/
	width: 20%;
	text-align: center;
	background: #71bf44;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 30px;
	font-size: 15px;

	margin-left:  3%;
	float: left;

	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.gt-popup .form .right-section .content-popup .footer button:hover
{
	background:#5ba630;
}
.gt-popup .form .right-section .content-popup .footer button:active
{
	background: #42a508; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #42a508 0%, #70a551 6%, #70a551 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#42a508), color-stop(6%,#70a551), color-stop(100%,#70a551)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #42a508 0%,#70a551 6%,#70a551 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #42a508 0%,#70a551 6%,#70a551 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #42a508 0%,#70a551 6%,#70a551 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #42a508 0%,#70a551 6%,#70a551 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a508', endColorstr='#70a551',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.gt-popup .form .right-section .content-popup .footer button.gray,
.gt-popup .form .right-section .content-popup .footer button.gray:hover,
.gt-popup .form .right-section .content-popup .footer button.gray:active
{
	background: #8f8f8f;
}


.gt-popup .content-blocks 
{
	height:540px;
	overflow: hidden;/**/
	position: relative;
	/*background-color: #ff0000;*/
}
.gt-popup .content-blocks .block
{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.gt-popup .content-blocks .block .block-html
{
	/*padding-left: 30px;*/
}

@media screen and (max-width: 400px) {
	.gt-popup
	{
		left: 0px;
		right: 0px;
		width: auto;
		border:none;
	}
}
@media screen and (max-height: 500px) {
	.gt-popup
	{
		height: 100%;
		padding-bottom: 0px;
		bottom: 0px;
	}
}
/*
@media screen and (max-width: 940px) {
	.gt-popup .form
	{
		height: auto;
		width: auto;
		background-color: transparent;
	}
	.gt-popup .form .left-section,
	.gt-popup .form .right-section
	{
		float: none;
	}

	.gt-popup .form .left-section
	{
		text-align: center;
		width: 90%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.gt-popup .form .left-section img
	{
		max-width: 333px;
		position: static;
		left: auto;
		top: auto;
	}
	.gt-popup .form .right-section
	{
		background-color: #ffffff;
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 740px) {
	.gt-popup .form .right-section .content-popup h1
	{
		font-size: 30px;
		margin-top: 25px;
	}
	.gt-popup .form .right-section .content-popup h2
	{
		font-size: 15px;
	}

	.gt-popup .form .right-section .content-popup .footer
	{
		margin-top: 15px;
	}

	.gt-popup .form .right-section .content-popup .footer .control
	{
		width: 60%;
	}
	.gt-popup .form .right-section .content-popup .footer button
	{
		width: 30%;
	}

	.gt-popup .form .right-section .content-popup .footer .control.content
	{
		line-height: 15px;
	}
}

@media screen and (max-width: 550px) {
	.gt-popup .form .left-section img
	{
		width: 100%;
	}
	.gt-popup .form .right-section .content-popup .footer .control
	{
		width: 100%;
	}
	.gt-popup .form .right-section .content-popup .footer button
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
	}
	.gt-popup .form .right-section .content-popup h1
	{
		font-size: 20px;
		margin-top: 10px;
	}
	.gt-popup .form .right-section .content-popup .footer button
	{
		font-size: 20px;
		height: 40px;
		line-height: 40px;
	}
	.gt-popup .form .right-section .content-popup
	{
		padding-left: 0px;
	}
	.gt-popup .content-blocks .block .block-html
	{
		padding-left: 20px;
	}
	.gt-popup .form .right-section .content-popup .footer .control input
	{
		font-size: 15px;
	}
}*/