@font-face {
    font-family: 'frutiger_normal';
    src: url('../fonts/ftr-webfont.eot');
    src: url('../fonts/ftr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ftr-webfont.woff2') format('woff2'),
         url('../fonts/ftr-webfont.woff') format('woff'),
         url('../fonts/ftr-webfont.ttf') format('truetype'),
         url('../fonts/ftr-webfont.svg#frutiger_normal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'frutiger_bold';
    src: url('../fonts/ftb-webfont.eot');
    src: url('../fonts/ftb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ftb-webfont.woff2') format('woff2'),
         url('../fonts/ftb-webfont.woff') format('woff'),
         url('../fonts/ftb-webfont.ttf') format('truetype'),
         url('../fonts/ftb-webfont.svg#frutiger_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	min-width:440px;
	-webkit-font-smoothing: subpixel-antialiased;
}

body, p, a {
	color:#636464;
	color:rgba(0, 0, 0, 0.7);
	font-family: "frutiger_normal", Gotham, "Helvetica Neue", Helvetica, Arial;
}
h1, h2, h3 {
	font-family: "frutiger_bold", Gotham, "Helvetica Neue", Helvetica, Arial;
	font-weight:bold;
}
a:hover {
	color:#316fb7;
}

/*  nav menu bar  */
.navbar-brand {
	padding: 15px 0px;
}
.nav > li > a {
	font-weight:bold;
	font-size:16px;
}
.navbar {
    margin-bottom: 10px;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background: none;
	color:#316fb7 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
	box-shadow: none;
}
.navbar-default {
	background-image:none;
	background-color:#FFF;
	border: none;
	box-shadow: none;
	padding-bottom:10px;
}
.navbar-nav {
	margin-top: 34px;
}

#side_nav {
	position: fixed;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	z-index: 100;
	display: block;	
	background:rgba(255,255,255,0.5);
	border-radius:10px;
	padding:10px;
}
#side_nav span.active {
	border: 2px solid transparent;
}
#side_nav span.active:after {
	border-color: transparent;
	background:#316fb7;
	opacity:1;
}
#side_nav span {
	cursor: pointer;
	display: inline-block;
	border: 2px solid transparent;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	margin: 10px 0px 10px 0px;
	position: relative;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#side_nav span:after{
	height: 12px;
	width: 12px;
	position: absolute;
	display: block;
	content: "";
	opacity:0.3;
	background:#316fb7;
	border-radius: 50%;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}



.m1, .m2, .m3, .m4, .m5{
	border-bottom:5px solid #FFF;
}
.m1:hover, .m1.active {
	border-bottom:5px solid #b9bf33;
}
.m2:hover, .m2.active {
	border-bottom:5px solid #ec5b50;
}
.m3:hover, .m3.active {
	border-bottom:5px solid #1a93d2;
}
.m4:hover, .m4.active {
	border-bottom:5px solid #f49020;
}
.m5:hover, .m5.active {
	border-bottom:5px solid #7c5273;
}

/*  feedback/language  */
.settings {
	margin-top:5px;
}
.settings a {
	font-size:11px;
	text-decoration:none;
}
.settings i {
	font-size:18px;
	vertical-align:middle;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom:10px;
}

/*  tile background colors  */
.bg-red {
	background-color:#ec5b50;
	color:#FFF;
}
.bg-green {
	background-color:#b9bf33;
	color:#FFF;
}
.bg-blue {
	background-color:#2093d1;
	color:#FFF;
}
.bg-blue1 {
	background-color:#316fb7;
	color:#FFF;
}
.bg-purple {
	background-color:#7a5272;
	color:#FFF;
}
.bg-orange {
	background-color:#f39020;
	color:#FFF;
}

/* ---- hero masonry ---- */
#hero {
	padding-top: 100px;
}

#hero h1 {
  font-size: 24px;
  color:#FFF;
  text-transform:uppercase;
  margin-top: 5px;
  margin-bottom: 0.1em;
}

