@charset "utf-8";

/* CSS Document */



html,body{

margin:0;

padding:0;

height:100%;

width:100%;

}



body{

position: relative;

background: #fff;



font-size: 16px;

font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", 'Lato', 'PingFang SC', "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

color: #3c3c3c;

line-height: 1.4;



-moz-osx-font-smoothing: grayscale;

-webkit-font-smoothing: antialiased;



min-width: 768px;

}





*:focus {

outline: 0;

}



img{

border:none;

padding:0;

margin:0;

max-width:100%;

height: auto;

vertical-align:middle;

display:inline-block;

}



a{

text-decoration:none;

color: inherit;



-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}

 

a:focus{

-moz-outline-style: none;

}



a:hover{

text-decoration:none;

}



.clear{

clear:both;

}



.container:before,

.container:after,

.clear:before,

.clear:after {

display: table;

content: " ";

clear:both;

}



.homeFooter2 .title {

	font-weight:bold;

	padding: 10px 0px;

}



.homeFooter2 .logo {

	float:left;

	margin-right:36px;

	max-width:220px;

}



.container{

max-width: 1200px;

margin: auto;

position: relative;

padding-left: 15px;

padding-right: 15px;



-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}





.container .row {

margin-right: -15px;

margin-left: -15px;

}





.row:before,

.row:after {

content: " ";

display: table;

clear:both;

}





.wideContainer{

margin: 0 50px;

position: relative;

padding-left: 170px;



max-width: 1440px;

margin: auto;

}



.sectionRow .wideContainer{

	padding-top: 96px;

	padding-bottom: 96px;

}



.sectionRow .wideContainer:hover .leftBar h2{

padding: 68px 96px 0 96px;

}



.subPage .sectionRow.firstRectionRow .wideContainer{

	padding-top: 12px;

}



.leftBar{

width: 130px;

left: 0;

bottom: 0;

top: 0px;

position: absolute;

overflow: hidden;

box-sizing: border-box;

background: rgba(255, 255, 255, 0.5);

}



.leftBar .header{

    width: 900px;

}

.leftBar h2{

white-space: nowrap;

text-align: right;

font-weight: 600;

padding: 60px 96px 0 96px;



transform: rotate(-90deg) translateX(-100%);

-ms-transform: rotate(-90deg) translateX(-100%);

-moz-transform: rotate(-90deg) translateX(-100%);

-webkit-transform: rotate(-90deg) translateX(-100%);

-o-transform: rotate(-90deg) translateX(-100%);



transform-origin: left top;

-ms-transform-origin: left top;

-moz-transform-origin: left top;

-webkit-transform-origin: left top;

-o-transform-origin: left top;



-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}



.leftBar.grey{

background: #e8e8e8;

border-right: 10px #000 solid;

}

.leftBar.blue{

background: #007DC5;

border-right: 10px #fff solid;

}



.leftBar.lightBlue{

background: #a2c8e2;

border-right: 10px #000 solid;

}

.leftBar.footer{

background: #dedede;

border-right: 10px #007DC5 solid;

}

.leftBar.default{

background: rgba(222,222,222,0.2);

border-right: 10px rgba(222,222,222,0.3) solid;

}

#footerWrap{

	background: #f2f2f2;

	line-height: 1.8;

}



#footerWrap h5{

margin-bottom: 12px;

}



#footerWrap h5 span{

display: inline-block;

border-bottom: 3px #007DC5 solid;

}



#footerWrap .logo{

	max-width: 220px;

}



#footerWrap .container{

max-width: 2000px;

}

#footerWrap .linksWrap{

padding: 36px 0;

}



#footerWrap .linksWrap a{



line-height: 28px;

}



#footerWrap .copyright{

border-top: 1px #c7c7c7 solid;

margin-left: -40px;

line-height: 26px;

padding: 10px 40px 20px 40px;

overflow: hidden;

line-height: 1.6;

}



#footerWrap .copyright .txt{

	float: left;

}



#footerWrap .copyright .rightLinks{

	float: right;

}



#footerWrap .copyright .link:hover{

	color: #007DC5;

}



.none2 {

	display: none !important;

}



.subBanner{

height: 480px;

position: relative;

overflow: hidden;

background-color:#231f20; 

background-size: cover;

background-position: center;

}





