﻿@font-face {
	font-family: 'Roboto';
	font-weight: 500;
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}

* {
	padding: 0;
	margin: 0;
}

select {
	-webkit-border-radius: 0px;
}

html,
body,
#wrap {
	min-height: 100%;
	/*min-width: 1024px;*/
	color: #474747;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body>#wrap {
	height: auto;
	min-height: 100%;
	background-color: #f6f6f6;
	/*background: url(../images/side_shadows.png) top center no-repeat;*/
}

body {
	/*background: #fbfbfb url(../images/bg-main.jpg) top center repeat-x;*/
	border-top: 5px solid #0381c6;
}


/* Toggle switch */


/*******************************************************
Variables
*******************************************************/


/*******************************************************
Animation
*******************************************************/

@keyframes popIn {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1.2, 1);
	}
	50% {
		transform: scale(1.4, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}

@keyframes popOut {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1.2, 1);
	}
	50% {
		transform: scale(1.4, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}

@keyframes splashIn {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(1.1);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.1);
		opacity: .9;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes splashOut {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(1);
		opacity: 0.8;
	}
	50% {
		transform: scale(1);
		opacity: .9;
	}
	100% {
		transform: scale(0.5);
		opacity: 1;
	}
}


/*******************************************************
Main Slider basics
*******************************************************/

.checkbox-toggle {
	position: relative;
}

.checkbox-toggle input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-toggle input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-toggle input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-toggle input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-toggle input+span>h4 {
	display: inline;
}

.form-horizontal [class^='checkbox'] input+span:after {
	top: 7px;
}


/*******************************************************
Main Slider
*******************************************************/

.checkbox-slider {
	position: relative;
}

.checkbox-slider input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider input+span>h4 {
	display: inline;
}

.checkbox-slider input+span {
	padding-left: 40px;
}

.checkbox-slider input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider input:checked+span:before {
	transition: background 0.2s ease-in;
}


/*******************************************************
Slider default
*******************************************************/

.checkbox-slider--default {
	position: relative;
}

.checkbox-slider--default input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--default input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--default input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--default input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--default input+span>h4 {
	display: inline;
}

.checkbox-slider--default input+span {
	padding-left: 40px;
}

.checkbox-slider--default input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider--default input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--default input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--default input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--default input+span:after {
	background: #FFF;
	border: solid transparent 1px;
	background-clip: content-box;
}

.checkbox-slider--default input:checked+span:after {
	background: #5cb85c;
	border: solid transparent 1px;
	background-clip: content-box;
}


/*******************************************************
Slider default rounded
*******************************************************/

.checkbox-slider--a-rounded {
	position: relative;
}

.checkbox-slider--a-rounded input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--a-rounded input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--a-rounded input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--a-rounded input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--a-rounded input+span>h4 {
	display: inline;
}

.checkbox-slider--a-rounded input+span {
	padding-left: 40px;
}

.checkbox-slider--a-rounded input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider--a-rounded input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--a-rounded input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--a-rounded input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--a-rounded input+span:after {
	background: #FFF;
	border: solid transparent 1px;
	background-clip: content-box;
}

.checkbox-slider--a-rounded input:checked+span:after {
	background: #5cb85c;
	border: solid transparent 1px;
	background-clip: content-box;
}

.checkbox-slider--a-rounded input+span:after,
.checkbox-slider--a-rounded input+span:before {
	border-radius: 4px;
}

.checkbox-slider--a-rounded input+span:after,
.checkbox-slider--a-rounded input:checked+span:after {
	border: solid transparent 2px;
	background-clip: content-box;
}


/*******************************************************
Slider default rounded Sizes
*******************************************************/

.checkbox-slider--a-rounded.checkbox-slider-sm input+span:before,
.checkbox-slider--a-rounded.checkbox-slider-sm input+span:after {
	border-radius: 3px;
}

.checkbox-slider--a-rounded.checkbox-slider-md input+span:before,
.checkbox-slider--a-rounded.checkbox-slider-md input+span:after {
	border-radius: 4px;
}

.checkbox-slider--a-rounded.checkbox-slider-lg input+span:before,
.checkbox-slider--a-rounded.checkbox-slider-lg input+span:after {
	border-radius: 6px;
}


/*******************************************************
Slider A
*******************************************************/

.checkbox-slider--a {
	position: relative;
}

.checkbox-slider--a input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--a input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--a input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--a input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--a input+span>h4 {
	display: inline;
}

.checkbox-slider--a input+span {
	padding-left: 40px;
}

.checkbox-slider--a input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider--a input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--a input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--a input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--a input+span {
	padding-left: 60px;
}

.checkbox-slider--a input+span:before {
	content: "";
	width: 60px;
}

.checkbox-slider--a input+span:after {
	width: 40px;
	font-size: 10px;
	color: #000;
	content: "Off";
	border: solid transparent 1px;
	background-clip: content-box;
}

.checkbox-slider--a input:checked+span:after {
	content: "On";
	color: #fff;
	background: #5cb85c;
	border: solid transparent 1px;
	background-clip: content-box;
}


/*******************************************************
Slider A SIZES
*******************************************************/

.checkbox-slider--a.checkbox-slider-sm input+span {
	padding-left: 30px;
}

.checkbox-slider--a.checkbox-slider-sm input+span:before {
	width: 30px;
}

.checkbox-slider--a.checkbox-slider-sm input+span:after {
	width: 20px;
	font-size: 5px;
}

.checkbox-slider--a.checkbox-slider-sm input:checked+span:after {
	margin-left: 10px;
}

.checkbox-slider--a.checkbox-slider-md input+span {
	padding-left: 90px;
}

.checkbox-slider--a.checkbox-slider-md input+span:before {
	width: 90px;
}

.checkbox-slider--a.checkbox-slider-md input+span:after {
	width: 60px;
	font-size: 15px;
}

.checkbox-slider--a.checkbox-slider-md input:checked+span:after {
	margin-left: 30px;
}

.checkbox-slider--a.checkbox-slider-lg input+span {
	padding-left: 120px;
}

.checkbox-slider--a.checkbox-slider-lg input+span:before {
	width: 120px;
}

.checkbox-slider--a.checkbox-slider-lg input+span:after {
	width: 80px;
	font-size: 20px;
}

.checkbox-slider--a.checkbox-slider-lg input:checked+span:after {
	margin-left: 40px;
}


/*******************************************************
Slider B
*******************************************************/

.checkbox-slider--b {
	position: relative;
}

.checkbox-slider--b input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--b input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--b input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--b input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--b input+span>h4 {
	display: inline;
}

.checkbox-slider--b input+span {
	padding-left: 40px;
}

.checkbox-slider--b input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider--b input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--b input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--b input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--b input+span {
	padding-left: 40px;
}

.checkbox-slider--b input+span:before {
	border-radius: 20px;
	width: 40px;
}

.checkbox-slider--b input+span:after {
	background: #FFF;
	content: "";
	width: 20px;
	border: solid transparent 2px;
	background-clip: padding-box;
	border-radius: 20px;
}

.checkbox-slider--b input:not(:checked)+span:after {
	animation: popOut ease-in 0.3s normal;
}

.checkbox-slider--b input:checked+span:after {
	content: "";
	margin-left: 20px;
	border: solid transparent 2px;
	background-clip: padding-box;
	animation: popIn ease-in 0.3s normal;
}

.checkbox-slider--b input:checked+span:before {
	background: #5cb85c;
}


/*******************************************************
Slider B Sizes
*******************************************************/

.checkbox-slider--b.checkbox-slider-md input+span:before {
	border-radius: 30px;
}

.checkbox-slider--b.checkbox-slider-md input+span:after {
	border-radius: 30px;
}

.checkbox-slider--b.checkbox-slider-lg input+span:before {
	border-radius: 40px;
}

.checkbox-slider--b.checkbox-slider-lg input+span:after {
	border-radius: 40px;
}


/*******************************************************
Slider B-flat
*******************************************************/

.checkbox-slider--b-flat {
	position: relative;
}

.checkbox-slider--b-flat input[type="checkbox"] {
	display: block;
	position: absolute;
	left: -9999px;
	right: 0;
	bottom: 0;
	/* width: 0%;
	height: 0%; */
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--b-flat input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--b-flat input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--b-flat input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--b-flat input+span>h4 {
	display: inline;
}

.checkbox-slider--b-flat input+span {
	/* padding-left: 40px; */
}

.checkbox-slider--b-flat input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: #ee2f04;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
	margin-top: 7px;
	margin-left: 70px;
}

