/**
*    CSS for @Survey Pages
*
* @author		ganesh_119at09 (Sridharan Team)
* @copyright 	Copyright (c) 2012 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: custom.css ganesh_119at09 $
* @since 		2013-10-01
*/

* {
	font-size:inherit;
}

@font-face {
    font-family:'proxima_novabold';
    src:url('../fonts/proximanova-bold.eot');
    src:url('../fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-bold.woff2') format('woff2'),
        url('../fonts/proximanova-bold.woff') format('woff'),
        url('../fonts/proximanova-bold.ttf') format('truetype'),
        url('../fonts/proximanova-bold.svg#proxima_novabold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'proxima_novasemibold';
    src:url('../fonts/proximanova-semibold.eot');
    src:url('../fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-semibold.woff2') format('woff2'),
        url('../fonts/proximanova-semibold.woff') format('woff'),
        url('../fonts/proximanova-semibold.ttf') format('truetype'),
        url('../fonts/proximanova-semibold.svg#proxima_novasemibold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'proxima_novaregular';
    src:url('../fonts/proximanova-regular.eot');
    src:url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-regular.woff2') format('woff2'),
        url('../fonts/proximanova-regular.woff') format('woff'),
        url('../fonts/proximanova-regular.ttf') format('truetype'),
        url('../fonts/proximanova-regular.svg#proxima_novaregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'proxima_novalight';
    src:url('../fonts/proximanova-light.eot');
    src:url('../fonts/proximanova-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-light.woff2') format('woff2'),
        url('../fonts/proximanova-light.woff') format('woff'),
        url('../fonts/proximanova-light.ttf') format('truetype'),
        url('../fonts/proximanova-light.svg#proxima_novalight') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'pt_sans';
    src:url('../fonts/pt-sans.eot');
    src:url('../fonts/pt-sans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pt-sans.woff2') format('woff2'),
        url('../fonts/pt-sans.woff') format('woff'),
        url('../fonts/pt-sans.ttf') format('truetype'),
        url('../fonts/pt-sans.svg#pt_sans') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Ubuntu_Light';
    src:url('../fonts/Ubuntu-Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

body {
	padding:0;
}

body.preview-tablet,
body.preview-mobile {
	background-color:#65707a;
}

.demo {
	background:#0e0818 url(optin/img/bg.jpg) no-repeat center top;
	padding:0;
	margin-bottom:35px;
}

.demo .container {
	max-width:1095px;
}

.demo-child {
	background-color:#0e0818 !important;
}

.optin-22.header {
	background:#5e2d50 url(http://www.aidaeducational.com/optin/img/header_bg.jpg) repeat center top;
}

.optin-22.header h1 {
	margin:14px 0 10px;
	float:left;
}

.optin-22.header img {
	float:left;
	padding:19px 17px 0 0
}

.optin-22.header ul {
	float:right;
	padding:23px 0;
}

.left-box {
	width:430px;
	float:left;
	margin-top:22px;
	position:relative;
}
.decorazione {
	
	
	position:absolute;
	bottom:-64px;
	right:30px;
}

.left-box .free-img {
	background:url(http://www.aidaeducational.com/optin/img/gratis.png) no-repeat;
	width:600px;
	height:200px;
	position:absolute;
	bottom:10px;
	right:-30px;
}
/** colore rettangolo 
oro: 165,133,72,8
rosso: 255,63,58,8 */

.right-box {
	max-width:540px;

	float:right;
	background:url(optin/img-regalo/cartolina.jpg) no-repeat;
	border:10px solid rgba(165,133,72,8);
	padding:33px 48px;
	position:relative;
}


.right-box .arrow-img {
	background:url(optin/img/arrow.png) no-repeat;
	width:340px;
	height:300px;
	position:absolute;
	bottom:350px;
	right:440px;
}

.optin-22.content-area {
	margin:94px 0 56px;
}

.list-content h1 {
	position:relative;
	margin:0 0 38px;
	padding:30px 0;
}

.list-content .head-h1:after {
	content:'';
	width:62px;
	height:2px;
	background-color:#000;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

.optin-22.list-content ul li p {
	background:url(optin/img/check.png) no-repeat;
	padding:5px 0 0 55px;
	margin-bottom:38px;
}

.footer ul li {
	padding-right:0;
}

.footer ul li a:after {
	content:'|';
	padding-left:8px;
}

.footer ul li:last-child a:after {
	content:'';
}

.preview-tablet .demo,
.preview-tablet .demo .container {
	max-width:768px;
	margin:0 auto;
}

.preview-mobile .demo,
.preview-mobile .demo .container {
	max-width:400px;
	margin:0 auto;
}

.preview-tablet .optin-22.content-area,
.preview-mobile .optin-22.content-area {
	margin:25px 0;
}

.preview-tablet .left-box,
.preview-tablet .right-box,
.preview-mobile .left-box,
.preview-mobile .right-box {
	float:none;
	margin:35px auto;
}

.preview-mobile .left-box {
	width:100%;
}

.preview-mobile .form-group .access-btn {
	font-size:25px !important;
} 

.preview-mobile .right-box {
	padding:15px;
}

.preview-mobile .list-content ul li.col-md-6 {
	width:100%;
}

.preview-tablet .demo,
.preview-mobile .demo {
	margin-bottom:35px;
}

.preview-mobile .footer .column {
	float:none !important;
	text-align:center;
}

.preview-mobile .footer .column ul {
	margin-top:20px !important;
}

.preview-mobile .right-box .arrow-img {
	display:none;
}

/* --- Code for Responsive 
       ========================== --- */
@media screen and (max-width:1400px) {
	.demo .container {
		max-width:1036px;
	}
}

@media screen and (max-width:1199px) {
	.left-box,
	.right-box {
		float:none;
		margin:35px auto;
	}
	
	.optin-22.content-area {
		margin:20px 0;
	}
}

@media screen and (max-width:991px) {
	.optin-22.header ul li a { 
		padding:10px;
	}
	
	.footer .column {
		float:none !important;
		text-align:center;
	}
	
	.footer .column ul {
		margin-top:20px !important;
	}
}

@media screen and (max-width:767px) { 
	.optin-22.header {
		text-align:center;
	}
	
	.optin-22.header img,
	.optin-22.header h1 { 
		float:none;
	}
	
	.optin-22.header ul {
		width:100%;
		float:left;
		margin-left:0;
	}
	
	.right-box .arrow-img {
		display:none;
	}
}

@media screen and (max-width:530px) {
	.right-box {
		padding:15px;
	}
}

@media screen and (max-width:520px) {
	.left-box .free-img {
		right:-15px;
	}
	
	.optin-22 .form-group .access-btn {
		font-size:24px !important;
	}
	
	.left-box {
		width:100%;
		text-align:center;
	}
}


@media screen and (max-width: 399px) {
	.optin-22.header ul li {
		display:block;
		padding-right:0;
	}
}

@media screen and (max-width: 380px) {
	.optin-22.header h1 {
		font-size:28px !important;
		margin-top:20px;
	}
	
	.optin-22.header h1 span {
		font-size:22px;
	}
}