html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
html {
  background: url("../img/bg.jpg") no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    background: none;
}
* {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.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 */
.relative {position: relative;}

h1, h2, h3, h4 {color: #f7991c; font-family: 'Open Sans', sans-serif;}
h1 {font-size: 1.25rem; margin-bottom: 55px;}

.wrapper {margin: 0px auto;}
#contentMain {position:relative;}

.column, .columns {
    padding-left: 2rem;
    padding-right: 2rem;
}

.content-holder {margin-top: 8%; z-index: 1000;}
.content-ins {background-color:rgba(0,0,0,0.5); padding:  2.75rem;}
.text {color: #fff;}
p {color: #fff; line-height: 2; margin-bottom: 0;}
a {color:#f7991c;}
label a:hover, label a:focus {color: #000; background-color: #f7991c;}

/*EXTRAS*/
.marBot50 {margin-bottom: 50px;}

/*HEADER*/
.logo {position: absolute; top: 0; left: 0; z-index: 1000;}
.contain-to-grid {background-color: #4c4c4c;}
.top-bar {height: 3.75em; background-color: #4c4c4c; z-index: 9000;}
.top-menu {height: 3.75em; background-color: #777;}

/*CONTENT*/
.text a:focus, .block a:focus {color: #f7991c; outline: none;}
.text a:hover, .block a:hover {color: #000; background-color: #f7991c;}
.text h2 {font-size: 1rem;}
.whitelink a {color: #fff;}
.whitelink a:focus {color: #f7991c; outline: none;}
.whitelink a:hover {color: #000; background-color: #f7991c;}
.block {margin-bottom: 40px; color: #fff;}
.subTitle h2 {font-size: 1.125rem;}
.subDate {font-size: 0.875rem; font-style: italic; margin-bottom: 10px;}
.subImage {margin-top: 10px;}
.subImageTitle {font-size: 0.875rem; font-style: italic;}

/*FORM*/
label {color: #fff;}
textarea[rows] {height: 150px;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], 
input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], 
input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], 
textarea {border: none;}
input[type="submit"] {padding: 5px 10px;}
input[type="submit"]:hover {background-color: #f7991c;}
ul.errors {list-style-type: none; color: #f7991c; font-size: 0.85rem; margin-top: -12px; margin-left: 0;}
dt#privacy-label {float: right; width: 95%;}

#subject-label, #subject-element {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

/*FOOTER*/
#footer {height: 50px; line-height: 50px; font-size: 0.75rem; color:#000;}
#footer a, #footer a:focus {color: #000; outline: none;}
#footer a:hover {color: #fff;}

/*Navigation*/
.slicknav_menu {display:none;}
@media screen and (max-width: 768px) {
	#menu {display:none;}
	.slicknav_menu {display:block;}
        .top-bar {overflow: visible;}
        dt#privacy-label {width: 90%;}
}

.nav {
    /*width: 60em;  1000 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: absolute;
    right: 0;
    width: 100%;
}
.nav > a {display: none;}
.nav li {position: relative; padding: 0 1.63rem;}
@media screen and (max-width: 870px) {
    .top-bar ul {margin-right: 15px;}
    .nav li {padding: 0 1.16rem;}
}

.nav li a {color: #fff; display: block;}
.nav li a:active {color:#f7991c;}
.nav li .active {color:#f7991c;}
.nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}
/* first level */
.nav > ul {height: 3.75em; /* 60 */}
.nav > ul > li {height: 100%; float: left; text-align: left;}
.nav > ul > li > a {height: 100%; font-size: 0.875rem; /* 24 */ line-height: 4em;; /* 60 (24) */}
/*.nav > ul > li:not( :last-child ) > a {border-right: 1px solid #cc470d;}*/
.nav > ul > li:hover > a, .nav > ul:not( :hover ) > li.active > a {color:#f7991c;}
/* second level */
.nav li ul {background-color: #4c4c4c; display: none; width: 100%; position: absolute; top: 100%; z-index: 1000;}
.nav li ul li {border-top: 1px solid #888; padding: 0;}
.nav li:hover ul {display: block; left: 0; right: 0;}
.nav li:not( :first-child ):hover ul {left: -1px;}
.nav li ul a {font-size: 0.875rem; /* 20 */ padding: 0.75rem; /* 15 (20) */}
.nav li ul li a:hover, .nav li ul:not( :hover ) li.active a {color: #f7991c;}

/*GALLERY*/
.gallery ul {margin: 0;}
.gallery ul li {float: left; width: 20%; margin-right: 5%; margin-bottom: 5%; list-style: none;}

/*PAGING*/
.paging {text-align:center; margin: 40px auto 0; font-size:12px; height:50px; color: #fff;}
.paging ul.pages {clear:both; text-transform: uppercase; display:inline-block;}
.paging ul.pages li {list-style: none; display: inline; float: left; }
.paging ul.pages li a, .paging ul.pages li.disabled {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #aaa;
}
.paging ul.pages li a:hover {
        color: #000;
	background-color: #ff8c05;
	text-decoration: none;
}
.paging ul.pages li.current {
	/*background-color: #eee;
	color: #000;*/
	color: #fff;
        display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #aaa;
}

/*BACK TO TOP*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}