@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
/* General Demo Style */
body{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #e0e3ec url(../images/bg.jpg) fixed top;
	font-weight: 400;
	font-size: 15px;
	color: #393b40;
	overflow-y: scroll;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	width: 100%;
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 43px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #1a2633;
}
.container > header h2{
	font-size: 26px;
	font-style: italic;
	color: #fff;
}

.container > header h2 span{
	color: #1a2633;
}
/* Header Style */

.logo {margin-bottom:10px; position: fixed; left: 20px;}

.publicHeading {position:fixed; width:650px; height:auto; text-align:left; left: calc(50%); top:calc(30%); color:rgba(255, 255, 255, 0.2); line-height: 60px; text-transform:uppercase; font-size:60px; text-shadow:none; transform: rotate(90deg);transform-origin: left top 0;}
.privateHeading {position:fixed; width:650px; height:auto; text-align:right; right:calc(50%); top:calc(30%); color:rgba(26, 38, 51, 0.3); line-height: 60px; text-transform:uppercase; font-size:60px; text-shadow: none; transform: rotate(-90deg);transform-origin: right top 0;}
.scaleText {position:fixed; width:650px; height:auto; text-align:right; right:90px; top:calc(35%); color:rgba(26, 38, 51, 0.3); line-height: 60px; text-transform:uppercase; font-size:30px; text-shadow: none; transform: rotate(-90deg);transform-origin: right top 0;}

.chooseText {
font-size: 40px;
margin-top:25px;
}

nav {position:fixed; 
    width:auto; 
    left:20px;
    left:calc(15%);
    top:200px; 
    z-index:0;
    
}
nav h3 {font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    text-align:left;
    font-size:20px;
    color:#fff; 
    padding:10px 3px;
}


.fancybox-skin {background: #e0e3ec url(../images/bg.jpg) no-repeat top right !important;}
.popUp {display:block; height:100%; background: #e0e3ec url(../images/bg.jpg) no-repeat top right;}
.popUp img {float:left; margin-right:20px; width:190px; height:100%; max-height: 280px; object-fit: cover;}
.popUp h4 {font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size:36px;
    line-height: 36px;
    color:darkred;
    position:relative;
    left:-15px;
}
.popUp .legend{float:right;}
.popUp .legend span {background: #e0e3ec url(../images/bg.jpg) no-repeat bottom left !important; height:10px; width:10px; margin:5px 5px 0 0;}
.popUp table {border-collapse: separate; border-spacing: 0 5px;}
.popUp td {padding:10px ; vertical-align: middle;}
.popUp span {display: table-cell; font-weight: bold; display:inline-block; height:100%; width: 100px;}
.popUp a {font-family: 'Calibri', 'Arial Narrow', Arial, sans-serif;
    font-size:20px;
    color:grey;
    width:100%;
}
.popUp a:hover {font-family: 'Calibri', 'Arial Narrow', Arial, sans-serif;
    color:darkred;
    text-decoration: underline;
}

tr.public {color:white; background: #e0e3ec url(../images/bg.jpg) no-repeat bottom left; border-radius: 3px 3px 3px 3px;}

/* Footer */

.footer {
    margin: 5px 0 0 !important;
    padding: 0 20px !important;
    position: fixed;
    bottom: 0;
    z-index: 12500;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: Droid_sans,Arial,Helvetica,sans-serif;
    width:35%;
    box-sizing: border-box;
}

.footer_content {
    overflow: hidden
}

.footer .social_bookmarks {
    bottom: 7px;
    position: relative;
    margin-left: 5px
}

.footer .font_awesome {
    bottom: 9px;
    position: relative
}

.footer .right_content {
    min-height: 20px
}

.footer .left_content {
    min-height: 20px;
    display: inline-block
}

.footer_close {
    color: #fff;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .75);
}

.footer_close:hover {
    background-color: rgb(240, 60, 60);
    background-color: rgba(240, 60, 60, 1);
}

.footer_close {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    margin-left: 20px;
    top: -50px;
    cursor: pointer;
    background-image: url(../images/sprite.png);
    background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x);
    background-position: 0 100%;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg)
}

.footer_close:hover {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg)
}

.footer_close.footOpen {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg)
}

.footer_close.footOpen:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.footer-block {
    color:#000;
    background-color:#a1a1a1;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 1);
    zoom: 1;
    padding:10px;
    width:auto;
    height:auto;
    margin-bottom: 20px;
    box-shadow: 0px 0px 0px 1px #aaa, 1px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.footer-block ul {list-style-type: disc !important;
padding-left:20px;}

.footer-block ul li {margin-bottom:15px;}

.footer h2 {
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size: 35px;
  line-height: 30px;
  position: relative;
  font-weight: 400;
  color:#fff;
  padding: 0px 0px 5px 0px;
}

.footer h3 {
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size: 25px;
  line-height: 20px;
  position: relative;
  font-weight: 400;
  color:#000;
  padding: 0px 0px 5px 0px;
}