.checkbox-slider--b-flat input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--b-flat input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--b-flat input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--b-flat input+span {
	/* padding-left: 40px; */
}

.checkbox-slider--b-flat input+span:before {
	border-radius: 20px;
	width: 40px;
}

.checkbox-slider--b-flat input+span:after {
	background: #FFF;
	content: "";
	width: 20px;
	border: solid transparent 2px;
	background-clip: padding-box;
	border-radius: 20px;
	margin-left: 90px;
}

.checkbox-slider--b-flat input:not(:checked)+span:after {
	animation: popOut ease-in 0.3s normal;
	content: "";
	height: 30px;
	border: solid #ff6554 2px;
	background: #ff6554;
}

.checkbox-slider--b-flat input:checked+span:after {
	content: "";
	margin-left: 20px;
	height: 30px;
	border: solid #a8ed69 2px;
	background: #a8ed69;
	background-clip: padding-box;
	animation: popIn ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked+span:before {
	background: #6dce20;
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:before {
	border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:after {
	border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:before {
	border-radius: 40px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:after {
	border-radius: 40px;
}

.checkbox-slider--b-flat input+span:before {
	box-shadow: none;
}


/*******************************************************
Slider C
*******************************************************/

.checkbox-slider--c {
	position: relative;
}

.checkbox-slider--c input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--c input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--c input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--c input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--c input+span>h4 {
	display: inline;
}

.checkbox-slider--c input+span {
	padding-left: 40px;
}

.checkbox-slider--c input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider--c input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--c input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--c input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--c input+span {
	padding-left: 40px;
}

.checkbox-slider--c input+span:before {
	height: 2px !important;
	top: 10px;
	box-shadow: none;
	width: 40px;
	background: #555555;
}

.checkbox-slider--c input+span:after {
	box-shadow: none;
	width: 20px;
	border: solid #555555 2px;
	border-radius: 20px;
}

.checkbox-slider--c input:checked+span:after {
	background: #5cb85c;
	margin-left: 20px;
	border: solid #5cb85c 2px;
	animation: splashIn ease-in 0.3s normal;
}

.checkbox-slider--c input:checked+span:before {
	background: #5cb85c;
}


/*******************************************************
Slider C Sizes
*******************************************************/

.checkbox-slider--c.checkbox-slider-sm input+span:before {
	top: 4px;
}

.checkbox-slider--c.checkbox-slider-md input+span:before {
	top: 14px;
}

.checkbox-slider--c.checkbox-slider-md input+span:after {
	width: 30px;
	border-radius: 30px;
}

.checkbox-slider--c.checkbox-slider-lg input+span:before {
	top: 19px;
}

.checkbox-slider--c.checkbox-slider-lg input+span:after {
	width: 40px;
	border-radius: 40px;
}

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-sm input+span:before {
	top: 10px;
}

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-md input+span:before {
	top: 20px;
}

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-lg input+span:before {
	top: 25px;
}


/*******************************************************
Slider C-weight
*******************************************************/

.checkbox-slider--c-weight {
	position: relative;
}

.checkbox-slider--c-weight input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0 0;
	cursor: pointer;
	opacity: 0;
}

.checkbox-slider--c-weight input[type="checkbox"]:focus+*:before {
	outline: solid #66afe9 2px;
}

.checkbox-slider--c-weight input+span {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-slider--c-weight input+span:before {
	position: absolute;
	left: 0px;
	display: inline-block;
}

.checkbox-slider--c-weight input+span>h4 {
	display: inline;
}

.checkbox-slider--c-weight input+span {
	padding-left: 40px;
}

.checkbox-slider--c-weight input+span:before {
	content: "";
	height: 20px;
	width: 40px;
	background: rgba(100, 100, 100, 0.2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	transition: background 0.2s ease-out;
}

.checkbox-slider--c-weight input+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
	background: #FFF;
	transition: margin-left 0.1s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: "";
}

.checkbox-slider--c-weight input:checked+span:after {
	margin-left: 20px;
	content: "";
}

.checkbox-slider--c-weight input:checked+span:before {
	transition: background 0.2s ease-in;
}

.checkbox-slider--c-weight input+span {
	padding-left: 40px;
}

.checkbox-slider--c-weight input+span:before {
	height: 2px !important;
	top: 10px;
	box-shadow: none;
	width: 40px;
	background: #555555;
}

.checkbox-slider--c-weight input+span:after {
	box-shadow: none;
	width: 20px;
	border: solid #555555 2px;
	border-radius: 20px;
}

.checkbox-slider--c-weight input:checked+span:after {
	background: #5cb85c;
	margin-left: 20px;
	border: solid #5cb85c 2px;
	animation: splashIn ease-in 0.3s normal;
}

.checkbox-slider--c-weight input:checked+span:before {
	background: #5cb85c;
}

.checkbox-slider--c-weight.checkbox-slider-sm input+span:before {
	top: 4px;
}

.checkbox-slider--c-weight.checkbox-slider-md input+span:before {
	top: 14px;
}

.checkbox-slider--c-weight.checkbox-slider-md input+span:after {
	width: 30px;
	border-radius: 30px;
}

.checkbox-slider--c-weight.checkbox-slider-lg input+span:before {
	top: 19px;
}

.checkbox-slider--c-weight.checkbox-slider-lg input+span:after {
	width: 40px;
	border-radius: 40px;
}

.checkbox-slider--c-weight input+span:before {
	height: 1px !important;
}

.checkbox-slider--c-weight input:checked+span:before {
	height: 2px !important;
}

.checkbox-slider--c-weight input:not(:checked)+span:after {
	transform: scale(0.7);
	left: -6px;
}


/******************************************************
State Disabled
*******************************************************/

.checkbox-slider--default input:disabled+span:after {
	background: #777777;
}

.checkbox-slider--default input:disabled+span:before {
	box-shadow: 0 0 0 black;
}

.checkbox-slider--default input:disabled+span {
	color: #777777;
}

.checkbox-slider--a input:disabled+span:after {
	background: #777777;
	color: #FFF;
}

.checkbox-slider--a input:disabled+span:before {
	box-shadow: 0 0 0 black;
}

.checkbox-slider--a input:disabled+span {
	color: #777777;
}

.checkbox-slider--b input:disabled+span:after {
	border: solid transparent 2px;
	border-radius: 40px;
}

.checkbox-slider--b input:disabled+span:before {
	box-shadow: 0 0 0 black;
}

.checkbox-slider--b input:disabled+span {
	color: #777777;
}

.checkbox-slider--c input:disabled:checked+span:after {
	background: #777777;
}

.checkbox-slider--c input:disabled+span:after {
	border-color: #777777;
}

.checkbox-slider--c input:disabled+span:before {
	background: #777777;
}

.checkbox-slider--c input:disabled+span {
	color: #777777;
}


/*******************************************************
Indicators
*******************************************************/

input:checked+.indicator-success {
	color: #5cb85c;
}

input:checked+.indicator-info {
	color: #5bc0de;
}

input:checked+.indicator-warning {
	color: #f0ad4e;
}

input:checked+.indicator-danger {
	color: #d9534f;
}


/*******************************************************
Sizes
*******************************************************/

.checkbox-slider-sm {
	line-height: 10px;
}

.checkbox-slider-sm input+span {
	padding-left: 20px;
}

.checkbox-slider-sm input+span:before {
	width: 20px;
}

.checkbox-slider-sm input+span:after,
.checkbox-slider-sm input+span:before {
	height: 10px;
	line-height: 10px;
}

.checkbox-slider-sm input+span:after {
	width: 10px;
	vertical-align: middle;
}

.checkbox-slider-sm input:checked+span:after {
	margin-left: 10px;
}

.checkbox-slider-md {
	line-height: 30px;
}

.checkbox-slider-md input+span {
	/* padding-left: 90px; */
}

.checkbox-slider-md input+span:before {
	width: 50px;
}

.checkbox-slider-md input+span:after,
.checkbox-slider-md input+span:before {
	height: 15px;
	line-height: 30px;
}

.checkbox-slider-md input+span:after {
	width: 30px;
	vertical-align: middle;
}

.checkbox-slider-md input:checked+span:after {
	margin-left: 70px;
}

.checkbox-slider-lg {
	line-height: 40px;
}

.checkbox-slider-lg input+span {
	padding-left: 80px;
}

.checkbox-slider-lg input+span:before {
	width: 80px;
}

.checkbox-slider-lg input+span:after,
.checkbox-slider-lg input+span:before {
	height: 40px;
	line-height: 40px;
}

.checkbox-slider-lg input+span:after {
	width: 40px;
	vertical-align: middle;
}

.checkbox-slider-lg input:checked+span:after {
	margin-left: 40px;
}


/*******************************************************
Variations
*******************************************************/

.checkbox-slider-info.checkbox-slider--default input:checked+span:after,
.checkbox-slider-info.checkbox-slider--a input:checked+span:after,
.checkbox-slider-info.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-info.checkbox-slider--c input:checked+span:after,
.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:after {
	background: #5bc0de;
	background-clip: content-box;
}

.checkbox-slider-info.checkbox-slider--c input:checked+span:after,
.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:after {
	border-color: #5bc0de;
}

.checkbox-slider-info.checkbox-slider--b input:checked+span:before,
.checkbox-slider-info.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-info.checkbox-slider--c input:checked+span:before,
.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:before {
	background: #5bc0de;
}

.checkbox-slider-warning.checkbox-slider--default input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--a input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--c input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:after {
	background: #f0ad4e;
	background-clip: content-box;
}

.checkbox-slider-warning.checkbox-slider--c input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:after {
	border-color: #f0ad4e;
}

.checkbox-slider-warning.checkbox-slider--b input:checked+span:before,
.checkbox-slider-warning.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-warning.checkbox-slider--c input:checked+span:before,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:before {
	background: #f0ad4e;
}

.checkbox-slider-danger.checkbox-slider--default input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--a input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--c input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:after {
	background: #d9534f;
	background-clip: content-box;
}

.checkbox-slider-danger.checkbox-slider--c input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:after {
	border-color: #d9534f;
}

.checkbox-slider-danger.checkbox-slider--b input:checked+span:before,
.checkbox-slider-danger.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-danger.checkbox-slider--c input:checked+span:before,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:before {
	background: #d9534f;
}


/* Toggle switch */

#big_container {
	/*max-width: 1024px;
	min-height: 1100px;
	padding: 0 0px;*/
}

#big_container .top_bar {
	float: left;
	padding: 4px 1%;
	text-align: right;
	color: #555555;
}

#big_container .top_bar a {
	color: #868686;
	text-decoration: none;
	font-size: 14px;
}

#big_container .top_bar a:hover {
	color: #4299cf;
	text-decoration: none;
}

#big_container .top_cont {
	width: 100%;
	height: 80px;
	float: left;
	margin-top: 10px;
}

