﻿/* @override /css/home_new.css */

/* @override /css/home_new.css */


@font-face {
    font-family: 'escala_regularregular';
    src: url('../fonts/escala-regular.eot');
    src: url('../fonts/escala-regular.eot') format('embedded-opentype'),
         url('../fonts/escala-regular.woff') format('woff'),
         url('../fonts/escala-regular.ttf') format('truetype'),
         url('../fonts/escala-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_displayregular';
    src: url('../fonts/miller-display.eot');
    src: url('../fonts/miller-display.eot') format('embedded-opentype'),
         url('../fonts/miller-display.woff') format('woff'),
         url('../fonts/miller-display.ttf') format('truetype'),
         url('../fonts/miller-display.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_displayitalic';
    src: url('../fonts/miller-displayitalic.eot');
    src: url('../fonts/miller-displayitalic.eot') format('embedded-opentype'),
         url('../fonts/miller-displayitalic.woff') format('woff'),
         url('../fonts/miller-displayitalic.ttf') format('truetype'),
         url('../fonts/miller-displayitalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_textregular';
    src: url('../fonts/miller-text.eot');
    src: url('../fonts/miller-text.eot') format('embedded-opentype'),
         url('../fonts/miller-text.woff') format('woff'),
         url('../fonts/miller-text.ttf') format('truetype'),
         url('../fonts/miller-text.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_textbold';
    src: url('../fonts/miller-textbold.eot');
    src: url('../fonts/miller-textbold.eot') format('embedded-opentype'),
         url('../fonts/miller-textbold.woff') format('woff'),
         url('../fonts/miller-textbold.ttf') format('truetype'),
         url('../fonts/miller-textbold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_textitalic';
    src: url('../fonts/miller-textitalic.eot');
    src: url('../fonts/miller-textitalic.eot') format('embedded-opentype'),
         url('../fonts/miller-textitalic.woff') format('woff'),
         url('../fonts/miller-textitalic.ttf') format('truetype'),
         url('../fonts/miller-textitalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_text_scregular';
    src: url('../fonts/miller-textsc-webfont.eot');
    src: url('../fonts/miller-textsc-webfont.eot') format('embedded-opentype'),
         url('../fonts/miller-textsc-webfont.woff') format('woff'),
         url('../fonts/miller-textsc-webfont.ttf') format('truetype'),
         url('../fonts/miller-textsc-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Calibre-Light';
  src:  url('../fonts/calibre-light.eot') format('embedded-opentype'),
  		url('/css/fonts/Calibre-Light.otf')  format('opentype'),
	    url('/css/fonts/Calibre-Light.woff') format('woff'),
		url('../fonts/calibre-light.ttf')  format('truetype'),
		url('../fonts/calibre-light.svg#calibre-light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre-Regular';
  src: 	url('../fonts/calibre-regular.eot') format('embedded-opentype'),
  		url('/css/fonts/Calibre-Regular.otf')  format('opentype'),
	    url('/css/fonts/Calibre-Regular.woff') format('woff'),
		url('../fonts/calibre-regular.ttf')  format('truetype'),
		url('../fonts/calibre-regular.svg#calibre-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.row{ margin-left: -10px; margin-right: -15px; }
.row:before, .row:after {display: table;content: "";line-height: 0;}
.row:after {clear: both;}
.row > div{ padding: 0 15px; }

.col12 { width: 100%; float: left;}
.col11 { width: 91.66666666666666%; float: left; }
.col10 { width: 83.33333333333334%; float: left;}
.col9 { width: 75%; float: left;}
.col8 { width: 66.66666666666666%; float: left; }
.col7 { width: 58.333333333333336%; float: left;}
.col6 { width: 50%; float: left;}
.col5 { width: 41.66666666666667%; float: left;}
.col4 { width: 33.33333333333333%; float: left;}
.col3 { width: 25%; float: left;}
.col2 { width: 16.666666666666664%; float: left;}
.col1 { width: 8.333333333333332%;  float: left;}

.show-mobile {display:none!important;}
html, body {  }
#header {position:fixed; z-index:300; top:0; left:0; right:0; width:100%;}
.submenu li.active a { color: #B2B2B2;}
#mobile-menu-trigger {display:none; position:absolute; top:11px; left:11px; width:35px; height:35px; overflow:hidden; background:url(../images/icon-mobile-menu.png) center center no-repeat;}
#mobile-menu-trigger.menu-opened {background-image:url(../images/icon-close-menu.png);}
#mobile-menu-trigger:focus {outline:none;}
#menu:not( .mm-menu ) {display: none;}

#mobile-login-trigger {display:none; position:absolute; top:11px; right:11px; width:35px; height:35px; overflow:hidden; background:url(../images/icon-mobile-login.png) center center no-repeat;}
#mobile-login-trigger.menu-opened {background-image:url(../images/icon-close-login.png);}
#mobile-login-trigger:focus {outline:none;}
#login-panel:not( .mm-menu ) {display: none;}

#sections-cont {/*position:absolute; top:0; left:0; right:0;*/ position:relative; width:100%;z-index:0;}
.section {width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; z-index: 10;}
.section-inner {display:table; width:100%; height:100%; position:relative;}
.section-content {display:table-cell; text-align:center; vertical-align:middle;}
.section h3 {font-family: 'miller_displayitalic'; font-size:32px; line-height:36px; color:#fff; padding-bottom:10px; }
.section h1 {font-family: 'escala_regularregular'; font-size:100px; line-height:110px; color:#fff; text-transform:uppercase; }
.section .slide {background-color:#000; color:#fff; overflow:hidden;}
.section .slide .slide-inner {position:relative; width:100%; height:100%;}
.section .slide .bg {position:absolute; bottom:0; right:0; max-height:92%; width:auto; z-index:0;}
.section.cycle-slideshow .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slide-bottom {position:absolute; bottom:50px; right:4%; color:#fff; z-index:1; text-align:right;}
.slide-bottom h3 {font-weight:normal; font-family: 'miller_textregular'; font-size:28px; line-height:36px; color:#fff; padding-bottom: 5px;}
.slide-bottom span {font-family: 'miller_textitalic'; font-size:20px; line-height:24px; color:#b1b1b1; display:block; padding-bottom: 8px;}
.slide-bottom a {font-family: 'Calibre-Regular'; font-size:14px; line-height:16px; color:#b1b1b1;}
.slide-content {position:absolute; top:114px; left:0; padding:4% 4% 0 4%;  width:50%; z-index:10;font-family: 'Calibre-Light'; font-size:20px; line-height:28px; color:#fff; }
.slide-content .row {}
.slide-content p {margin-bottom:15px;}
.parallax-mirror { z-index: 1!important; }
.mm-page { z-index: 2; }

.section-bottom { position:absolute; bottom:10px; left:0; width:100%; text-align:center; padding-bottom:40px;}
.scroll-btn {display:inline-block; font-family: 'miller_displayitalic'; font-size:14px; line-height:14px; color:#fff; padding-bottom:40px; position:relative; z-index: 99999;
}

.scroll-btn:focus {outline:none;}
.scroll-btn:after {content:''; display:inline-block; width:32px; height:32px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; background:url(../images/icon-down.png) center 13px no-repeat #fff; position:absolute; bottom:0; left:50%; margin-left:-15px;}

.scroll-btn2 {display:block;  width:32px; height:32px; border-radius:50%; -webkit-border-radius:50%; background:url(../images/icon-down.png) center 13px no-repeat #4C4C4C; margin:5px auto 30px auto; overflow:hidden; text-indent:-9999px;}
.scroll-btn:focus {outline:none;}

.mobile-menu-bottom {width:100%; clear:both; margin-left:0px; font-family: 'miller_textregular'; font-size:12px; line-height:14px; color:#4d4d4d; padding:15px 10px 35px 10px;}
.mobile-menu-bottom p {margin-bottom:16px;}
.mobile-menu-top {background-color:#000; padding:13px 20px 10px 10px; margin-bottom:10px;}
.mobile-menu-top h3 {font-weight:normal;font-family: 'escala_regularregular'; font-size:42px; line-height:42px; color:#fff; text-transform:uppercase;}
#login-panel .mobile-menu-top {text-align:right;}

#login-panel .mm-panel{}
.mobile-login {border:1px solid #000; padding:2px; width:90%; margin:0 auto; text-align:center;}
.mobile-login-inner {border:3px solid #000; padding:50px 0px 35px 0px;}
.mobile-login h3 {font-weight:normal;font-family: 'escala_regularregular'; font-size:42px; line-height:42px; color:#636466; margin-bottom:50px;}
.mobile-login label {display:block; width:100%; padding:15px; font-family: 'miller_textregular'; font-size:16px; line-height:16px; color:#48484A; text-transform:uppercase; border-top:1px solid #48484A;  border-bottom:1px solid #48484A;}
.mobile-login input[type=text],
.mobile-login input[type=password] {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  background:#fff; padding:15px; font-family: 'miller_textregular'; font-size:16px; line-height:16px; color:#48484A; border:0;}
.mobile-login input[type=password] {border-bottom:1px solid #48484A; margin-bottom:40px;}
.mobile-login input[type=submit] {background-color:#6D6E71; border:0; border-radius:5px; -webkit-border-radius:5px; font-family: 'miller_textitalic'; font-size:14px; line-height:14px; color:#fff; display:inline-block; padding:10px 23px; margin-bottom:30px; -webkit-appearance:none;}

.mobile-login input[type=checkbox]{ display: none; }
.mobile-login input[type=checkbox] + label { cursor:pointer; display:inline-block; width:auto; font-family: 'miller_textitalic'; font-size:16px; line-height:16px; color:#48484A;height:16px; padding:0; padding-right:25px; position:relative; border:0; text-transform:none;}
.mobile-login input[type=checkbox] + label:after {content:''; display:block; width:16px; height:16px; overflow:hidden; border:1px solid #48484A; background:#fff; border-radius:4px; -webkit-border-radius:4px;position:absolute; top:0px; right:0px;}
.mobile-login input[type=checkbox]:checked + label:after {background-color: #48484A;}
.mobile-login p {font-family: 'miller_textitalic'; font-size:16px; line-height:20px; color:#48484A;}
.mobile-login p a {color:#48484A; text-decoration:underline;}

#remember_lab { display: block; width: 170px; margin: 0 auto; }

.cycle-btn {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width:32px;
	height:32px;
	overflow:hidden;
	border-radius:50%;
	-webkit-border-radius:50%;
    margin-top: -16px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 101;
    text-indent: -9999999px;
}
.cycle-prev {
    left: 40px;
    background:url(../images/icon-left.png) center center no-repeat #4D4D4D;
}
.cycle-next {
    right: 40px;
    background:url(../images/icon-right.png) center center no-repeat #4D4D4D;
}
.section.cycle-slideshow .slide { display: none; }

#dots-controls { position: fixed; right: 15px; top: 50%; z-index: 1000; margin-top: -50px; }
#dots-controls a { display: block; width: 10px; height: 10px; background: #fff; border-radius: 100%; margin-bottom: 7px; border: 1px solid #fff; transition: all 400ms ease; }
#dots-controls a.on, #dots-controls a:hover { background: none; }

#top50recognition { position: fixed; z-index: 100; width: 212px; height: 74px; top: 50%; right: 0; margin-top: -37px; text-indent: -9999px; }
#top50recognition a.link { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
#top50recognition a.link-desktop { display: block; }
#top50recognition a.link-mobile { display: none; }


@media only screen and (max-width : 1300px) {
.slide-content {font-size: 18px;line-height: 23px; top: 138px;}
.section .slide .bg {position:absolute; bottom:0; right:0; max-height:84%; width:auto; z-index:0;}

}

@media only screen and (max-width : 1100px) {

.section h3 {font-family: 'miller_displayitalic'; font-size:21px; line-height:25px; color:#fff; padding-bottom:10px; }
.section h1 {font-family: 'escala_regularregular'; font-size:60px; line-height:66px; color:#fff; text-transform:uppercase; }
.slide-content {position:absolute; top: 148px; left:0; padding:4% 4% 0 4%;  width:50%; z-index:10;font-family: 'Calibre-Light'; font-size:18px; line-height:22px; color:#fff; }
.section .slide .bg {position:absolute; bottom:0; right:-90px; max-height:90%; width:auto; z-index:0; }

}


@media only screen and (min-device-width: 768px) and (max-device-width: 1020px) and (orientation: landscape)  {
	#header .nav-cont {display:none;}
	#mobile-menu-trigger {display:block;}
	#mobile-login-trigger {display:block;}
	.login-button {display:none;}
	.slide-content {position:absolute; top:65px; left:0; padding:4% 4% 0 4%;  width:70%; z-index:10;font-family: 'Calibre-Light'; }

}

/* Landscape */
/*
@media
  (max-device-width: 1280px)
  and (orientation: landscape) {

	#header .nav-cont {display:none;}
	#mobile-menu-trigger {display:block;}
	#mobile-login-trigger {display:block;}
	.login-button {display:none;}
	.slide-content {position:absolute; top:65px; left:0; padding:4% 4% 0 4%;  width:70%; z-index:10;font-family: 'Calibre-Light'; }
}
*/

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
  	#header .nav-cont {display:none;}
	#mobile-menu-trigger {display:block;}
	#mobile-login-trigger {display:block;}
	.login-button {display:none;}
	.slide-content {position:absolute; top:65px; left:0; padding:4% 4% 0 4%;  width:70%; z-index:10;font-family: 'Calibre-Light'; }
}

@media only screen and (max-width : 800px) {
	.show-mobile {display:block!important;}

	#header {position:fixed; top:0; left:0; right:0; width:100%;}
	#header .nav-cont {display:none;}

	.row{ margin-left: 0px; margin-right: 0px; }
	.row > div{ padding: 0px; width:100%; float:none;}

	.slide-content {font-size: 14px; line-height: 18px; }
    .section.cycle-slideshow .slide, .section.cycle-slideshow { height: auto; }
	.section .slide .bg {display:none;}
	.slide-bottom{display: none;}
	.section .slide:first-child {display:block!important;}
	.slide-content {position:relative;  left:auto; padding:25px 40px; max-width:400px; width:100%; font-size:18px; line-height:23px; color:#fff; margin:0 auto; top: 0px; }

	#mobile-menu-trigger {display:block;}
	#mobile-login-trigger {display:block;}
    .login-button {display:none;}

    .parallax-mirror { z-index: 0!important; }
    .cycle-next { right: 4px; }
    .cycle-prev { left: 4px; }

    #dots-controls { display: none; }

    #top50recognition { position: fixed; bottom: 0; left: 0; right: 0; top: auto; height: 25px; background: #3b56a2; width: 100%; margin-top: 0; }
    #top50recognition a.link { display: block; width: 180px; height: 25px; background-position: center center; background-repeat: no-repeat;
    	background-size: cover; margin: 0 auto; }
    #top50recognition a.link-desktop { display: none; }
    #top50recognition a.link-mobile { display: block; }
	
	.hide-mobile-br{display: none;}
	.footer-box{height: 220px!important;}

    .scroll-btn2{display: none;}
    ul.submenu{
    	 text-align: left; width: 100%;
    	  font-family: 'miller_textregular';
    }

	  ul.submenu li a{
	  	background: transparent; font-family: 'miller_textregular';
	  }
}