.footer a, .footer a:visited { color: #ef3d42; }
.footer a:hover{ color:#777; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 40px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}


/* Range Slider */

#slider {
	width: 400px;
	height: 17px;
	position: fixed;
	top: calc(100%/2 + 30px);
	margin: 0;
	/*background: #10171D;
	
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);*/
	
	transform: rotate(270deg);
	right: -165px;
	z-index:5000;
}

#slider .bar {
	width: 388px;
	height: 5px;
	background: #333;
	position: relative;
	top: -4px;
	left: 4px;	
	
	background: #1d2e38;
	background: -moz-linear-gradient(left, #1d2e38 0%, #2b4254 50%, #2b4254 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e38), color-stop(50%,#2b4254), color-stop(100%,#2b4254));
	background: -webkit-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -o-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -ms-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e38', endColorstr='#2b4254',GradientType=1 );	
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

#slider .highlight {
	height: 2px;
	position: absolute;
	width: 388px;
	top: 6px;
	left: 6px;
		
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	background: rgba(255, 255, 255, 0.25);
}

input[type="range"] {
	-webkit-appearance: none;
	background-color: black;
	height: 2px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 11px;
	height: 40px;
	cursor: pointer;
	-webkit-box-shadow: -3px 1px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: -3px 1px 3px 0px rgba(0,0,0,0.3);
	box-shadow: -3px 1px 3px 0px rgba(0,0,0,0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
	background: #bf2d1a;
	background: -moz-linear-gradient(top, #bf2d1a 0%, #791400 150%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf2d1a), color-stop(150%,#791400));
	background: -webkit-linear-gradient(top, #bf2d1a 0%,#791400 150%);
	background: -o-linear-gradient(top, #bf2d1a 0%,#791400 150%);
	background: -ms-linear-gradient(top, #bf2d1a 0%,#791400 150%);
	background: linear-gradient(top, #bf2d1a 0%,#791400 150%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2d1a', endColorstr='#791400',GradientType=0 );
	border: solid #791400 1px;
}

input[type="range"]:hover ~ #rangevalue,input[type="range"]:active ~ #rangevalue {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -75px;
}

/* Tool Tip */
#rangevalue {
	color: white;
	font-size: 10px;
	text-align: center;
	font-family:  Arial, sans-serif;
	display: block;
	color: #fff;
	margin: 20px 0;
	position: relative;
	left: 44.5%;
	padding: 6px 12px;
	border: 1px solid black;

	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222931), color-stop(100%,#181D21));

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 18px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: -95px;
	
	transform: rotate(-270deg);
}

/* Media Queries */
@media screen and (min-width: 1055px) {
    nav {position:fixed; 
    width:auto; 
    left:20px;
    left:calc(15%);
    top:180px; 
    z-index:0;    
    }
    .fixed {top:180px !important;}
}
@media screen and (max-width: 1054px) {
    .logo {margin-bottom:10px; position: relative; left: auto;}
    nav {width:100%; top:150px; left:0 !important; position:fixed !important; z-index:0; }
    .ff-items {padding-top:92px !important;}
    .fixed {position:fixed !important;}
    .ff-container label {
        width:10% !important;
        font-size:20px!important;
    }
    .footer {width:100%;}
}


@media screen and (max-width: 710px) {
    header {
        color:white; background: #e0e3ec url(../images/bg.jpg) no-repeat top left;
        width:100%;
        margin:0 !important;
        border-bottom:solid white 5px;
        box-shadow: 0px 5px 30px #000;
        padding: 20px 0 10px 0 !important;
    }
    .container > header h1{
		font-size: 33px;
	}
	.container > header h2{
		font-size: 16px;
	}

    header h1, header h1 span, header h2, header h2 span {color:white !important;}
    .ff-container {
        width:80% !important;
    }
    .publicHeading {left: calc(50%); top:calc(35%);}
    .privateHeading {right:calc(50%); top:calc(35%);}
    .chooseText {font-size:26px;}
    .ff-items li{
    -webkit-transform: translateX(110px) !important;
	-moz-transform: translateX(110px) !important;
	-o-transform: translateX(110px) !important;
	-ms-transform: translateX(110px) !important;
	transform: translateX(110px) !important;
    }
    nav {width:100%; top:150px; left:0 !important; position:fixed !important; z-index:0; }
    .ff-container input.ff-selector-2007:checked ~ .ff-items li:not(.ff-item-2007),
    .ff-container input.ff-selector-2008:checked ~ .ff-items li:not(.ff-item-2008),
    .ff-container input.ff-selector-2009:checked ~ .ff-items li:not(.ff-item-2009),
    .ff-container input.ff-selector-2010:checked ~ .ff-items li:not(.ff-item-2010),
    .ff-container input.ff-selector-2011:checked ~ .ff-items li:not(.ff-item-2011),
    .ff-container input.ff-selector-2012:checked ~ .ff-items li:not(.ff-item-2012),
    .ff-container input.ff-selector-2013:checked ~ .ff-items li:not(.ff-item-2013),
    .ff-container input.ff-selector-2014:checked ~ .ff-items li:not(.ff-item-2014),
    .ff-container input.ff-selector-2015:checked ~ .ff-items li:not(.ff-item-2015),
    .ff-container input.ff-selector-2016:checked ~ .ff-items li:not(.ff-item-2016){
        -webkit-transform: translateX(-110px) !important;
        -moz-transform: translateX(-110px) !important;
        -o-transform: translateX(-110px) !important;
        -ms-transform: translateX(-110px) !important;
        transform: translateX(-110px) !important;
    }
}

@media screen and (max-width: 526px) {
    .chooseText {display:hidden;}
}