#big_container .top_cont .logo {
	margin: 5px 0 0 0px;
	float: left;
}

#big_container .top_cont .progress_bar {
	/*width: 770px;
	height: 30px;
	margin: 65px 0 0;
	float: left;
	background: url(../images/progress_bar.png) left top no-repeat;*/
}

#big_container .page-main {
	/*width: 974px;
	min-height: 925px;
	margin: 0 25px;*/
	margin-top: 10px;
    /*background: #3e76c1;*/
	float: left;
}
.mainHeading{
    background: linear-gradient(to bottom, rgb(102, 143, 198) 0%, rgb(57, 110, 180) 100%);
    font-size: 22px;
    padding: 15px;
    border-bottom: 1px solid #396db4;
    line-height: 30px;
    color: #ffffff;
    text-shadow: -1px 3px 6px rgba(0, 0, 0, 0.3);
    margin: 0;
}
#big_container .page-main .left {
	/*width: 390px;
	min-height: 10px;
	float: left;*/
	background-color: #0277c0;
	float: left;
	width: 100%;
	/*border: 1px solid #0277c0;*/
}

#big_container .page-main .right {
	/*width: 390px;
	min-height: 10px;
	margin: 100px 0 0 114px;
	float: left;*/
	float: left;
	width: 100%;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	min-height: 540px;
}

#big_container .page-main .right h2 {
	background: rgb(255, 255, 255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
	font-size: 16px;
	padding: 15px;
	border-bottom: 1px solid #e1e1e1;
	/* text-align: left; */
	line-height: 30px;
	color: #474747;
	/* text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); */
	margin: 0;
	font-weight: 700;
}


.ver_no small {
	color: #868686;
	font-size: 12px;
}
.ver_no small b {
    color: #006cb8;
}
.lens_img_bg {
	background-position: center center;
    background-repeat: no-repeat;
    height: 448px;
    background-size: cover;
    overflow-y: auto;
    display: list-item;
    justify-content: center;
}

#big_container .page-admin {
	width: 1024px;
	min-height: 845px;
	margin: 0 0px;
	float: left;
}

#big_container .page-base {
	width: 100%;
	height: 420px;
	margin: 0 0;
	float: left;
	border: 1px solid #e1e1e1;
	border-top: 0px solid #e1e1e1;
	padding: 15px 0;
	overflow: auto;
	background: #ffffff;
}

#big_container .page-base p {
	float: left;
	line-height: 24px;
	width: 100%;
	margin: 0;
	padding: 0 30px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#big_container .page-base ul {
	float: left;
	width: 100%;
	padding-left: 30px;
	font-size: 14px;
}

#big_container .page-base p span {
	color: #2188c7;
}

#big_container .page-calc {
	width: calc(100% + 10px);
	float: left;
	background: #ffffff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
	padding: 15px;
	margin: 20px 5px;
	border: 1px solid #e1e1e1;
}

#big_container .guide_page .table-bordered>thead>tr>th {
	border-bottom-width: 1px;
}

#big_container .guide_page .table-bordered>tbody>tr>td,
#big_container .guide_page .table-bordered>thead>tr>th,
#big_container .guide_page .table-bordered {
	border-color: #000 !important;
}

#big_container .page-calc .left {
	width: 449px;
	min-height: 10px;
	float: left;
	margin: 0 10px 0 0;
}

#big_container .page-calc .right {
	width: 530px;
	height: 585px;
	float: left;
}

#big_container .page-plan {
	width: 98%;
	min-height: 925px;
	margin: 0 1%;
	float: left;
}

#big_container .page-plan .left {
	width: 449px;
	min-height: 10px;
	float: left;
	margin: 0 10px 0 0;
}

#big_container .page-plan .right {
	width: 530px;
	height: 585px;
	float: left;
}

#title_01 {
	float: left;
	width: 100%;
	color: #ffffff;
	text-align: left;
	padding: 15px 30px 0px;
	font-size: 22px;
}

#title_02 {
	float: left;
	width: 449px;
	height: 60px;
	background: url(../images/title_fade-02.png) center no-repeat;
}

#title_02 .sub,
#title_03 .sub {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5b5b5b;
	float: right;
	margin-top: 0px;
}

#title_03 {
	float: left;
	width: 100%;
	/*width: 952px;
	height: 54px;
	background: url(../images/title_fade-03.png) center no-repeat;*/
}

#header_01 {
	float: left;
	width: 100%;
	padding: 10px 15px;
	font-size: 16px;
	text-align: left;
	/* background: url(../images/header-01.png) center center no-repeat; */
	background-color: #fff;
	border: 1px solid #e1e1e1;
	background-size: cover;
	color: #efefef;
	font-weight: 700;
}

#header_02 {
	float: left;
	width: calc(100% - 40px);
	margin: 0 20px 5px;
	padding: 5px 15px;
	text-align: left;
	background: #868686;
	border: 1px solid #e1e1e1;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
}

#header_02 img {
	padding-top: 10px;
}

#terms_t {
	color: #2e8cc6;
	font-size: 18px;
}

.fade_result-blue00 {
	float: left;
	width: 43%;
	height: 26px;
	margin: 15px 0 0 2%;
	color: #0077c0;
}

.fade_title-blue00 {
	float: left;
	width: 53%;
	height: 26px;
	margin-left: 2%;
}

.fade_title-blue00 p {
	text-align: left;
}

.fade_result-blue00a {
	float: left;
	width: 35%;
	height: 26px;
	margin: 0px 0 0 5%;
	color: #0077c0;
}

.fade_title-blue00a {
	float: left;
	width: 58%;
	height: 26px;
	margin-left: 2%;
}

.fade_result-blue00b {
	float: left;
	width: 35%;
	height: 26px;
	margin: 15px 0 0 5%;
	color: #0077c0;
}

.fade_title-blue00b {
	float: left;
	width: 58%;
	height: 26px;
	margin-left: 2%;
}

.fade_title-blue00b p {
	text-align: left;
}

.fade_result-blue01 {
	width: 170px;
	height: 34px;
	/* margin: 2px 9px; */
	padding: 6px 12px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	background-color: #efefef;
	/* background: url(../images/fade_blue-01.png) center no-repeat; */
	color: #0077c0;
	font-size: 15px;
	text-align: center;
}