.subBanner:before{

content: "";

display: block;

width: 150%;

height: 100%;

position: absolute;

background: rgba(0,174,239,0.25);

bottom: -100%;

right: 0;



-webkit-transition: all 1.2s ease;

-moz-transition: all 1.2s ease;

-o-transition: all 1.2s ease;

transition: all 1.2s ease;



transform-origin: 65% top;

-ms-transform-origin: 65% top;

-moz-transform-origin: 65% top;

-webkit-transform-origin: 65% top;

-o-transform-origin: 65% top;

}



.subBanner:after{

content: "";

display: block;

width: 150%;

height: 100%;

position: absolute;

background: #fff;

bottom: -100%;



-webkit-transition: all 1.2s ease;

-moz-transition: all 1.2s ease;

-o-transition: all 1.2s ease;

transition: all 1.2s ease;

transform-origin: left top;

-ms-transform-origin: left top;

-moz-transform-origin: left top;

-webkit-transform-origin: left top;

-o-transform-origin: left top;

}

.subBanner .wideContainer{

height:	100%;

}



.subBanner .leftBar{

	background: linear-gradient(0,rgba(222,222,222,0.2), rgba(255, 255, 255, 0.5));

	z-index: 2;

}



.subBanner h1{

color: #1c4c94;

}



.subBanner .container{

height:	100%;

position: relative;

}



.subBanner .content{

position: absolute;

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

-moz-transform: translateY(-50%);

}

.subPage .sectionRow h4{

margin-bottom: 40px;

color: #007DC5;

}





.loaded .subBanner:after{

-webkit-transform: rotateZ(-5deg);

-ms-transform: rotateZ(-5deg);

transform: rotateZ(-5deg);

}



.loaded .subBanner:before{

-webkit-transform: rotateZ(20deg);

-ms-transform: rotateZ(20deg);

transform: rotateZ(20deg);

}





.loaded #screenHome:before{

-webkit-transform: rotateZ(20deg);

-ms-transform: rotateZ(20deg);

transform: rotateZ(20deg);

}





.loaded #screenHome:after{

-webkit-transform: rotateZ(-15deg);

-ms-transform: rotateZ(-15deg);

transform: rotateZ(-15deg);

}





#screenHome .leftBar,

.subBanner .leftBar{

top: 120px;

opacity: 0;

-webkit-transition: all 1.2s ease 0.6s;

-moz-transition: all 1.2s ease 0.6s;

-o-transition: all 1.2s ease 0.6s;

transition: all 1.2s ease 0.6s;

}



.loaded .subBanner .leftBar,

.loaded #screenHome .leftBar{

top: 170px;

opacity: 1;

}









.showMobile,

.showMobileInline{

display: none;

}



@media (max-width: 1710px) {

.wideContainer{

margin: 0 50px;

}



}







@media (max-width: 768px) {





#footerWrap .copyright {

    margin-left: 0px;

    padding: 10px 20px 20px 20px;

	text-align: center;

	font-size: 12px;

}

#footerWrap .copyright .txt,

#footerWrap .copyright .rightLinks{

	float: none;

}



#footerWrap h5{

margin-top: 16px;

}



#footerWrap .logo {

display: block;
margin-bottom:30px;

}



}







@media (max-width: 640px) {

body{

font-size: 14px;

min-width: 300px;

}



.hideMobile {

display: none;

}



.showMobile {

display: block;

}



.showMobileInline {

display: inline-block;

}





.wideContainer {

    margin: 0 0px;

	padding-left: 60px;

}



.container {

margin: 0 15px;

}



.leftBar{

width: 60px;

}



/* .sectionRow .leftBar{

width: 30px;

}

.sectionRow .wideContainer {

    padding-left: 30px;

} */



/* .sectionRow .leftBar{

display: none;

}

.sectionRow .wideContainer {

    padding-left: 0px;

} */



.loaded .subBanner .leftBar, .loaded #screenHome .leftBar {

    top: 70px;

}



h1 {

	font-size:22px;

}



.subBanner {

    height: 240px;

}

.subPage .sectionRow.firstRectionRow .wideContainer{

	padding-top: 32px;

}

.sectionRow .wideContainer {

    padding-top: 64px;

    padding-bottom: 64px;

}







}