/**
*    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 {
	padding:0;
}

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

.demo {
	background:#efeff1 url(../img/body-bg.jpg) no-repeat center top;
	padding-top:42px;
	padding-bottom:35px;
}

.demo-child {
	padding-top:42px;
}

.sideoptions .container {
	width:100%;
}

.container {
	max-width:1120px;
}

.media {
	margin-top:0;
}

.access-box {
	text-align:center;
	max-width:550px;
	margin:0 auto 105px;
	padding-bottom:0px !important;
}

.access-box .form-control {
	border:1px solid #b2b2b2;
	border-radius:10px;
	text-align:center;
	width:100%;
	height:66px;
}

.access-btn {
	background-color:#ec9c00;
	/*background-image:-moz-linear-gradient(top, #fce500, #e88c00);
	background-image:-ms-linear-gradient(top, #fce500, #e88c00);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fce500), to(#e88c00));
	background-image:-webkit-linear-gradient(top, #fce500, #e88c00);
	background-image:-o-linear-gradient(top, #fce500, #e88c00);
	background-image:linear-gradient(to bottom, #fce500, #e88c00);*/
	border:none;
	border-bottom:4px solid #d66408;
	/*font:bold 28px/60px Source Sans Pro;*/
	border-radius:10px;
	color:#000000;
	width:100%;
}

.access-btn:focus, .access-btn:hover {
	background-color:#f5c300;	
	border:none;
	border-bottom:4px solid #d66408;
	color:#000000;
}

.access-btn a,
.access-btn:focus a, 
.access-btn:hover a {
	color:#000000;
	text-decoration:none;
}

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

.footer ul li a { 
	margin-left:5px;
	padding:0px 3px;
}

.footer ul li:after {
	content:'|';
	padding-left:8px;
	position:absolute;
	top:-2px;
	right:-9px;
	font-weight:normal;
}

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

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

.preview-tablet .bottom-content .media,
.preview-mobile .bottom-content .media {
	width:100%;
}

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

.preview-mobile .access-box .ui-sortable {
	padding:30px 10px !important;
}
	
/* --- Code for Responsive 
       ========================== --- */
@media screen and (max-width:1400px) {
	.container {
		max-width:1064px;
	}
}

@media screen and (max-width:768px) {
	.col-md-4 {
		width:100%;
	}
}

@media screen and (max-width:360px) {
	.access-box .ui-sortable {
		padding:30px 10px !important;
	}
	
	.header h1,
	.header h1 strong { font-size:54px !important; }
}