/* OPTIONS */

.grayout {
	font-style: italic;
	color: #898989;
}

.selected {
	background-color: #fff9c3 !important;
	/* transform: scale(1.1); */
}

.selected .top,
.selected .btn_select {
	background: rgb(247, 239, 119) !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmN2VmNzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNGUzNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top, rgba(247, 239, 119, 1) 49%, rgba(244, 227, 112, 1) 50%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(247, 239, 119, 1)), color-stop(50%, rgba(244, 227, 112, 1))) !important;
	background: -webkit-linear-gradient(top, rgba(247, 239, 119, 1) 49%, rgba(244, 227, 112, 1) 50%) !important;
	background: -o-linear-gradient(top, rgba(247, 239, 119, 1) 49%, rgba(244, 227, 112, 1) 50%) !important;
	background: -ms-linear-gradient(top, rgba(247, 239, 119, 1) 49%, rgba(244, 227, 112, 1) 50%) !important;
	background: linear-gradient(to bottom, rgba(247, 239, 119, 1) 49%, rgba(244, 227, 112, 1) 50%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ef77', endColorstr='#f4e370', GradientType=0) !important;
}

#opt-01 {
	/*width: 336px;
	min-height: 10px;
	float: left;*/
	background-color: #e7eff6;
	border-radius: 7px;
	margin-top: 5px;
	text-align: left;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

#opt-01 .top {
	background: #d3e5f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #d3e5f1), color-stop(50%, #989999), color-stop(50%, #c6ddec));
	background: -webkit-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -o-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -ms-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: linear-gradient(to bottom, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5f1', endColorstr='#c6ddec', GradientType=0);
	width: 100%;
	float: left;
	padding: 10px 15px;
	text-align: center;
	border-radius: 7px 7px 0 0;
	border-bottom: 1px solid #e1e1e1;
	color: #282828;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	/*float: left;
	width: 100%;
	height: 18px;
	padding: 10px 0;
	background: url(../images/opt_top-1.png) center no-repeat;*/
}

#opt-01 .top span {
	/*display: none;*/
}

#opt-01 .mid {
	padding: 15px 0;
	float: left;
	width: 100%;
	/*float: left;
	width: 90%;
	height: 171px;
	padding: 27px 5%;
	text-align: left;
	background: url(../images/opt_mid-1.png) center no-repeat;*/
}

#opt-01 .mid .title {
	/*float: left; width: 67.5%;height: 20px;padding:3px 0;*/
	/* float: left;
	width: calc(100% - 20px);
	padding: 2px 0;
	margin: 0 10px; */
	float: left;
	width: 158px;
	padding: 2px 0;
	margin: 0 0 0 10px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); */
}

#opt-01 .mid .result {
	/*float: left; width: 32.5%;height: 20px;padding:3px 0;font-size:15px;*/
	padding-right: 10px;
	float: left;
	width: 100px;
	line-height: 24px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); */
}

#opt-01 .bot {
	background: #d3e5f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #d3e5f1), color-stop(50%, #989999), color-stop(50%, #c6ddec));
	background: -webkit-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -o-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -ms-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: linear-gradient(to bottom, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5f1', endColorstr='#c6ddec', GradientType=0);
	width: 100%;
	float: left;
	padding: 10px 15px;
	text-align: center;
	border-radius: 0 0 7px 7px;
	border-bottom: 1px solid #e1e1e1;
	color: #ffffff;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	/*float: left;
	width: 100%;
	height: 19px;
	padding: 11px 0;
	background: url(../images/opt_bot-1.png) center no-repeat;*/
}

.btn_select {
	background: #d3e5f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #d3e5f1), color-stop(50%, #989999), color-stop(50%, #c6ddec));
	background: -webkit-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -o-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -ms-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: linear-gradient(to bottom, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5f1', endColorstr='#c6ddec', GradientType=0);
	width: 100%;
	float: left;
	padding: 10px 15px;
	text-align: center;
	border-radius: 0px 0px 7px 7px;
	border-bottom: 1px solid #e1e1e1;
	color: #282828 !important;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	font-size: 16px;
}

#opt-01 .bot span {
	/*display: none;*/
}

#opt-02 {
	background-color: #e7eff6;
	border-radius: 7px;
	margin-top: 5px;
	text-align: left;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	/*width: 336px;
	min-height: 10px;
	float: left;
	margin-left:-2px;*/
}

#opt-02 .top {
	background: #d3e5f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #d3e5f1), color-stop(50%, #989999), color-stop(50%, #c6ddec));
	background: -webkit-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -o-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -ms-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: linear-gradient(to bottom, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5f1', endColorstr='#c6ddec', GradientType=0);
	width: 100%;
	float: left;
	padding: 10px 15px;
	text-align: center;
	border-radius: 7px 7px 0 0;
	border-bottom: 1px solid #e1e1e1;
	color: #282828;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	/*float: left;
	width: 100%;
	height: 18px;
	padding: 10px 0;
	background: url(../images/opt_top-2.png) center no-repeat;*/
}

#opt-02 .top span {
	/*display: none;*/
}

#opt-02 .mid {
	padding: 15px 0;
	float: left;
	width: 100%;
	/*float: left;
	width: 90%;
	height: 171px;
	padding: 27px 5%;
	text-align: left;
	background: url(../images/opt_mid-2.png) center no-repeat;*/
}

#opt-02 .mid .title {
	/* float: left;
	width: calc(100% - 20px);
	padding: 2px 0;
	margin: 0 10px; */
	float: left;
	width: 158px;
	padding: 2px 0;
	margin: 0 0 0 10px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); */
	/*float: left; width: 67.25%;height: 20px;padding:3px 0;*/
}

#opt-02 .mid .result {
	/*float: left; width: 32.75%;height: 20px;padding:3px 0;font-size:15px;*/
	padding-right: 10px;
	float: left;
	width: 100px;
	line-height: 24px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); */
}

#opt-02 .bot {
	/*float: left;
	width: 100%;
	height: 19px;
	padding: 11px 0;
	background: url(../images/opt_bot-2.png) center no-repeat;*/
}

#opt-02 .bot span {
	/*display: none;*/
}

#opt-03 {
	background-color: #e7eff6;
	border-radius: 7px;
	margin-top: 5px;
	text-align: left;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	/*width: 335px;
	min-height: 10px;
	float: left;
	margin-left:-2px;*/
}

#opt-03 .top {
	background: #d3e5f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #d3e5f1), color-stop(50%, #989999), color-stop(50%, #c6ddec));
	background: -webkit-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -o-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: -ms-linear-gradient(top, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	background: linear-gradient(to bottom, #d3e5f1 49%, #989999 50%, #c6ddec 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5f1', endColorstr='#c6ddec', GradientType=0);
	width: 100%;
	float: left;
	padding: 10px 15px;
	text-align: center;
	border-radius: 7px 7px 0 0;
	border-bottom: 1px solid #e1e1e1;
	color: #282828;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	/*float: left;
	width: 100%;
	height: 18px;
	padding: 10px 0;
	background: url(../images/opt_top-3.png) center no-repeat;*/
}

#opt-03 .top span {
	/*display: none;*/
}

#opt-03 .mid {
	padding: 15px 0;
	float: left;
	width: 100%;
	/*float: left;
	width: 90%;
	height: 171px;
	padding: 27px 5%;
	text-align: left;
	background: url(../images/opt_mid-3.png) center no-repeat;*/
}

#opt-03 .mid .title {
	float: left;
	width: 158px;
	padding: 2px 0;
	margin: 0 0 0 10px;
	/* float: left;
	width: calc(100% - 20px);
	padding: 2px 0;
	margin: 0 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); */
	/*float: left; width: 67.25%;height: 20px;padding:3px 0;*/
}

#opt-03 .mid .result {
	padding-right: 10px;
	float: left;
	width: 104px;
	line-height: 24px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); */
	/*float: left; width: 32.75%;height: 20px;padding:3px 0;font-size:15px;*/
}

#opt-03 .bot {
	/*float: left;
	width: 100%;
	height: 19px;
	padding: 11px 0;
	background: url(../images/opt_bot-3.png) center no-repeat;*/
}

#opt-03 .bot span {
	/*display: none;*/
}

ul.blue {
	padding-left: 45px !important;
	text-align: left;
	display: block;
}

ul.blue li {
	list-style: url(../images/bullet-blue.png);
	display: list-item;
	line-height: 30px;
}

ul.blue li span {
	color: #2188c7;
}


