/*
 * Project Styles
 * 
 */

/* ==========================================================================
   Base styles and resets
   ========================================================================== */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust: none;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
text-size-adjust: 100%; -moz-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
li { list-style:none; margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: inherit; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix{}
.clearfix:before, 
.clearfix:after{display: table;content: "";line-height: 0;}
.clearfix:after{clear: both;}

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}

.row{ margin-left: -10px; margin-right: -10px; }
.row:before, .row:after {display: table;content: "";line-height: 0;}
.row:after {clear: both;}
.row > div{ padding: 0 10px; }


@font-face {
  font-family: 'FedraSansStd-Medium';
  src: url('../fonts/FedraSansStd-Medium.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/FedraSansStd-Medium.otf')  format('opentype'),
       url('../fonts/FedraSansStd-Medium.woff') format('woff'), 
       url('../fonts/FedraSansStd-Medium.ttf')  format('truetype'), 
       url('../fonts/FedraSansStd-Medium.svg#FedraSansStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FedraSansStd-Normal';
  src: url('../fonts/FedraSansStd-Normal.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/FedraSansStd-Normal.otf')  format('opentype'),
       url('../fonts/FedraSansStd-Normal.woff') format('woff'), 
       url('../fonts/FedraSansStd-Normal.ttf')  format('truetype'), 
       url('../fonts/FedraSansStd-Normal.svg#FedraSansStd-Normal') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ==========================================================================
   General styles
   ========================================================================== */
html { background:#fff; }
body { font-size: 16px; color: #000; font-family: 'FedraSansStd-Normal';}

.inner{ width: 1040px; margin: 0 auto; position: relative; padding: 0 15px; }
.inner:before, .inner:after { content: ""; display: table; }
.inner:after { clear: both; }
.inner { *zoom: 1; }

a { text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none!important; color: #fff; }
a:hover{ color: #fff; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#000;opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#000;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#000;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#000;opacity:1;}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img{ max-width: 100%; height: auto; }

.table{ display: table; width: 100%; height: 100%; }
.table-cell{ display: table-cell; vertical-align: middle; }



/* ==========================================================================
    Preloader
   ========================================================================== */ 
   
  .loading {display:block;color:333;top:0;bottom:0;width:100%;height:100%;text-align:center;position:fixed;z-index:6000;
      background: #a02021;
   }
   .logo-preload {display:block; width:585px; height:40px; margin:0 auto 10px auto;}
   .loading .bar {display:block; background-color:#999;width:20%;color:#333;font-size:20px;height:5px;text-align:center; margin:0 auto 30px auto;}
   .loading .percent { /* Preload percentage bar */background-color:#fff;width:2%;  height:5px;}
   .loading span {   width:100%;color:#fff;font-size:15px;text-align:center;z-index:6000;}


/* ==========================================================================
   Sections styles
   ========================================================================== */
#fullpage{height: 100vh; padding: 62px; -webkit-transform-style: preserve-3d !important;-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;}   
.fp-nav{}
#fp-nav{ display: none; }
#fp-nav ul li{ width: 28px; }
#fp-nav ul li a span{ height: 1px; width: 13px; margin: 0; position: relative;  background: #d5d5d5; display: block; }
#fp-nav ul li a.active span, 
#fp-nav ul li:hover a.active span{ height: 1px; width: 13px; margin: 0; }
#fp-nav ul li:hover a span{ height: 1px; width: 13px; margin: 0; }
#fp-nav ul li a span:after{ content: ""; display: block; width: 0; height: 1px; position: absolute; top: 0; left: 0; background: #A22021; -webkit-transition: width 800ms cubic-bezier(.77,0,.175,1); -moz-transition: width 800ms cubic-bezier(.77,0,.175,1); -o-transition: width 800ms cubic-bezier(.77,0,.175,1); -ms-transition: width 800ms cubic-bezier(.77,0,.175,1); transition: width 800ms cubic-bezier(.77,0,.175,1); }
#fp-nav ul li a.active span:after{ width: 100%; }

#fp-nav ul li a.onleave span:after{ left: auto; right: 0; }

header, footer{ position: fixed; height: 62px; display: block; width: 100%; background: #fff; z-index: 9; text-align: center; padding: 0; overflow: hidden; }
header{ top: 0px; }
footer{ bottom: 0px; left: 0;}

header { position: absolute; height: 62px; width: 100%; left: 0; top: 0; padding: 22px 62px; text-align: center; }
header .left_text{ float: left; font-size: 12px; }
header .right_text{ float: right; font-size: 12px; }
header .left_text ul{}
header .left_text ul li{ display: inline-block; }
header .left_text ul li + li:before{ content: "|"; display: inline-block; color: #000000; font-size: 13px; margin: 0 14px 0 12px; }
header .left_text ul li a{ display: inline-block; color: #000000; font-size: 13px; font-family: 'FedraSansStd-Medium'; letter-spacing: 1px;}
header .left_text ul li a:hover ,header .left_text ul li.on a{color: #A11E1C;}
header .logo{ /* display: inline-block; margin-top: -5px; margin-left: -282px;  */}
.header-logo{
	position: absolute;
	width: 25px;
	height: 30px;
	left: 0px;
	right: 0px;
	margin: auto;
	
}
header.alt_header .top_row{ -webkit-transform: translate3d(0px, -62px, 0px); transform: translate3d(0px, -62px, 0px); }
header.alt_header .bottom_row{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

footer .register_btn{ font-family: 'FedraSansStd-Medium'; display: inline-block; font-size: 14px; color: #ffffff; background: #A11E1C; height: 31px; width: 235px; margin: 15px 0; position: relative; overflow: hidden; }
footer .register_btn .top{ position: absolute; top: 0; left: 0; width: 100%; height: 31px; padding: 5px 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); line-height: 1.5; }
footer .register_btn .bottom{ position: absolute; top: 0; left: 0; width: 100%; height: 31px; padding: 5px 0; -webkit-transform: translate3d(0px, 31px, 0px); transform: translate3d(0px, 31px, 0px); -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); color: #000;background: #a3a2a2; background: -moz-linear-gradient(left,  #a3a2a2 0%, #dbdbdb 50%, #a3a2a2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a3a2a2), color-stop(50%,#dbdbdb), color-stop(100%,#a3a2a2)); background: -webkit-linear-gradient(left,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); background: -o-linear-gradient(left,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); background: -ms-linear-gradient(left,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); background: linear-gradient(to right,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a2a2', endColorstr='#a3a2a2',GradientType=1 ); line-height: 1.5; }
footer .register_btn:hover .top{ -webkit-transform: translate3d(0px, -31px, 0px); transform: translate3d(0px, -31px, 0px); }
footer .register_btn:hover .bottom{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }


footer .back_top{ display: inline-block; font-size: 14px; color: #000; border: 1px solid #000; height: 31px; width: 180px; margin: 15px 0; position: relative; overflow: hidden; }
footer .back_top .top{ position: absolute; top: 0; left: 0; width: 100%; height: 31px; padding: 5px 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); }
footer .back_top .bottom{ position: absolute; top: 0; left: 0; width: 100%; height: 31px; padding: 5px 0; -webkit-transform: translate3d(0px, 31px, 0px); transform: translate3d(0px, 31px, 0px); -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); background: #000; color: #fff; }
footer .back_top:hover .top{ -webkit-transform: translate3d(0px, -31px, 0px); transform: translate3d(0px, -31px, 0px); }
footer .back_top:hover .bottom{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }


footer .top_row{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); padding: 0 62px; }
footer .bottom_row{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; -webkit-transform: translate3d(0px, 62px, 0px); transform: translate3d(0px, 62px, 0px); -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); padding: 0 62px; text-align: center; }

.footer_logos{ position: absolute; left: 62px; top: 15px;/*  opacity: 0;  */}
.address{ position: absolute; left: 62px; top: 15px; font-size: 13px; line-height: 31px; }
.footer_logos.visible{ opacity: 1; z-index: 999}
.address.hidden{ opacity: 0; }
.footer_logos.collier {
    left: 158px;
    top: 15px;
}
.footer_links{ text-align: right; position: absolute; right: 62px; top: 10px; }
.footer_links a{ font-size: 12px; color: #d5d5d5; display: block; font-family: 'FedraSansStd-Normal'; }

footer.alt_footer .top_row{ -webkit-transform: translate3d(0px, -62px, 0px); transform: translate3d(0px, -62px, 0px); }
footer.alt_footer .bottom_row{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.agent .footer_logos{opacity: 1;}
.section{ background-size: cover; text-align:center; overflow: hidden; width: 100%;height: 100% !important; position: relative;}   

.carousel{
	position: absolute;
	width: 100%;
	height: 100%;
/* 	//top:62px; */
}

/* ==========================================================================
   Section 0
   ========================================================================== */
#section0{ background-image: url(../images/bg1.jpg); padding: 0; background-size: cover; }

.logo_holder{ position: relative; margin-top: 80px; margin-bottom: 40px; }
.logo_holder:before{ content: ""; display: block; border-left: 1px solid #fff; width: 1px; position: absolute; bottom: 95%; left: 50%; height: 1000px; }
.logo_holder:after{ content: ""; display: block; border-left: 1px solid #fff; width: 1px; position: absolute; top: 95%; left: 50%; height: 1000px; }


#section0 .btns{ overflow: hidden; }
#section0 .btns .row{ overflow: hidden; margin: 0px 0px 15px 0px;}
/* #section0 .btns a{ font-family: 'FedraSansStd-Medium'; display: inline-block; font-size: 13px; color: #fff; border: 2px solid #ffffff; width: 168px; padding: 5px 0; margin: 0 15px; position: relative;} */

#section0 .btns a{ font-family: 'FedraSansStd-Medium'; display: inline-block; font-size: 12px; color: #fff; border: 2px solid #ffffff; width: 172px; padding: 5px 0; margin: 0 15px; position: relative;}

#section0 .btns a:after{width: 100%;content: "GALLERY";position: absolute;    bottom: -34px;color: #A11E1C;
    border: 2px solid #FFF;left: -2px;padding: 5px 0;background: #fff  }
#section0 .btns a:hover { -webkit-transform: translate3d(0px, -32px, 0px); transform: translate3d(0px, -32px, 0px); }
#section0 .btns a.popup-vimeo:after{
	content: "PLAY FILM";
}
#section0 .btns a.location:after{content: "LOCATION";}

#section0 .btns a.construction:after{content: "CONSTRUCTION UPDATE";}


#section0 .btn_play{ display: inline-block; color: #fff; font-size: 14px; padding: 12px 10px; position: relative; }
#section0 .btn_play:before{ content: ""; display: block; border-left: 1px solid #fff; width: 1px; height: 80px; bottom: 100%; left: 50%; position: absolute; }
#section0 .btn_play:after{ content: ""; display: block; border-left: 1px solid #fff; width: 1px; height: 300px; top: 100%; left: 50%; position: absolute; }

/* ==========================================================================
   Section 1
   ========================================================================== */
#section1{ background: #ffffff; padding: 0; }
.cycle-slideshow{height: 100%;}
.cycle-slideshow img{    max-height: 100%; position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%); opacity: 0;}
.cycle-slideshow .cycle_slider{width: 100%;
	height: 100%;
}
.cycle_slider.reset img{
	height: auto;
	width: 100%;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}
.test{
	position: fixed;
	width: 200px;
	height: 100px;
	padding: 20px;
	background: blue;z-index: 999;
	top:200px;
	right: 200px;
	color: #fff;
}
/*
.cycle-carousel-wrap{height: 100%;overflow: hidden;}
.cycle-carousel-wrap img{height: 100%;}

.fullscreen_view img, .item img{
	height: 100%;
	width: auto !important;
	margin-right: 20px;
}
*/
.view_nav{ position: absolute; top: 62px; left: 50%; margin-left: -43px; width: 86px; background: #fff; padding: 9px 0; z-index: 1999; }
.view_nav a{ display: inline-block; width: 18px; height: 18px; text-indent: -9999px; line-height: 1; margin: 0 7px; }
.view_nav .icon_fullscreen{ background: url(../images/icon_full.png) center no-repeat; }
.view_nav .icon_fullscreen.active{ background: url(../images/icon_full_active.png) center no-repeat; }
.view_nav .icon_grid{ background: url(../images/icon_grid.png) center no-repeat; }
.view_nav .icon_grid.active{ background: url(../images/icon_grid_active.png) center no-repeat; }

.owl-carousel .owl-item img{ height: 100%; width: auto; display: block; max-width: 100%;}
.owl-carousel, 
.owl-stage-outer, 
.owl-stage-outer *{ height: 100%; }
.owl-carousel .item{ border-left: 5px solid #fff; border-right: 5px solid #fff; height: 100%; }


.owl-dots{ display: none; }
.center{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
}
.owl-nav .owl-prev , #prev{ display: block; width: 50px; height: 50px; background: url(../images/arrow_left.png) center no-repeat; position: absolute; top: 0; left: 5px;bottom: 0; margin: auto; z-index: 999; text-indent: -9999px; }
.owl-nav .owl-next , #next{ display: block; width: 50px; height: 50px; background: url(../images/arrow_right.png) center no-repeat; position: absolute; top: 0; right: 5px;bottom: 0; margin: auto; z-index: 999; text-indent: -9999px; }

.owl-nav .owl-prev:hover , .owl-nav .owl-next:hover{
	opacity: 0.7;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}

.fullscreen_view{ opacity: 0; z-index: -999; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; }
.grid_view{ opacity: 0; z-index: -999; background: #262626; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 160px; overflow: hidden; }
.fullscreen_view.active{ opacity: 1; z-index: 999; }
.grid_view.active{ opacity: 1; z-index: 999; }

.grid_view .row{ padding: 0 25px;margin: auto;max-width: 1300px;
    display: block; }
.grid_view .row > div{ padding: 0 10px; text-align: center; }
.grid_view .col3{ width: 20%; }
.grid_view .col3 img{width: 100%;
	height: auto;
}
.grid_view .col3:hover{
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.image-box{ padding-top: 100%; margin-bottom: 20px; display: block; cursor: pointer;}

/* ==========================================================================
   Section 2
   ========================================================================== */

#section2{}
#map{ width: 100%; height: 100%; }

#map-controls{ position: absolute; top: 62px; width: 100%; padding: 20px; background: #d0312d; z-index: 99;-webkit-box-shadow: -4px 7px 31px -13px rgba(0,0,0,0.75);
-moz-box-shadow: -4px 7px 31px -13px rgba(0,0,0,0.75);
box-shadow: -4px 7px 31px -13px rgba(0,0,0,0.75);}
#map-controls li{ display: inline-block; width: 20%; margin: 0 2%; }
#map-controls a{ display: block; font-size: 14px; background: #7d1d1b; padding: 10px; color: #fff; }
#map-controls li.on a{ color: #000; background: #fff; }
#map-controls a:hover{opacity: 0.7;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;

}

.mfp-close-btn-in .mfp-close{ background: url(../images/icon-close.png) center center no-repeat; position: fixed;     top: 80px; right: 20px; font-size: 0px; opacity: 1; }
.mfp-iframe-holder .mfp-close{ background: url(../images/icon-close.png) right center no-repeat; position: fixed; top: 20px; right: 20px; font-size: 0px; opacity: 1; }

.register-popup{ position: relative; width: auto; max-width: 380px; margin: 20px auto; text-align: center; }
.register-popup h2{ font-size: 22px; font-weight: bold; color: #ffffff; line-height: 1.3; margin-bottom: 40px; font-family: 'FedraSansStd-Normal'; }
.register-popup img{    margin-bottom: 40px;    width: 130px;}
.register-popup .input{ display: block; width: 100%; text-align: center; font-size: 12px; height: 40px; margin-bottom: 20px; background: #ffffff; border: none; font-family: 'FedraSansStd-Normal'; letter-spacing: 1px; }
.register-popup .submit{ display: block; width: 100%; text-align: center; font-size: 12px; height: 40px; margin-bottom: 20px; color: #808080; background: #a3a2a2; background: -moz-linear-gradient(left,  #a3a2a2 0%, #dbdbdb 50%, #a3a2a2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a3a2a2), color-stop(50%,#dbdbdb), color-stop(100%,#a3a2a2)); background: -webkit-linear-gradient(left,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); background: -o-linear-gradient(left,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); background: -ms-linear-gradient(left,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); background: linear-gradient(to right,  #a3a2a2 0%,#dbdbdb 50%,#a3a2a2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a2a2', endColorstr='#a3a2a2',GradientType=1 ); border: none; margin-top: 35px; font-family: 'FedraSansStd-Medium'; letter-spacing: 1px;}
.register-popup p{ font-size: 12px; color: #ffffff; }

.mfp-iframe-holder .mfp-content{ max-width: inherit;    max-height: 700px; }
.mfp-iframe-scaler iframe{     max-height: 700px; }



.jstyling-select {margin: 0; padding: 0; position:relative; z-index: 0;} 
	.jstyling-select-t {white-space: nowrap; overflow: hidden;}
	.jstyling-select-l {margin: 0; padding: 0; width: 100%; display: none; position: absolute; overflow-y: auto; z-index: 1000;}
		.jstyling-select-l div {list-style: none; display: block; white-space: nowrap; overflow: hidden;}
		.jstyling-select-l div:hover {}
		.jstyling-select-l div.disabled {}
		.jstyling-select-l div.disabled:hover {}
	.jstyling-select.active {z-index: 700; }    
		.jstyling-select.active .jstyling-select-l {display: block;max-height: 150px;}
	
	
	/**
	 * This you can customize
	 */
	 
	/* Select wrapper */ 
	.jstyling-select {width: 100%; cursor: pointer; text-align:left; font-size:15px;letter-spacing: 1px}
	/* Select current option */
	.jstyling-select-s { background: url(/images/icon-dropdown.png) no-repeat center right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; height:40px; padding:10px 0px; border:0; margin-bottom:20px;background-color: #fff;}
	.jstyling-select-t {width: 100%;text-align: center;font-size: 12px;background: #fff;} 
	/* Select options list*/
	.jstyling-select-l {max-height: 160px; background: #fff; border: 0; border-top: 0; top: 40px; left: -1px; } 
		.jstyling-select-l div { padding: 5px 10px;} 
		.jstyling-select-l div:hover {background: #fff;}
		.jstyling-select-l div.disabled {background: #E5E5E5;}
		.jstyling-select-l div.disabled:hover {color: #000000;}
		.jstyling-select-l div:first-child {border-top: 0}
	.jstyling-select.active {background-position: 100% -28px;}
	.jstyling-select.disabled {background-color: #E5E5E5;}
	
	
	
	.jstyling-select-l {max-height: 297px; background: #fff; top: 36px; left: -1px; right: -1px; width: auto;
border:1px solid #000; padding: 5px 0; }
    .jstyling-select-l div {line-height: 36px; padding: 0 20px; transition: background 400ms ease;text-align: center;font-size: 12px;}
    .jstyling-select-l div.item-0 { display: none; }
    .jstyling-select-l div:hover {background: rgba(255,255,255,.25);}
    .jstyling-select-l div.disabled {background: #E5E5E5;}
    .jstyling-select-l div.disabled:hover {color: #000000;}
    .jstyling-select-l div:first-child {border-top: 0}
.jstyling-select.disabled {background-color: #E5E5E5;}

	
	
	.jstyling-select-l div {
	  line-height: 36px;
	  padding: 0 20px;
	  transition: background 400ms ease;
	}
.popup{display: none;position: fixed;width: 100%;height: 100%;top:0px;left: 0px;z-index: 999;}
.overlay{background: #000;position: absolute;width: 100%;height: 100%;top:0px;left: 0px; 	
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;}
.content{
	width: 75%;height: 75%;
	padding: 5%;
	position: absolute;
	margin: auto;
	top: 0px;right: 0px;bottom: 0px;left: 0px;
	background: #fff;
}
.scroll-text{
	overflow: scroll;width: 100%;height: 100%;
}
.content h1{
	font-weight: bold;  font-size: 24px;margin-bottom: 20px;
}
.content h2{
	margin: 10px auto;font-weight: bold;
}
.content p a{
	color: #000001;font-weight: 700
}
.content ul{
	margin-left: 15px;
}
.content ul li{
	list-style: disc;
}
.close_btn{
	position: absolute;
	top:10px;
	right: 10px;
	width: 20px;height: 20px;
	background: url(/images/close.png);
	background-size: cover;
}
	
#section5{ background-image: url(../images/contact_bg.jpg); padding: 0; background-size: cover; }
#section5 h2{ color: #fff; text-align: center; font-size: 23px; font-weight: bold; line-height: 1.2; margin-top: 85px; position: relative; padding: 20px 0; }
#section5 h2:before{ content: ""; border-left: 1px solid #fff; height: 1000px; width: 1px; display: block; position: absolute; left: 50%; bottom: 100%; }
#section5 h2:after{ content: ""; border-left: 1px solid #fff; height: 1000px; width: 1px; display: block; position: absolute; left: 50%; top: 100%; }
#section5 form{ width: 100%; max-width: 380px; margin: 75px auto 0; position: relative; z-index: 9; }
#section5 form.login-form{margin: 105px auto 0;}
#section5 form .input{ display: block; width: 100%; height: 40px; text-align: center; font-size: 12px; padding: 5px 10px; border: none; margin-bottom: 18px;color: #000; border-radius: 0px;line-height: 18px; }
#section5 form select{display: block; width: 100%; height: 40px; text-align: center; font-size: 12px; padding: 5px 10px; border: none; margin-bottom: 10px;color: #000; border-radius: 0px;-webkit-appearance: none;
  -webkit-border-radius: 0px;}
  select .selected { text-align:center; } 
#section5 form .input.error{
 opacity: 0.8
 
}
.jstyling-select-s.error{
	 opacity: 0.8
}
#section5 form .submit{ display: block; width: 100%; height: 40px; text-align: center; font-size: 12px; padding: 5px 10px; border: none; margin-top: 40px; margin-bottom: 10px; color: #000; border-radius: 0px;font-weight: 500;
background: #a4a3a4; /* Old browsers */
background: -moz-linear-gradient(left,  #a4a3a4 0%, #dededf 50%, #a4a3a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a4a3a4), color-stop(50%,#dededf), color-stop(100%,#a4a3a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #a4a3a4 0%,#dededf 50%,#a4a3a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #a4a3a4 0%,#dededf 50%,#a4a3a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #a4a3a4 0%,#dededf 50%,#a4a3a4 100%); /* IE10+ */
background: linear-gradient(to right,  #a4a3a4 0%,#dededf 50%,#a4a3a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a3a4', endColorstr='#a4a3a4',GradientType=1 ); /* IE6-9 */

-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);


 }

#section5 .thank_you{ width: 380px; height: 380px; background: #fff; color: #000; text-align: center; margin: 0 auto; position: relative; z-index: 9; padding: 0 35px;margin-top: 75px; }
#section5 .thank_you h3{ font-size: 18px; margin-bottom: 15px; font-weight: 500;}
#section5 .thank_you p{ font-size: 16px; }
#section5 .thank_you .icon_close{ display: block; width: 16px; height: 16px; background: url(../images/icon_close_red.jpg) center no-repeat; position: absolute; left: 50%; margin-left: -8px; bottom: 16px; text-indent: -99999px; }
.valign-center{display: table;width: 100%;height: 100%;position: absolute;top:0px;}
.table-cell-form{vertical-align: middle;width: 100%;display: table-cell;}
#document-library h2 {
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 85px;
    position: relative;
    padding: 20px 0;
}
#document-library h2:before {
    content: "";
    border-left: 1px solid #fff;
    height: 1000px;
    width: 1px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
}
#document-library h2:after {
    content: "";
    border-left: 1px solid #fff;
    height: 1000px;
    width: 1px;
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
}
#document-library ul{
	max-width: 380px;
	display: block;margin: 140px auto 0px;
	z-index: 99;
	position: relative;
}

#document-library ul li{
	background: #fff url(/images/arrow-black.png) no-repeat 97% center;
	background-size: 15px;
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px;
    border: none;
    margin-bottom: 10px;
    color: #000;
    border-radius: 0px;line-height: 28px;
}
#document-library ul li.active{
	height: auto;
    background: #fff url(/images/arrow-black.png) no-repeat 97% 9%;
    background-size: 15px;
    padding-bottom: 0px;
}
.clicks{
	position: relative;
	cursor: pointer;
}
.close-div{position: absolute;z-index: 99;width: 100%;height: 40px;top: 0px;cursor: pointer;display: none;}
#document-library ul li.active .close-div{display: block;}
/*
#document-library ul li.active:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 40px;
	top:0px;
	left: 0px;
}
*/
#document-library ul li.active ul.sub-list{
	display: block;
}

#document-library ul.sub-list{
	display: none;margin: 5px auto 0px;
}
#document-library ul.sub-list li{
	background: #c9c9c9;
	margin-bottom: 1px;
	text-transform: uppercase;
}
	
.selection{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top:0px;
	z-index: 2;
	    background: #d0312d;
	background-position: center center !important;
	overflow: scroll;
}
.image{
	position: relative;
    width: 100%;
    max-width: 1900px;
    margin: auto;
	top:62px;
}
.selection img{
	
	width:100%;
	height:auto;
	max-width: 1900px;
	
}
.icon{
	width: 31px;
	height: 31px;
	position: absolute;
	top:130px;
	right: 50px;
	cursor: pointer;
}
.main_icon{
/*
	background: url(/images/main-icon.png);
	background-size: cover;
*/
	width: 64px;
	height: 64px;
	top: 320px;
    right: 493px;
}
.main_icon .description{
	left: -65px;
    top: -131px;
}
.description{
	position: absolute;
	width: 170px;
	border: 3px solid #000;
	border-bottom: 1px solid #000;
	background: #fff;
	padding: 15px;
	left: -71px;
    top: -104px;
    display: none;
}
.description.top{
	 top: 48px;
	 border: 3px solid #000;
	border-top: 1px solid #000;
}
.description p{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
}
.description:after{
	content: "";
    background: url(/images/arrow-down.png) no-repeat;
    background-size: cover;
    left: -3px;
    width: 170px;
    height: 18px;
    position: absolute;
    bottom: -18px;
}
.description.top:after{
	background: url(/images/arrow-top.png) no-repeat;
    background-size: cover;
    bottom: auto;
    top: -18px;
}
.icon.on .description{
	display: block;
	z-index: 99;
}
.train{
	background: url(/images/train.png);
	background-size: cover;
}
.train1{
	top: 652px;
    right: 290px;
}
.train2{
	top: 501px;
    right: 554px;
}
.train3{
	top: 661px;
    right: 901px;
}
.train4{
	top: 805px;
    right: 519px;
}
.tram{
	background: url(/images/tram.png);
	background-size: cover;
}
.tram1{
	top: 385px;
    right: 475px;
}
.tram2{
	top: 342px;
    right: 572px;
}
.edu{
	background: url(/images/university.png);
	background-size: cover;
}
.edu1{
	top: 147px;
	right: 390px;
}
.edu2{
	top: 374px;
	right: 441px;
}
.edu3{
	top: 454px;
	right: 467px;
}
.edu4{
	top: 499px;
	right: 437px;
}
.edu5{
	top: 577px;
	right: 87px;
}
.edu6{
	top: 574px;
	right: 632px;
}
.edu7{
	top: 694px;
	right: 630px;
}
.edu8{
	top: 753px;
	right: 539px;
}
.enter{
	background: url(/images/sport.png);
	background-size: cover;
}
.sport1{
	top: 305px;
	right: 1230px;
}
.sport2{
	top: 338px;
	right: 203px;
}
.sport3{
	top: 556px;
	right: 1015px;
}
.sport4{
	top: 730px;
	right: 476px;
}
.sport5{
	top: 803px;
	right: 479px;
}
.sport6{
	top: 898px;
	right: 820px;
}
.sport7{
	top: 922px;
	right: 516px;
}
.sport8{
	top: 976px;
	right: 519px;
}
.shop{
	background: url(/images/shop.png);
	background-size: cover;
}

.shop1{
	top: 351px;
	right: 657px;
}
.shop2{
	top: 541px;
	right: 438px;
}
.shop3{
	top: 579px;
	right: 535px;
}
.shop4{
	top: 648px;
	right: 536px;
}
.shop5{
	top: 650px;
	right: 565px;
}
.shop6{
	top: 691px;
	right: 422px;
}
.shop7{
	top: 721px;
	right: 422px;
}
.rest{
	background: url(/images/restaurant.png);
	background-size: cover;
}
.rest1{
	top: 144px;
	right: 230px;
}
.rest2{
	top: 169px;
	right: 266px;
}
.rest3{
	top: 456px;
	right: 522px;
}
.rest4{
	top: 453px;
	right: 124px;
}
.rest5{
	top: 580px;
	right: 378px;
}
.rest6{
	top: 619px;
	right: 704px;
}
.rest7{
	top: 720px;
	right: 776px;
}
.rest8{
	top: 758px;
	right: 387px;
}
.rest9{
	top: 759px;
	right: 309px;
}

.selection .icon{
	
}
.selection.active{
	z-index: 10;
}
/*
.selection.map1{
	background: url(/images/map1.jpg);
	background-size: cover;
}	

.selection.map2{
	background: url(/images/map2.jpg);
	background-size: cover;
}	
.selection.map3{
	background: url(/images/map3.jpg);
	background-size: cover;
}	
.selection.map4{
	background: url(/images/map4.jpg);
	background-size: cover;
}
*/	
.thank_you h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #fff;
}
.thank_you p	{
	font-size: 16px;
}
/* ==========================================================================
   <1100px
   ========================================================================== */
@media only screen and (max-width: 1100px){

   .gallery_container .gallery_item .bottom_text{ padding: 0 30px; }
   .gallery_container .bottom_text p{ font-size: 13px; }

}

/* ==========================================================================
   <1023px
   ========================================================================== */
@media only screen and (max-width: 1024px){
      
   .section{ position: relative; }

   .gallery_container{ margin: 20px -10px; width: auto; }

   .logo_holder{ margin: 60px 0; }

}

/* ==========================================================================
   <1023px
   ========================================================================== */
@media only screen and (max-width: 1023px){


   .gallery_container .col4{ width: 50%; }
   .section{
	   margin-bottom: 20px;
   }
   #map-controls li{width: 30%;margin: 0 2% 2%;}
   #map-controls{top:0px;}

}

/* ==========================================================================
   <767px
   ========================================================================== */
@media only screen and (max-width: 767px){

   #fullpage{ padding: 45px 0 0px; }
   .view_nav{
	   display: none;
   }
   .section{
	   margin-bottom: 20px;
   }
   footer .register_btn{width: 100%;}
   footer{
	   position: relative;
   }
   .logo_holder{ margin: 40px auto; width: 180px; height: 180px; }

   #fp-nav{ display: none; }
   header, footer{ height: 45px; }

   header .top_row,
   header .bottom_row{ padding: 14px 15px; }

   footer .register_btn{ margin: 6px auto; }
   footer .back_top{ margin: 6px auto; }

   .footer_logos{ display: none; }

   #map-controls{ display: none; }


   .menu_container{ display: none; }

   .logo-preload{ width: auto; padding: 0 15px; }

   .footer_logos{ display: none; }
  .address{ display: none; }
  .footer_links{ display: none; }

  #section0 .btns a{ width: 120px; font-size: 9px;}

  header{ padding: 13px 10px; text-align: center; }
  header .left_text{ width: 100%; }

  header .logo{ display: none; }
 
  .grid_view{ padding-top: 135px; }
  .grid_view .col3{ width: 50%; }

  .register-popup h2{ margin-bottom: 15px; }
  
  header .right_text {display: none;}

}

@media only screen and (max-height: 710px){
	.logo_holder{ margin: 40px auto; width: 180px; height: 180px; }
}