@charset "utf-8";
/* CSS Document */

*, html, body { margin:0; padding:0; box-sizing:border-box; }

body {
	font-family: 'Open Sans', sans-serif;
}

span { font-size:12px; }

h1 { font-size:30px; margin:0 0 10px 0; }

.leftCol { height:100vh; background:#f1c40f url(images/homescreen.png) bottom center no-repeat; text-align:center;  display:table; /*position:fixed;*/ }
.rightCol { height:auto; background:#fff;  text-align:left; /*margin-left:450px;*/ }

/* HEADER */
header { display:table-cell; width:100%; height:100vh; text-align:center; vertical-align:middle; }
header img { margin:0 0 15px 0;}
header h2 { color:#121212; margin:15px 0 0 0; text-transform:uppercase; font-size:24px; }


.contentBox { border:0px solid red; height:auto; padding:20px 0px; }

.questionBox { border:0px solid green; }
.optionBox { border:0px solid black; padding:10px 0; }

.star { color:#FF0000; font-style:italic; }

#owl-demo .item{
	border:0px solid black;
	margin: 0px;
}
.optionBox ul { margin:0 0 30px 0; }
.optionBox li { border-bottom:1px dotted #ccc; width:100%; display:block; padding:10px 0; margin:0; font-size:18px; }

.priceBox { font-size:18px; width:auto; padding:5px; }
.priceBox span { font-size:18px; color:#999999; }
.priceBox strong { color:#CC0000; }


.priceBoxLast { padding:15px; border:2px solid #f1c40f; border-radius:3px; min-height:300px; height:auto; display:table; width:100%; text-align:center; font-size:18px; }
.priceBoxInner { display:table-cell; vertical-align:middle; }
.priceBoxInner strong { display:block; color:#f1c40f; font-size:30px; }


/* CONTROLS */
.owl-controls { border:1px solid #ededed; padding:15px; background:#f2f2f2; }
.owl-theme .owl-controls .owl-page span{
	width: 16px;
	height: 16px;
	margin: 0px 5px;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #999;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background:#f1c40f;
}

.owl-theme .owl-controls .owl-buttons div{
	margin: 15px 5px;
	padding: 5px 10px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #869791;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-transform:uppercase;
	border-bottom:3px solid #000;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background:#f1c40f;
}


/* UI-SWITCH BUTTONS */
/*.active, .inactive {font-size:40px;cursor:pointer;}
.active, .inactive {font-size:40px;cursor:pointer;}
i.active { color: #5cb85c}
i.inactive {color: #d9534f}*/

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
}
.checkbox-custom-label, .radio-custom-label {
    position: relative;
}
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 0px;
    text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #f1c40f;
    box-shadow: inset 0px 0px 0px 4px #fff;
}
.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
    background: #f1c40f;
    box-shadow: inset 0px 0px 0px 4px #fff;
}
.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 0px solid #ddd; /* focus style */
}


/* form-elements */
.form-elements label { display:block; }

input[type=text],input[type=search],input[type=file],input[type=email],input[type=tel],input[type=password], select {
	font-size:12px;
	min-width:400px;
	width:auto;
	color:#333;
	padding:8px;
	background:#fff;
	box-sizing:border-box;
	margin-bottom:0px;
	border:2px solid #ccc;
	border-radius:2px;
}
textarea {
	font-size:12px;
	color:#333;
	padding:8px;
	height:90px;
	background:#fff;
	resize:none;
	box-sizing:border-box;
	margin-bottom:0px;
	border:2px solid #ccc;		
	border-radius:2px;	
}
input[type=submit],input[type=button],input[type=reset] {
	padding:10px 15px;
	border:0px solid #e10d0d;
	width:auto;
	background:#e10d0d;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	text-decoration:none;	
	border-radius:2px;	
	border-bottom:2px solid #a72020;
	margin-bottom:30px;
}


.view-details { font-size:14px; color:#009900; }


/* MEDIA QUERIES */
@media screen and (max-width: 768px) 	{

.leftCol { height:auto; background:#f1c40f none; }
.rightCol { height:auto; background:#fff; text-align:left; margin-left:0; }
.contentBox { border:0px solid red; height:auto; padding:20px 0px; }


header { height:auto; padding:15px 0; }
header img { margin:10px 0;}
header h2 { color:#121212; margin:10px 0; text-transform:uppercase; font-size:16px; }

h1 { width:95%; font-size:16px; margin:0 0 10px 0; font-weight:bold; }
p { width:95%; font-size:12px; }
input[type=text],input[type=search],input[type=file],input[type=email],input[type=tel],input[type=password], select {
	min-width:90%;
	width:90%!important;
}

.optionBox li { padding:10px 0; margin:0; font-size:12px; }
.view-details { font-size:11px; color:#009900; }

.priceBox { font-size:12px; font-weight:bold; }
.priceBox strong { font-size:14px; }
.priceBox span { font-size:14px; }

.priceBoxLast { padding:10px; border:1px solid #f1c40f; border-radius:2px; min-height:100px; height:auto; display:table; width:90%; text-align:center; font-size:16px; }
.priceBoxInner { display:table-cell; vertical-align:middle; }
.priceBoxInner strong { display:block; color:#f1c40f; font-size:18px; }


.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    width: 20px;
    height: 20px;
}

.owl-theme .owl-controls .owl-buttons div{
	font-size: 12px;
}
.owl-theme .owl-controls .owl-page span{
	width: 12px;
	height: 12px;
	margin: 0px 2px;
}

}

@media only screen and (min-width: 768px) and (max-width: 850px) {

.leftCol { height:100vh; background:#f1c40f none; }


}