/*	HEADER	*/

.top_cont {
	width: 100%;
	height: 144px;
}

.top_cont .header_cont {
	width: 1026px;
	height: 95px;
}

.top_cont .header_cont .logo {}

#dlogin {
	width: 117px;
	height: 24px;
	float: right;
	background: url(../images/p_login.png) top center no-repeat;
}

#dlogin:hover {
	background: url(../images/p_login_hover.png) top center no-repeat;
}

#dlogin span {
	display: none;
}

#dlogout {
	width: 117px;
	height: 24px;
	float: right;
	background: url(../images/p_logout.png) top center no-repeat;
}

#dlogout:hover {
	background: url(../images/p_logout_hover.png) top center no-repeat;
}

#dlogout span {
	display: none;
}

#alogout {
	width: 117px;
	height: 24px;
	float: right;
	background: url(../images/a_logout.png) top center no-repeat;
}

#alogout:hover {
	background: url(../images/a_logout_hover.png) top center no-repeat;
}

#alogout span {
	display: none;
}

#cpanel {
	width: 117px;
	height: 24px;
	float: right;
	background: url(../images/c_panel.png) top center no-repeat;
}

#cpanel:hover {
	background: url(../images/c_panel_hover.png) top center no-repeat;
}

#cpanel span {
	display: none;
}


/*	MENU	*/

.menu_cont {
	width: 100%;
	height: 36px;
	padding: 0px 0px;
	background: url(../images/bg_menu.png) bottom center no-repeat;
}

.menu_cont .menubar {
	width: 1026px;
	height: 36px;
}

.menu_cont .menubar .mitem {
	float: right;
	height: 16px;
	background: url(../images/mdiv.png) left center no-repeat;
	padding: 10px 15px;
}

.menu_cont .menubar .number {}

.menu_cont .menubar ul.mainMenu {
	margin-left: 53px;
	list-style: none;
	height: 54px;
	text-align: left;
}

.menu_cont .menubar ul.mainMenu li {
	margin-right: 0px;
	display: inline-block;
	background: ;
}

.menu_cont .menubar ul.mainMenu li.last {
	margin-right: 0px;
	display: inline-block;
	background: none;
}


/*	MENU IDs	*/

#home {
	display: inline-block;
	width: 79px;
	height: 48px;
	background: url(../scripts/functions.php?f=tti&v=Home%20&s=13&c=6c6c6c&q=3&u=u) no-repeat center;
}

#home:hover {
	background: url(../scripts/functions.php?f=tti&v=Home%20&s=13&c=998350&q=3&u=u) no-repeat center;
}

#home span {
	display: none;
}

#contact {
	display: inline-block;
	width: 103px;
	height: 48px;
	background: url(../scripts/functions.php?f=tti&v=Contact%20&s=13&c=6c6c6c&q=3&u=u) no-repeat center;
}

#contact:hover {
	background: url(../scripts/functions.php?f=tti&v=Contact%20&s=13&c=998350&q=3&u=u) no-repeat center;
}

#contact span {
	display: none;
}


/*	MISC		*/

.block {
	width: 100%;
	height: 100%;
	display: block;
}

p {
	text-align: justify;
}

.space10 {
	width: 100%;
	height: 10px;
}

img {
	border: none;
}

.spacer {
	width: 100%;
	clear: both;
}

.page_head {
	width: 1137px;
	height: 40px;
	background: url(../images/hdiv_lg.png) center no-repeat;
	text-align: left;
	padding: 10px 0;
}

.imgshd {
	padding: 0 12px 12px 0;
	background: url(../images/art_shd.png) bottom right no-repeat;
}

.imgshd-sm {
	padding: 0 5px 5px 0;
	background: url(../images/art_shd-sm.png) bottom right no-repeat;
}

.imgshd30 {
	padding: 0 12px 12px 0;
	background: url(../images/art_shd30.png) bottom right no-repeat;
}


/*	FOOTER	*/

.foot_cont {
	width: 906px;
	height: 10px;
	padding: 15px 60px;
	color: #fff;
	font-size: 11px;
}

.foot_bg {
	height: 43px;
	width: 100%;
	padding: 0px 0 0;
}

.foot_bg .footer {
	width: 1280px;
	height: 43px;
}


/* A TAGS	*/

a {
	cursor: pointer;
	cursor: hand;
}

a.foot {
	color: #fff;
	text-decoration: none;
}

a.foot:hover {
	color: #bd2726;
	text-decoration: underline;
}

a.admin {
	color: #0077c0;
	text-decoration: none;
}

a.admin:hover {
	color: #000000;
	text-decoration: underline;
}

a.listname {
	color: #1d84c3;
	text-decoration: none;
}

a.listname:hover {
	/*text-decoration: underline;*/
	font-weight: bold;
}

#aprint {
	color: #fff;
	text-decoration: none;
}

#aprint:hover {
	color: #fff;
	text-decoration: none;
}

#aprint:visited {
	color: #fff;
	text-decoration: none;
}


/*
a {
	color: #bd2726;
	text-decoration: none;
}
a:hover {
	color: #676767;
	text-decoration: underline;
}
*/

#artist {
	display: inline-block;
	width: 90px;
	height: 110px;
	overflow: hidden;
}

#artist span {
	display: none;
}


/*	BASE PAGE	*/

.page {
	width: 1096px;
	min-height: 100px;
}

.page .main_cont {
	width: 1026px;
	min-height: 604px;
	float: left;
	/*background: url(../images/bg_page.png) top center no-repeat; 954*/
}

.page .main_cont .top {
	width: 1026px;
	height: 13px;
	background: url(../images/page_top.png) top center no-repeat;
}

.page .main_cont .mid {
	width: 1026px;
	min-height: 648px;
	background: url(../images/page_mid.png) top center repeat-y;
}

.page .main_cont .mid .head {
	width: 1026px;
	min-height: 123px;
}

.page .main_cont .mid .head .title {
	width: 254px;
	height: 123px;
	float: left;
	text-align: left;
	margin: 10px 0 1px 30px;
}

.page .main_cont .mid .head .desc {
	width: 622px;
	min-height: 89px;
	float: left;
	margin: 12px 70px 12px 0px;
	text-align: justify;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.page .main_cont .mid .head .desc2 {
	width: 642px;
	min-height: 69px;
	float: left;
	margin: 32px 70px 2px 0px;
	text-align: justify;
	font-size: 14px;
	background: none;
	color: #ffffff;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.page .main_cont .mid .head .desc3 {
	width: 622px;
	height: 89px;
	float: right;
	margin: 10px 70px 2px 0px;
	text-align: justify;
	font-size: 14px;
	color: #fefefe;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.page .main_cont .mid .head .pbar {
	width: 692px;
	height: 50px;
	float: left;
	margin-left: -25px;
	text-align: justify;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.page .main_cont .mid .head .pbar .psel {
	width: 101px;
	height: 25px;
	float: left;
	text-align: center;
	margin-left: -3px;
}

.page .main_cont .mid .head2 {
	width: 966px;
	height: 18px;
	padding: 13px 30px;
	text-align: left;
}

.page .main_cont .mid .head3 {
	float: left;
	width: 966px;
	min-height: 20px;
	padding: 10px 30px 15px;
	text-align: left;
	background: #fff;
}

.page .main_cont .mid .head3 .title {
	float: left;
	width: 24%;
	min-height: 20px;
	margin-right: 2%;
	text-align: left;
}

.page .main_cont .mid .head3 .desc {
	float: right;
	width: 74%;
	min-height: 16px;
	margin: 2px 0;
	text-align: left;
	text-align: justify;
	font-size: 14px;
	color: #676767;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.page .main_cont .mid .home_body {
	width: 1026px;
	min-height: 568px;
	/*margin-top: -30px;*/
	/*background: url(../images/main_room.png) center no-repeat;*/
}

.page .main_cont .mid .home_foot {
	width: 1026px;
	height: 115px;
	padding-top: 10px;
	background: #fff url(../images/home_footer-bg.png) center no-repeat;
}

.page .main_cont .mid .main_top {
	width: 1026px;
	height: 23px;
	background: url(../images/top_body.png) bottom center no-repeat;
}

.page .main_cont .mid .main_body {
	float: left;
	width: 1026px;
	min-height: 582px;
	background: #fff;
}

.page .main_cont .mid .main_body .left {
	width: 513px;
	min-height: 173px;
	float: left;
}

.page .main_cont .mid .main_body .right {
	width: 508px;
	min-height: 173px;
	float: right;
	margin-left: 5px;
	background: url(../images/vdiv.png) center left no-repeat;
}

.page .main_cont .smbox {
	float: left;
	clear: both;
	width: 376px;
	min-height: 100px;
}

.page .main_cont .smbox .smtop {
	float: left;
	width: 376px;
	height: 8px;
	background: url(../images/smbox-top.png) top center no-repeat;
}

.page .main_cont .smbox .smmid {
	float: left;
	width: 346px;
	min-height: 64px;
	padding: 10px 15px;
	background: url(../images/smbox-mid.png) center repeat-y;
}

.page .main_cont .smbox .smbot {
	float: left;
	width: 376px;
	height: 8px;
	background: url(../images/smbox-bot.png) bottom center no-repeat;
}

.page .main_cont .bot {
	width: 906px;
	min-height: 23px;
	padding: 15px 60px;
	background: url(../images/footer_bg2.png) bottom center no-repeat;
}

.page .main_cont .bot .sec {
	width: 25%;
	height: 23px;
	float: left;
	text-align: center;
}

.page .side_cont {
	width: 35px;
	min-height: 100px;
	float: left;
	margin-top: 56px;
}


/*	Modal Window	*/


/* Z-index of #mask must lower than #boxes .window */

#mask {
	position: absolute;
	z-index: 9000;
	background-color: #121212;
	display: none;
}

#boxes .window {
	position: absolute;
	min-width: 850px;
	min-height: 585px;
	display: none;
	z-index: 9999;
	padding: 20px;
}