#hero .tagline {
  font-size: 16px;
  color:#FFF;
  margin-bottom: 0.8em;
  line-height: 0.8;
}

#hero .content {
	font-size: 14px;
}

#hero button {
	border-radius: 0px 10px 0px 10px;
	border:none;
	font-size:12px;
	padding:7px 10px;
	background-color:#316fb7;
	color:#FFF;
}

#hero button i {
	font-size: 17px;
	vertical-align:middle;
}

.hero-masonry {
  background: white;
  /* padding: 10px 1%; */
  margin-bottom: 20px;
}

.hero-masonry:after {
  content: '';
  display: block;
  clear: both;
}

.hero-item,
.hero-masonry .grid-sizer {
  width: 22.5%;
  margin: 10px 1%;
  float: left;
  border-radius: 0px 25px 0px 25px;
  text-align:center;
  overflow: hidden;
}

/* necessary for proper sizing with margins */
.hero-masonry .grid-sizer {
  position: absolute;
}

.hero-item.w2 {
	width: 46.9%; /* just a lil under 47 */
}

.hero-item.w2 img {
	border-radius: 0px 25px 0px 25px;

}
.hero-item.w2 {
	text-align:left;
}
.hero-item.has-icon i {
	font-size: 20px;
    padding-right:10px;
	padding-top:50px;
	color:#FFF;
}
.hero-item.has-icon img {
	padding-top:50px;
}
.hero-item.has-img img{
	border-radius: 0px 25px 0px 25px;

}
.hero-item.texty {
	background: #316fb7;
	background-color:#316fb7;
	color:#FFF;	
	padding: 25px;
}

/*  tile images with text home page*/
.tile1 {
	background:url(../images/title-1.jpg) bottom right;
	background-size:cover;
	padding: 30px 30px;
}

.tab1 img {
	border-radius:0 20px 0 20px;
}
.tab2 {
	border-radius:0 15px 0 15px;
	text-align:center;
	padding:15px 0px;
}
.tab2 h1 {
	color: #FFF;
	font-size:30px;
	margin-top:15%;
}
.tab2 p {
	margin-top: 0px;
	color: #FFF;
	line-height:0.1;
}
.tab3 {
	margin-bottom:15px;
}
.tab3 img {
	border-radius:0 15px 0 15px;
}
.tab4 {
	color:#231f20;
	margin:20px;
}
.tab4 h1 {
	font-size:36px;
	border-bottom: 1px solid #CCCCCC;
}
.tab5 {

}
.tab6 {
	margin-bottom:15px;
}
.tab6 img {
	border-radius:0 15px 0 15px;
}
.scrolldown p {
	color:#555555;
	line-height:30px;
}
.scrolldown {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.brand_band {
	padding:50px;
}
.brand_band > .container {
	padding-left:12%;
	padding-right:12%;
}

.brand_band img {
	border-radius:0 20px 0 20px;	
}
.brand_band h3 {
	margin:0px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:60px;
}

#g0 {
	z-index: 5; /* slide over group 2 */
	background-color:#FFFFFF;
	background-attachment: fixed;
}
#g1 {
	z-index: 3; /* slide under groups 1 and 3 */
	background:url(../images/brand_bg_pattern1.png) #ecaa20 left top repeat-y;
	background-attachment: fixed;
}
#g2 {
	background:url(../images/brand_bg_pattern1.png) #6cacde right top repeat-y;
	background-attachment: fixed;
}
#g3 {
	z-index: 4; /* slide over group 2 and 4 */
	background:url(../images/brand_bg_pattern.png) #b9bf33 left top repeat-y;
	background-attachment: fixed;
}

#g4 {
    z-index: 2; /* slide under group 3 and 5 */
    background:url(../images/brand_bg_pattern1.png) #a87db2 right top repeat-y;
    background-attachment: fixed;
}
#g5 {
    z-index: 3; /* slide over group 4 and 6 */
    background:url(../images/brand_bg_pattern1.png) #eea904 left top repeat-y;
    background-attachment: fixed;
}

