body { margin: 0px; padding: 0px; }
body, html { min-height: 100%; height: 100%; }
html { }
.no-padding { padding: 0px!important; }
.no-x-padding { padding-left: 0px!important; padding-right: 0px!important; }
.no-right-padding { padding-right: 0px!important; }
#top-bar { line-height: 48px; }
#top-bar>div { border-bottom: 1px solid #CCC; }

header { color: #FFF!important; position: relative; }
header h1 { color: #FFF!important; }
#nav-top { position: absolute; top: 5px; right: 0px; }

#top { position: fixed; top: 0px; left: 0px; transition: all .3s; width: 100%; z-index: 1000; }
#top * { transition: all .3s; }
#top.sticked { box-shadow: 0 1px 100px rgba(0, 0, 0, 0.2); background-color: #FFFFFF; z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; }
#top.sticked #menu-wrapper { padding: 0px!important; line-height: 40px!important; }
#top.sticked #menu { margin: 15px 0px; }
#top.sticked #nav-top { transform: translateY(-150%); }
#login-wrapper a { background-color: #5acfde; border: 1px solid #FFF; white-space: nowrap; padding: 3px 5px; }
#login-wrapper a:hover { background-color: #1d9add; text-decoration: none; }
#language-wrapper { text-transform: capitalize; }

#nav-wrapper { float: right; color: #FFF; }
#nav-wrapper a { color: #FFF!important; }

#desktop-slider { margin-bottom: 15px; }
.content-mid { padding: 30px 0px; }
#gallery-list { background-color: #EEE; }
.gallery-item { float: left; padding: 15px; }
.gallery-item a { display: block; position: relative; transition: all 0.3s ease-out; }
.gallery-item a .cover { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; transition: all 0.3s ease-out; background-color: rgba(0, 0, 0, .3); }
.gallery-item a .cover h4 { position: absolute; bottom: 10px; left: 0px; width: 100%; text-align: center; transition: all 0.3s ease-out; font-size: 14px; color: #FFF; text-shadow: 0px 0px 2px rgba(0,0,0,0.7); letter-spacing: -1px; }
.gallery-item a:hover { transform: scale(1.05); }
.gallery-item a:hover .cover { background-color: rgba(255, 255, 255, .4) }
.gallery-item a:hover .cover h4 { bottom: calc(50% - 8px); color: #000; text-align: center; }

.content-mid { padding: 30px 0px; line-height: 1.8!important; }
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-color: #172c49; }
.se-pre-con .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

#footer { padding: 50px 0px; background-color: #000; color: #FFF; line-height: 2!important; }
#footer a { color: #FFF!important; text-decoration: underline; }
#footer ul { margin: 0px; padding: 0px; }
#footer li { margin: 0px; padding: 0px; list-style: none; }
#footer h3 { margin: 0px 0px 30px 0px; color: #FFF!important; }

#footer-bottom { background-color: #000; color: #FFF; padding: 15px 0px; }
table td { padding: 5px; vertical-align: top; }
@media only screen and (max-width: 991px) {
	#header { margin-top: 64px; }
	.page-width { width: 100%; padding: 0px 15px; }
	#menu-opener-div { padding: 0px 10px 0px 0px; }
	#menu-opener-div #mobile-menu-opener { color: #00355a!important; }
	#top:not(.sticked) { height: 64px; }
	#top.sticked #menu-opener-div { padding: 10px 10px 0px 0px; }
	#top.sticked #menu-opener-div #mobile-menu-opener { color: #00355a!important; }
	#top.sticked #logo-wrapper { padding: 6px 0px 4px 0px!important; }
	#menu-opener-div a { font-size: 24px!important; }
	#menu-wrapper { width: 100%; }
	#logo-wrapper { float: left; padding: 12px 0px 4px 0px; width: 160px; }
	#logo-wrapper img {  }
	#menu { clear: both; background-color: #FFFFFF; }
	#nav-bottom { padding-top: 16px; }
	.sticked #nav-bottom { padding-top: 0px; }
}

@media only screen and (min-width: 992px) {
	#header { margin-top: 100px; }
	#logo-wrapper { float: left; padding: 24px 0px; width: 200px; }
	#menu-wrapper { margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; float: right; }
	#top:not(.sticked) { height: 100px; }
	#top.sticked #logo-wrapper { padding: 14px 0px 0px 0px!important; }
	#top.sticked #menu-opener-div { padding: 16px 10px 0px 0px; }
	#top.sticked #menu-wrapper { margin: 0px!important; }
	#menu { display: block!important; float: right; }
	.cssmenu > ul > li:last-of-type { margin-left: 10px; }
}

@media only screen and (max-width: 420px) {
	.gallery-item { width: 100%; }
}

@media only screen and (max-width: 767px) {
	#nav-top>div { float: none; }
	#logo-wrapper img { height: 80px; width: auto; padding: 20px 0px; }
	#language-wrapper { text-align: right; }
	h1 { font-size: 22px!important; }
	h2 { font-size: 18px!important; }
	h3 { font-size: 15px!important; }
	h4 { font-size: 14px!important; }
	h5 { font-size: 13px!important; }
}

@media only screen and (min-width: 768px) {
	#nav-top>div { float: right; padding-left: 20px; }
}

@media only screen and (min-width: 421px) and (max-width: 767px) {
	.gallery-item { width: 50%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.gallery-item { width: 33%; }
	h1 { font-size: 24px!important; }
	h2 { font-size: 20px!important; }
	h3 { font-size: 16px!important; }
	h4 { font-size: 14px!important; }
	h5 { font-size: 13px!important; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.gallery-item { width: 33%; }
	.page-width { width: 960px; }
	h1 { font-size: 26px!important; }
	h2 { font-size: 22px!important; }
	h3 { font-size: 18px!important; }
	h4 { font-size: 16px!important; }
	h5 { font-size: 14px!important; }
}

@media only screen and (min-width: 1200px) {
	.gallery-item { width: 25%; }
	.page-width { width: 1170px; padding: 0px 15px; }
}

.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }