/**
*    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;
}

body,.edit {
	padding:0;
	background-color:#28324e;
}

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

.demo .container,
.demo-child .container {
	max-width:980px;
	width:auto;
	padding:0 20px;
}

.demo {
	background:#28324e url(bg.jpg) no-repeat center top;
	margin-bottom:35px;
	padding:132px 0 20px;
}

.demo-child {
	background-color:#efeeef !important;
	padding:50px 0 20px;
}

.main-content {
	margin:0 15px;
	padding:0 15px;
}

.optin-30 .list-block {
	margin:0 -28px;
	padding:42px 46px 0;
}

.optin-30 .list-block,
.optin-30 .total-block {
	position:relative;
}

.optin-30 .list-block:before,
.optin-30 .list-block:after,
.optin-30 .total-block:before,
.optin-30 .total-block:after {
	content:'';
	width:0;
	height:0;
	position:absolute;
}

.optin-30 .list-block:before {
	border-bottom:13px solid #000000;
	border-left:13px solid transparent;
	left:0;
	top:-13px;
}

.optin-30 .list-block:after {
	border-top:13px solid #000000;
	border-left:13px solid transparent;
	left:0;
	bottom:-13px;
}

.optin-30 .total-block:before {
	border-bottom:13px solid #000000;
	border-right:13px solid transparent;
	right:-46px;
	top:-55px;
}

.optin-30 .total-block:after {
	border-top:13px solid #000000;
	border-right:13px solid transparent;
	right:-46px;
	bottom:-13px;
}

.left-box {
	max-width:435px;
	float:left;
	position:relative;
}

.right-box {
	max-width:374px;
	width:100%;
	float:right;
	background-color:#efefef;
	padding:25px 30px 38px;
	border-radius:8px;
	position:relative;
	margin-bottom:45px;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
	-o-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 10px rgba(0,0,0,0.1);	
}

.right-box .form-control {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

.right-box  .access-btn {
	-webkit-box-shadow:0 4px 0 #e35302;
	-moz-box-shadow:0 4px 0 #e35302;
	-o-box-shadow:0 4px 0 #e35302;
	box-shadow:0 4px 0 #e35302;
	/*padding:18px 12px;*/
}

.right-box:before,
.right-box:after {
	content:'';
	width:90px;
	height:57px;
	position:absolute;
}

.right-box:before { 
	background:url(arrow-down.png) no-repeat;
	top:-42px;
	right:112px;
}

.right-box:after { 
	background:url(arrow-up.png) no-repeat;
	bottom:-45px;
	left:108px;
}

.left-box li p {
	max-width:427px;
	background:url(check.png) no-repeat 0px 7px;
	padding-left:45px;
	margin-bottom:20px;
}

.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 .demo,
.preview-mobile .demo {
	margin-bottom:35px;
}

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

.preview-tablet .right-box,
.preview-mobile .right-box {
	margin:70px auto;
}

.preview-mobile .optin-30 .list-block {
	padding:15px;
}

.preview-mobile .optin-30 .total-block::before {
	top:-28px;
	right:-15px;
}

.preview-mobile .optin-30 .total-block::after {
	bottom:-28px;
	right:-15px;
}

.main-content .email-form .form-control::-moz-placeholder {
	color:#3e4040;
}

.main-content .email-form .form-control::-webkit-input-placeholder {
	color:#3e4040;
}

/* --- Code for Responsive 
========================== --- */
@media screen and (max-width: 991px) {
	.demo-child .container {
		padding:0 10px;
	}
	.main-content {
		margin:25px 0;
		padding:0 10px;
	}
	
	.optin-30 .list-block {
		padding:42px 15px 0;
	}
	
	.left-box,
	.right-box {
		float:none;
		margin:auto;
	}
	
	.right-box,
	.right-box {
		margin:70px auto;
	}
	
	.optin-30 .list-block {
		margin:0 -10px;
	}
	
	.optin-30 .list-block:before,
	.optin-30 .list-block:after,
	.optin-30 .total-block:before,
	.optin-30 .total-block:after {
		display:none;
	}
}

@media screen and (max-width: 479px) {
	.right-box {
		padding:25px 15px 38px;
	}
	
	.right-box::before,
	.right-box::after {
		display:none;
	}
	
	.right-box .form .access-btn {
		font-size:20px !important;
		
	}
}