#g6 {
    z-index: 2; /* slide under group 5 and 7 */
    background:url(../images/brand_bg_pattern1.png) #ee5b50 right top repeat-y;
    background-attachment: fixed;
}

#g7 {
    z-index: 3; /* slide over group 7 */
    background:url(../images/brand_bg_pattern1.png) #2a70b7 left top repeat-y;
    background-attachment: fixed;
}

#g8 {
    z-index: 2; 
    background:url(../images/brand_bg_pattern1.png) #17b1c8 right top repeat-y;
    background-attachment: fixed;
}

#g9 {
    z-index: 3; 
    background:url(../images/brand_bg_pattern1.png) #4baa51 left top repeat-y;
    background-attachment: fixed;
}

#g10 {
	background:url(../images/brand_bg_pattern1.png) #b8bf0d right top repeat-y;
	background-attachment: fixed;
}
.history_band > parallax_group > .row {
	margin-right: 0;
	margin-left: 0;
}
#hs1 {
	z-index: 5; 
	background:url(../images/hs1.jpg) center top no-repeat;
	background-size:cover;

}
#hs2  {
	background:url(../images/hs2.jpg) center top no-repeat;
	background-size:cover;

}
#hs3  {
	background:url(../images/hs3.jpg) center top no-repeat;
	background-size:cover;
}
#hs1 .parallax_layer-fore, #hs2 .parallax_layer-fore, #hs3 .parallax_layer-fore {
	width:100%;
}
#hs1 .parallax_layer-fore p, #hs2 .parallax_layer-fore p, #hs3 .parallax_layer-fore p {
	width:50%;
}

.tab5 img{
	border-radius:0px !important;
}
.img-tabmdtx {
	padding-left:50px;
	padding-right:50px;
}
.tabcnt {
	text-align:left;
	margin-top:25px;
	padding-left:80px;
}
.tabcnt1 {
	text-align:left;
	margin-top:25px;
	padding-right:80px;
}
.tabcnt a, .tabcnt a:hover{
	color:#FFF;
	text-decoration:underline;
}
.par_arrow {
	border-radius:0px !important;
	margin-top:-50px;
	z-index:1000;
}

#g2 .par_arrow {
	position: absolute;
	margin-left:12%;
}
#g3 .par_arrow {
	position: absolute;
	margin-left:45%;
}
#g4 .par_arrow {
	position: absolute;
	margin-left:45%;
}
#g5 .par_arrow {
	position: absolute;
	right:12%;
}
#g6 .par_arrow {
	position: absolute;
	margin-left:45%;
}
#g7 .par_arrow {
	position: absolute;
	right:12%;
}
#g8 .par_arrow {
	position: absolute;
	margin-left:12%;
}
#g9 .par_arrow {
	position: absolute;
	margin-left:45%;
}
#g10 .par_arrow {
	position: absolute;
	margin-left:12%;
}

/*.bigtext {
	font-family: "frutiger_bold", Gotham, "Helvetica Neue", Helvetica, Arial;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	font-size:20px;
	text-align:center !important;
}
.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}
.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}
.slabtextdone .slabtext{display:block;line-height:80%;}*/

 
 /* Parallax base styles
  --------------------------------------------- */

.parallax {
    overflow-x: hidden;
    overflow-y: auto;
}

.parallax_group {
    position: relative;
    min-height: 100%; /* fallback for older browsers */
    min-height: 100vh;
   	position: relative;
	overflow: hidden;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 0;
	display: block;
}

.parallax_layer-fore {
    z-index: 50;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
#g0 .parallax_layer-fore {
	margin-top: -100px;
}

.parallax_layer-base {
    z-index: 4;
}

.parallax_layer-deep {
    z-index: 2;
}