.iolSelection {
	color: #898989;
    font-size: 13px;
    background: #e7eff6;
}
.iolSelection span {
    font-size: 10px;
}
.table.iolSelection>thead>tr>th{
	vertical-align: middle;
}
.iolSelection tr {
    cursor: pointer;
}
.iolSelection tr.backColor {
    background: #d3e5f1;
    cursor: unset;
}
.iolSelection.table-striped>tbody>tr:nth-of-type(odd) {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
/* Customize your modal window here, you can add background image too */

#boxes #dialog {
	width: 100%;
	float: left;
	height: auto;
	top: 0px !important;
	/*left: 50% !important;
    margin-left: -676px !important;*/
}

#boxes #dialog2 {
	/*width:850px;
  height:585px;
  margin-left: -300px;*/
	left: 0 !important;
	top: 0 !important;
}

#boxes #dialog3 {
	/*width:850px;
  height:585px;
  margin-left: -300px;*/
	left: 0 !important;
	top: 0 !important;
}

#boxes #dialog4 {
	/*width:850px;
  height:585px;
  margin-left: -300px;*/
	left: 0 !important;
	top: 0 !important;
}

.modal-header {
	padding: 7px 15px !important;
	border-bottom: 1px solid #4e7f98 !important;
	background: #0077c0;
	color: #fff;
}


/*	/Modal Window	*/


/*	HOME PAGE	*/

.home_cont {}

#decor-h {
	width: 163px;
	height: 169px;
	float: left;
	background: url(../images/decor.png) left center no-repeat;
}


/*
#decor-h:hover, #decor-h:focus {
	background: url(../images/decor-hover.png) left center no-repeat;
}
*/

#decor-h span {
	display: none;
}

#asian-h {
	width: 162px;
	height: 124px;
	float: left;
	background: url(../images/asian.png) left center no-repeat;
}


/*
#asian-h:hover, #asian-h:focus {
	background: url(../images/asian-hover.png) left center no-repeat;
}
*/

#asian-h span {
	display: none;
}

#prem-h {
	width: 213px;
	height: 147px;
	float: left;
	background: url(../images/prem.png) left center no-repeat;
}


/*
#prem-h:hover, #prem-h:focus {
	background: url(../images/prem-hover.png) left center no-repeat;
}
*/

#prem-h span {
	display: none;
}

#qkshp-h {
	width: 166px;
	height: 123px;
	float: left;
	background: url(../images/qkshp.png) left center no-repeat;
}


/*
#qkshp-h:hover, #qkshp-h:focus {
	background: url(../images/qkshp-hover.png) left center no-repeat;
}
*/

#qkshp-h span {
	display: none;
}

#exp-h {
	width: 159px;
	height: 172px;
	float: left;
	background: url(../images/exp.png) left center no-repeat;
}

blockquote {
	padding-left: 20px !important;
}


/*
#exp-h:hover, #exp-h:focus {
	background: url(../images/exp-hover.png) left center no-repeat;
}
*/

#exp-h span {
	display: none;
}

#selectediol {
	width: 100%;
	margin: 20px 0 0 0;
}

#sel-iol-container {
	width: 672px;
	float: left;
	margin-left: 10px;
}

#sel-iol-top {
	float: left;
	width: 100%;
	height: 18px;
	padding: 10px 0;
	background: url(/images/siol_top.png) center no-repeat;
}

#sel-iol-body {
	width: 100%;
	height: 155px;
	background: url(/images/siol_body.png) center no-repeat;
	float: left
}

.sel-iol-row {
	width: 100%;
	height: 37px;
	text-align: left;
}

.iol-first {
	margin: 17px 20px 5px 20px;
}

.iol-second {
	margin: 12px 20px 5px 20px;
}

.iol-third {
	margin: 0 20px;
}

.iol-row-left {
	width: 61%;
	display: inline-block;
}

.iol-row-right {
	width: 31%;
	display: inline-block
}

.ml-5 {
	margin-left: 5px;
}

.iol-model {
	line-height: 30px;
	vertical-align: top;
}

.optionactive-top {
	background: url(/images/opt_top-active.png) top left no-repeat !important;
}

.optionactive-bot {
	background: url(/images/opt_bot-active.png) top left no-repeat !important;
}

input.print-button {
	background: url(/images/buttons/btn_blue-03.png);
	width: 210px;
	height: 32px;
	border: none;
	cursor: pointer;
}

input.calc-button {
	background: url(/images/buttons/btn_dkgray-03.png);
	width: 210px;
	height: 32px;
	border: none;
	cursor: pointer;
}


/*	CLEAR FIX	*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* End hide from IE-mac */

.clear {
	clear: both;
}

.header {
	background: #efefef;
	float: left;
	z-index: 99;
	/*border: 1px solid #e1e1e1;*/
	line-height: 30px;
	margin-top: 20px;
}

.footer p {
	font-size: 12px;
	color: #868686;
	margin: 10px 0;
}