/* Extra small devices - Phones (<768px) */
@media (max-width:767px) {
	#hero h1 {
		font-size: 20px;
	}
	.hero-item,
    .hero-masonry .grid-sizer {
		width: 46.9%; /* just a lil under 47 */
	}

	.hero-item.w2 {
		width: 96%; 
	}
	.hero-item.has-icon img {
		padding-top:10px;
	}
	.img-tabmdtx {
		padding-left:10px;
		padding-right:10px;
	}
	.tabcnt {
		margin-top:5px;
		padding-left:5px;
	}
	.tabcnt1 {
		margin-top:5px;
		padding-right:5px;
	}
	.tabcnt a, .tabcnt a:hover{
		color:#FFF;
		text-decoration:underline;
	}
	.tab2 {
		padding-top:10%;
	}
	.tab2 h1 {
		font-size:26px;
	}
	.tab4 h1 {
		font-size:28px;
	}
	.brand_band h3 {
		font-size:30px;
	}
	.brand_band > .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.bg-blue1{ 
		padding-top: 18%!important;
	}
}

/* Small devices - Tablets (>=768px & <=991px) */
@media (min-width:768px) and (max-width:991px) {
	.navbar-default .navbar-brand {
		margin-right: 15px;
  	}
  	.nav > li > a {
		padding:0px;
		margin-right:7px;
		margin-left:7px;
		font-size:14px !important;	
  	}
	#hero h1 {
		font-size: 20px;
	}
	.hero-item.has-icon img {
		padding-top:10px;
	}
	.tab2 {
		padding-top:8%;
	}
	.tab2 h1 {
		font-size:26px;
	}
	.tab4 {
		margin:15px;
	}
	.tab4 h1 {
		font-size:32px;
	}
	.brand_band h3 {
		font-size:40px;
	}
	.brand_band > .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.bg-blue1{ 
		padding-top: 12%!important;
	}
}

/* Medium devices - Desktops (>=992px & <=1199px) */
@media (min-width:992px) and (max-width:1199px) {
	.navbar-default .navbar-brand {
		margin-right: 10px;
	}
	.nav > li > a {
		padding:0px;
		margin-right:15px;
		margin-left:15px;
		font-size:15px !important;
	}
	.hero-item.has-icon img {
		padding-top:30px;
	}
	.tab2 {
		padding-top:10%;
	}
	.tab2 h1 {
		font-size:24px;
	}
	.brand_band h3 {
		font-size:50px;
	}
	.brand_band > .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.bg-blue1{ 
		padding-top: 10%!important;
	}
}

/* Large devicesDesktops (>=1200px) */
@media (min-width:1200px) {	
	.navbar-default .navbar-brand {
		margin-right: 40px;
	}
	.nav > li > a {
		padding:0px;
		margin-right:35px;
		margin-left:35px;		
	}	
	.bg-blue1{
		padding-top: 8%!important;
  	}
}


#modal_boxes #modal_mask {  
	position:absolute;
	top:0px;
	left:0px;
	z-index:9000;  
	background-color:#000;  
	display:none;  
}  

#modal_boxes #modal_dialog {  
	width:676px;   
	height:auto;
}
   
#modal_boxes .modal_window {  
	position:absolute;
	width:676px;  
	height:auto;  
	display:none;  
	z-index:9999;  
	padding:0px;
	background-color:transparent; 
}
  
#landing {
	width:676px;
	height:auto;
	padding:1.3em;
	color:#333;
}

#landing .landing-header {
	width:676px;
	height:27px;
	background-image: url(../images/bg_language_modal.png);
	background-color:transparent;
	background-position:0 top;
	background-repeat: no-repeat;
}

#landing .landing-content {
	width:676px;
	padding:20px 35px;
	height:auto;
	background-image: url(../images/bg_language_modal_repeat.png);
	background-color:transparent;
	background-repeat: repeat-y;
}

#landing .landing-footer {
	width:676px;
	padding:7px 29px 0px;
	height:41px;
	background-image: url(../images/bg_language_modal.png);
	background-color:transparent;
	background-position:0 bottom;
	background-repeat: no-repeat;
	overflow: auto;
}