.footer {
	margin-bottom: 10px;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.progess_message {
    color: #4e4e4e;
    font-size: 16px;
    padding-top: 5px;
    text-align: right;
}

.progess_message .active {
	color: #006db0;
	padding: 0px 10px;
	float: left;
	width: 100%;
	background: rgba(217, 217, 217, 0.6);
	border-radius: 4px;
	margin-top: 1px;
}

.guide_page {
	padding-left: 15px;
	float: left;
	width: 100%;
}

.contact_page {
	background-color: #0077c0 !important;
}

.fll_wdth {
	width: 100%;
	float: left;
}

.calc_menu {
	float: left;
	/* width: 33%;*/
	/* height: 16px; */
	padding: 15px 15px;
	/*background: url(images/1-on.png) top center no-repeat;*/
	/*background-size: contain !important;*/
	text-align: center;
}

.full span {
	float: left;
	background: #ffffff;
	padding: 0 10px;
	margin-left: -5px;
	/* text-shadow: 0 0 1px rgb(0, 119, 192); */
}

.full legend {
	margin-top: -18px;
	padding-left: 15px;
	border-bottom: 0px;
	color: #0077c0;
	font-size: 22px;
	float: left;
	width: 100%;
}

.full {
	width: 100%;
	float: left;
	position: relative;
	background-color: #fffacc;
	border: 1px solid #dec90f;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.page-calc label {
	text-align: left;
	display: block;
	font-weight: 400;
	margin-right: 2px;
	font-size: 14px;
	color: #282828;
	margin-left: 5px;
}

.page-calc label b {
	color: #009bfb;
	margin-left: 3px;
	font-weight: 400;
	position: relative;
	top: -3px;
}

.full b {
	color: #009bfb;
	font-weight: 400;
	position: relative;
	top: -3px;
}

.full small {
	color: #868686;
	font-size: 12px;
	float: right;
}

.country_box {
	float: left;
	width: 100%;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
	height: 105px;
	margin-top: 25px;
	padding: 25px 15px;
}

.country_box .country_name {
	color: #0077c0;
	letter-spacing: 0.8px;
	/* text-shadow: 0 0 1px rgba(0, 119, 192, 0.75); */
	text-align: left;
	display: block;
	font-size: 17px;
}

.calc_field {
	border: 1px solid #000000;
	margin-top: 10px;
	float: left;
	width: 100%;
}

.calc_field .calc_title {
	margin-top: -17px;
	border: 0;
	float: left;
	width: 100%;
	padding-left: 15px;
	font-size: 22px;
	font-weight: 500;
	color: #0077c0;
	text-align: left;
}

.pt-20 {
	padding-top: 20px;
}

.pb-15 {
	padding-bottom: 15px;
}

.green_zone .calc_field .calc_title {
	color: #61ad3c;
}

.calc_field .calc_title span {
	background: #ffffff;
	padding: 0 10px;
	margin-left: -5px;
	float: left;
	/* text-shadow: 0 0 1px rgb(160, 160, 160); */
	letter-spacing: 0.1px;
	position: relative;
}

.green_zone .calc_field .calc_title span {
	/* text-shadow: 0 0 1px rgba(97, 173, 60, 0.6) !important; */
}

.calc_field .calc_title span em {
	color: #444444;
	font-style: normal;
	font-size: 18px;
	background: #ffffff;
}

.calc_field small {
	float: left;
	padding-left: 20px;
}

.radio input[type=radio] {
	margin-top: 2px;
}

.green_zone {
	border: 2px solid #61ad3c;
	padding: 7px 15px;
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 37px;
	/*margin-bottom: 10px;*/
}

.btn_calc {
	background: #0c7edf;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwYzdlZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMTY5YzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0c7edf 49%, #0169c2 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #0c7edf), color-stop(50%, #0169c2));
	background: -webkit-linear-gradient(top, #0c7edf 49%, #0169c2 50%);
	background: -o-linear-gradient(top, #0c7edf 49%, #0169c2 50%);
	background: -ms-linear-gradient(top, #0c7edf 49%, #0169c2 50%);
	background: linear-gradient(to bottom, #0c7edf 49%, #0169c2 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c7edf', endColorstr='#0169c2', GradientType=0);
	padding: 7px 45px;
	font-size: 20px;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 7px;
	margin-right: 20px;
	margin-top: 15px;
	float: right;
	border: 1px solid #0366c3;
	box-shadow: inset 0 0 10px rgba(142, 142, 142, 0.8);
	transition: .45s all ease-in-out;
	-webkit-transition: .45s all ease-in-out;
	-moz-transition: .45s all ease-in-out;
	-ms-transition: .45s all ease-in-out;
	-o-transition: .45s all ease-in-out;
}

.btn_calc:hover,
.btn_clear:hover,
.btn_plan:hover,
.btn_pdf:hover,
.btn_excel:hover,
.btn_new_calc:hover {
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
	transform: scale(1.04);
}

.btn_plan,
.btn_pdf,
.btn_excel,
.btn_new_calc {
	font-size: 12px;
	color: #ffffff !important;
	border-radius: 4px;
	transition: .45s all ease-in-out;
	-webkit-transition: .45s all ease-in-out;
	-moz-transition: .45s all ease-in-out;
	-ms-transition: .45s all ease-in-out;
	-o-transition: .45s all ease-in-out;
	padding: 7px 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.btn_plan {
	background: #2c80ba;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyYzgwYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMDViOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2c80ba 50%, #005b9a 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2c80ba), color-stop(51%, #005b9a));
	background: -webkit-linear-gradient(top, #2c80ba 50%, #005b9a 51%);
	background: -o-linear-gradient(top, #2c80ba 50%, #005b9a 51%);
	background: -ms-linear-gradient(top, #2c80ba 50%, #005b9a 51%);
	background: linear-gradient(to bottom, #2c80ba 50%, #005b9a 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c80ba', endColorstr='#005b9a', GradientType=0);
	border: 1px solid #005b9a;
}

.btn_pdf {
	background: #28aadc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMyOGFhZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMTkxYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #28aadc 49%, #0191c8 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #28aadc), color-stop(50%, #0191c8));
	background: -webkit-linear-gradient(top, #28aadc 49%, #0191c8 50%);
	background: -o-linear-gradient(top, #28aadc 49%, #0191c8 50%);
	background: -ms-linear-gradient(top, #28aadc 49%, #0191c8 50%);
	background: linear-gradient(to bottom, #28aadc 49%, #0191c8 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28aadc', endColorstr='#0191c8', GradientType=0);
	border: 1px solid #65b4d4;
}

.btn_excel {
	background: #a0daf1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhMGRhZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM3NGMyZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #a0daf1 50%, #74c2e1 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #a0daf1), color-stop(51%, #74c2e1));
	background: -webkit-linear-gradient(top, #a0daf1 50%, #74c2e1 51%);
	background: -o-linear-gradient(top, #a0daf1 50%, #74c2e1 51%);
	background: -ms-linear-gradient(top, #a0daf1 50%, #74c2e1 51%);
	background: linear-gradient(to bottom, #a0daf1 50%, #74c2e1 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0daf1', endColorstr='#74c2e1', GradientType=0);
	border: 1px solid #65b4d4;
}

.btn_new_calc {
	background: #b7b7b7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b7b7b7 50%, #989999 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b7b7b7), color-stop(51%, #989999));
	background: -webkit-linear-gradient(top, #b7b7b7 50%, #989999 51%);
	background: -o-linear-gradient(top, #b7b7b7 50%, #989999 51%);
	background: -ms-linear-gradient(top, #b7b7b7 50%, #989999 51%);
	background: linear-gradient(to bottom, #b7b7b7 50%, #989999 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#989999', GradientType=0);
	border: 1px solid #a09f9f;
}

.btn_clear,
btn_clear:focus {
	background: #b7b7b7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM5ODk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b7b7b7 50%, #989999 50%, #989999 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b7b7b7), color-stop(50%, #989999), color-stop(51%, #989999));
	background: -webkit-linear-gradient(top, #b7b7b7 50%, #989999 50%, #989999 51%);
	background: -o-linear-gradient(top, #b7b7b7 50%, #989999 50%, #989999 51%);
	background: -ms-linear-gradient(top, #b7b7b7 50%, #989999 50%, #989999 51%);
	background: linear-gradient(to bottom, #b7b7b7 50%, #989999 50%, #989999 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#989999', GradientType=0);
	padding: 7px 47px;
	font-size: 20px;
	color: #ffffff !important;
	border-radius: 7px;
	margin-right: 20px;
	margin-top: 15px;
	float: left;
	border: 1px solid #a09f9f;
	box-shadow: inset 0 0 10px rgba(154, 152, 152, 0.6);
	transition: .45s all ease-in-out;
	-webkit-transition: .45s all ease-in-out;
	-moz-transition: .45s all ease-in-out;
	-ms-transition: .45s all ease-in-out;
	-o-transition: .45s all ease-in-out;
	outline: none !important;
	text-decoration: none !important;
}

.calc_menu_bar {
	float: right;
	height: 50px;
	margin-top: -12px;
}

.calc_err_msg {
	display: none;
	padding-left: 10px !important;
	padding-top: 5px !important;
	padding-right: 10px !important;
	padding-bottom: 5px;
	position: absolute;
	right: -465px;
	top: -5px;
	width: 230px;
	z-index: 9;
	background: #ffffff;
	width: 455px;
	height: 45px;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.29);
}

.calc_err_msg:before {
	content: "";
	width: 0px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0px 2px 0px 10px;
	position: absolute;
	left: -6px;
	top: 15px;
	transform: rotate(45deg);
	box-shadow: -4px 4px 9px 0px rgba(0, 0, 0, 0.33);
}

.calc_err_msg p {
	font-size: 10px;
	color: #f00;
	/* float: right; */
	margin: 0;
}

.patient_err_msg {
	display: none;
	padding-left: 10px !important;
	padding-top: 5px !important;
	padding-right: 10px !important;
	padding-bottom: 5px;
	position: absolute;
	right: -135px;
	top: 25px;
	width: 230px;
	z-index: 9;
	background: #ffffff;
	width: 120px;
	height: 35px;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.29);
	float: none !important;
}

.patient_err_msg p {
	font-size: 11px;
	color: #f00;
	float: none;
	margin: 0;
	text-align: center;
	line-height: 2.2;
}

.page-base label {
	text-align: left !important;
	display: block;
	font-weight: 500;
}


/*base sizing */

.wd-180 {
	width: 180px !important;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.mt-15 {
	margin-top: 15px;
}

.mb-15 {
	margin-bottom: 15px;
}

.calc_title.optinal span small {
	display: none;
}

#kertometer_cylinder {
	float: left;
}

#info-popup .modal-content {
	background: #c3deee;
	border: 1px solid #8ab1c8;
}

#info-popup .modal-sm {
	width: 480px;
	margin: 150px auto;
}

#info-popup .close {
	opacity: .6;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.patient_err_msg:before {
	content: "";
	width: 0px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0px 2px 0px 10px;
	position: absolute;
	left: -6px;
	top: 11px;
	transform: rotate(45deg);
	box-shadow: -4px 4px 9px 0px rgba(0, 0, 0, 0.33);
}

.wd-300 {
	width: 300px !important;
}

.btn_plan:disabled,
.btn_pdf:disabled,
.btn_excel:disabled {
	opacity: 0.45;
}

.btn_plan:disabled:hover,
.btn_pdf:disabled:hover,
.btn_excel:disabled:hover {
	transform: none;
}

.bg_grads {
	float: left;
	width: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.modal-result {
	max-width: 80%;
	width: 80%;
}

/* 
@media (max-width:1199px) {
	.wd-md-120 {
		width: 120px !important;
	}
	#big_container .top_cont {
		margin-top: 5px;
	}
	#header_01 {
		margin-top: 15px;
		height: 44px;
	}
	#header_01 img {
		height: 30px;
	}
	.calc_field .calc_title {
		margin-top: -15px;
		font-size: 19px;
	}
	.flt-md-none {
		float: none !important;
	}
	.grayout {
		font-size: 12px;
	}
}

@media (max-width:991px) {
	.mt-sm-40 {
		margin-top: 40px;
	}
	.label_sm {
		width: 170px;
	}
	.calc_field .calc_title {
		font-size: 18px;
	}
	.mt-sm-0 {
		margin-top: 0px !important;
	}
	.mt-sm-10 {
		margin-top: 10px !important;
	}
	.mt-sm-5 {
		margin-top: 5px !important;
	}
	.mt-sm-15 {
		margin-top: 15px !important;
	}
	.mb-sm-10 {
		margin-bottom: 10px !important;
	}
	.mt-sm-20 {
		margin-top: 20px;
	}
	#big_container .page-calc {
		margin: 70px -12px 0px;
	}
	#big_container .page-calc {
		width: calc(100% + 10px);
	}
	#big_container .page-main .right h2 {
		font-size: 16px;
		padding: 15px;
	}
	#header_01 img {
		height: 24px;
	}
	.header {
		margin-top: 15px;
	}
	#big_container .page-main {
		margin-top: 0px;
	}
	#title_01 {
		font-size: 18px;
	}
	.footer {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.input_text-06 {
		margin-left: 10px;
	}
	.pl-sm-0 {
		padding-left: 0px !important;
	}
	.guide_page.main_pg {
		margin-top: 60px;
	}
}

@media (max-width:767px) {
	.label_sm {
		width: 300px;
		text-align: left !important;
	}
	.progess_message {
		text-align: center;
	}
	#header_01 {
		height: 40px;
	}
	.green_zone {
		margin-top: 20px;
	}
	.selected {
		transform: scale(1.05);
		margin-bottom: 15px;
	}
	.mt-xs-15 {
		margin-top: 15px;
	}
	.mb-xs-15 {
		margin-bottom: 15px;
	}
	.ml-xs-0 {
		margin-left: 0px !important;
	}
	.mr-xs-0 {
		margin-right: 0px !important;
	}
	.mall-0 {
		margin: 0 !important;
	}
	.country_box {
		width: 100%;
		margin-left: 0px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#big_container .page-main {
		margin-top: 60px;
	}
	.guide_page {
		padding-left: 0px;
	}
	.guide_page.terms_pg {
		margin-top: 70px;
	}
	.guide_page.main_pg {
		margin-top: 35px;
	}
	.input_text-06 {
		margin-left: 105px;
	}
	.message_box {
		padding: 0 95px 0 35px;
	}
	.calc_menu_bar {
		float: none;
		margin-top: 5px;
		text-align: center;
		display: table-header-group;
	}
	#big_container .top_cont .progress_bar {
		float: left;
		width: 100%;
	}
	#big_container .top_bar {
		float: none;
		text-align: center;
	}
	#big_container .page-calc {
		margin: 120px 0px 0px;
	}
	#big_container .page-calc {
		width: calc(100% - 2px);
	}
	.pl-xs-0 {
		padding-left: 0 !important;
	}
	.pr-xs-0 {
		padding-right: 0 !important;
	}
}

@media (max-width:545px) {
	#info-popup .modal-sm {
		margin: 30px auto;
	}
	.guide_page.main_pg {
		margin-top: 5px;
	}
	.label_sm {
		width: 230px;
		text-align: left !important;
	}
	.full legend {
		font-size: 18px;
	}
	.calc_field .calc_title {
		margin-top: -13px;
		font-size: 18px;
	}
	#big_container .page-main {
		margin-top: 85px;
	}
	.top_bar {
		width: 100% !important;
		padding: 4px 0 0 !important;
		float: none !important;
		text-align: center !important;
	}
	.progess_message {
		text-align: center;
	}
	.mt_xxs {
		margin-top: 80px;
	}
	.input_text-06 {
		margin-left: 10px;
	}
	.fll_wdth_xxs {
		float: left;
		width: 100% !important;
	}
}

@media (max-width:480px) {
	.page-calc label {
		font-size: 12px;
	}
	.calc_title.optinal span small {
		display: inline-block;
		position: absolute;
		top: 27px;
		padding-left: 5px;
	}
	.calc_title.optinal small {
		display: none;
	}
	.guide_page.main_pg {
		margin-top: -10px;
	}
	.label_sm {
		width: 200px;
		text-align: left !important;
	}
	#big_container .page-main {
		margin-top: 110px;
	}
	#big_container .page-main .right h2 {
		font-size: 16px;
		line-height: 23px;
	}
	.guide_page.contact_pg {
		margin-top: 35px;
	}
}

@media (max-width:435px) {
	.guide_page.terms_pg {
		margin-top: 10px;
	}
	#big_container .page-calc {
		margin: 140px 0px 0px;
	}
	.guide_page.terms_pg {
		margin-top: 90px;
	}
	.guide_page.contact_pg {
		margin-top: 60px;
	}
	.btn_calc,
	.btn_clear {
		float: left;
		width: 100%;
	}
	.label_sm {
		width: 130px;
		text-align: left !important;
	}
}

@media (max-width :350px) {
	.calc_menu {
		padding: 15px 10px;
	}
	.wd-md-120 {
		width: 80px !important;
	}
	.calc_title.optinal span small {
		position: static;
		float: none;
		padding: 0;
	}
} */
.bg_change_grey{
	background-image: radial-gradient(#f5f5f5, #dde0e3) !important;
}
a.btn_style {
    /* background: #e5e5e5; */
    background-image: radial-gradient(#cee2ef, #d2e4ef);
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding: 6px 10px;
    border: 2px solid #80808038;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: 0px 0px 3px;
}
a.btn_style, input.btn_style {
    background-image:linear-gradient(to bottom, #d1d1d1, #e6f6ff, #dbf2ff, #e6f6ff, #a9a9a97d), 
	linear-gradient(to right, #e9e4e4, #e6f6ff, #eff6fb, #f1faff, #f3fbff, #e6f6ff, #d5d5d5);
	background-blend-mode: multiply;
    font-size: 12px;
    color: #000 !important;
    text-decoration: none;
    padding: 5.5px 15px;
    border: 0px solid #ADADAD !important;
    border-radius: 8px;
    font-weight: 700;
    box-shadow: 0px 0px 3px;
    line-height: 16px;
    /* margin-top: 2px; */
}

.mt_4 {
    margin-top: 4px;
}
.text_title{
	text-decoration: none;
		font-size: 26px;
		font-weight: 700;
		line-height: 54px;
		margin-left: 10;
		color: #1d84c3;
	}


	.d_flex_yo {
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	.font_weight_style_yo {
		font-size: 24px !important;
		padding: 14px !important;
		/* background-image: linear-gradient(to bottom, #d1d1d1, #c4dae8, #c4dae8, #e6f6ff, #a9a9a97d), linear-gradient(to right, #e9e4e4, #b0c4cf, #eff6fb, #f1faff, #f3fbff, #e6f6ff, #d5d5d5) !important; */
	}
	.font_weight_style_yo:hover{
		text-decoration: none !important;
	}
	.bg_change_grey.font_weight_style_yo {
		background-image: radial-gradient(#f5f5f5, #d9d9d9) !important;
	}
