/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */
*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, figure, hr{margin:0; padding:0; font-size:100%; } 
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%; line-height:100%;}
input[type="submit"]{cursor:pointer}img{border:none}ul,ol{padding:0 0 0 30px; margin:0; text-align:left}
@font-face {font-family:"Font-Regular"; src:url("../fonts/Font-Regular.eot"); src:url("../fonts/Font-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Regular.woff") format("woff"), url("../fonts/Font-Regular.ttf") format("truetype"), url("../fonts/Font-Regular.svg#Font-Regular") format("svg"); font-weight:normal; font-style:normal;}
@font-face {font-family:"Font-Light"; src:url("../fonts/Font-Light.eot"); src:url("../fonts/Font-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Light.woff") format("woff"), url("../fonts/Font-Light.ttf") format("truetype"), url("../fonts/Font-Light.svg#Font-Light") format("svg"); font-weight:normal; font-style:normal;}
@font-face {font-family:"Font-Bold"; src:url("../fonts/Font-Bold.eot"); src:url("../fonts/Font-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Bold.woff") format("woff"), url("../fonts/Font-Bold.ttf") format("truetype"), url("../fonts/Font-Bold.svg#Font-Bold") format("svg"); font-weight:normal; font-style:normal;}

a{color:#ed2e38; cursor:pointer; outline:none;}
a:link,  a:visited {color:#fff; cursor:pointer;}
a:hover, a:active {color:#1e1e1e; cursor:pointer;}

body{font-family:"Font-Regular", sans-serif; font-size:16px; color:#737170; position:relative; background:#fff;}

input, select, textarea, button{font-family:"Font-Regular", sans-serif; font-weight:normal; resize:none; color:#666; -webkit-appearance: none; font-size:100%; border:none; line-height:20px; padding:10px 20px}
a,input,button,input,i{transition:all 0.3s ease}button{ cursor:pointer}

hr{width:100%; height:1px; border:none; margin:10px 0}
strong{font-family:"Font-Bold", sans-serif; font-weight:normal}
.hide{display:none}

.lazyload {opacity: 0; transform: scale(0.8);}
.lazyloaded {opacity: 1; transition: all 700ms; transform: scale(1);}

#pre_load{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/logo.png) no-repeat center rgba(0,0,0,0.9); z-index:10;}
#pre_load > div{position:absolute; top:50%; left:50%; transform:translate(-50%, 0); margin-top:40px;}
#pre_load .dot{width:20px; height:20px; border:2px solid #fff; border-radius:50%; float:left; margin:0 5px; -webkit-transform:scale(0); transform:scale(0); 
	-webkit-animation:fx 1000ms ease infinite 0ms; animation:fx 1000ms ease infinite 0ms;}
#pre_load .dot:nth-child(2) {
	-webkit-animation:fx 1000ms ease infinite 300ms; animation:fx 1000ms ease infinite 300ms;}
#pre_load .dot:nth-child(3) {
	-webkit-animation:fx 1000ms ease infinite 600ms;  animation:fx 1000ms ease infinite 600ms;}
@-webkit-keyframes fx {
	50% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
	100% {opacity:0;}
}
@keyframes fx {
	50% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
	100% {opacity:0;}
}

#nav{width:100%; position:fixed; top:-60px; left:0; display:table; transition:all 0.3s ease; z-index:2; background:#00aeef;}
#nav.change{top:0px}
#nav .logo{float:left;}
	#nav .logo img{ display:block; margin:10px 15px;}
#nav .page_position{height:60px; line-height:60px; float:left; display:inline-block; margin-left:15px; text-transform:uppercase; position:relative; overflow:hidden; color:#fff; font-family:'Font-Bold'}
#nav .page_position ul{list-style:none; padding:0; position:relative; top:0; left:0; }

.menu{height:60px; float:right}
.menu a,.menu span{display:inline-block; vertical-align:middle; margin:15px 0}
.menu a img,.menu span img{height:30px; display:block;}
	.full-up{}
	.full-down{}
	#split{margin:10px 20px}
	#mobile{margin-right:20px}

.navigation{background:#009ee0; position:absolute; top:100%; right:0; padding:20px; display:none}
.navigation a{display:block; line-height:20px; padding:10px 10px 5px 10px; border-bottom:2px solid #009ee0}
.navigation a:hover{ text-decoration:none; color:#fff; border-bottom-color:#fff}

.fullpage{z-index:0}
	.section .parallax{width:100%; height:100%; background-position:center; background-size:cover; position:absolute; top:0; left:0; z-index:0}
		.section .parallax div{width:100%; height:100%; background:rgba(255,255,255,0); transition:all 0.3s ease;}
		.section .parallax div.change{}
	
	.container{position:relative; z-index:1; transition:all 0.7s ease;}
	.container.change{}
	
/*Welcome*/
#section0{ color:#fff; line-height:160%; font-size:18px;}
#section0 .container{ position:relative}
	#section0 .head{font-size:70px; font-family:'Font-Bold'; margin-bottom:15px}
	#section0 p{ padding:10px 0}
	#section0 img{width:90%; display:block; margin:auto;}
	#section0 .full-down{position:absolute; bottom:-70px; left:50%; margin-left:-25px; outline:none; box-sizing:content-box}
	#section0 .full-down:hover{bottom:-80px; }
	#section0 .full-down img{ max-width:100%; width:auto; display:block}

/*Our Leaders*/
#section1{line-height:160%; font-size:16px;}
#section1 .container{padding-top:60px}
	.leaders{ display:table; text-align:center;}
	.leaders > div{ width:20%; display: table-cell}
	.leaders img{ width:80%; display:block; margin:auto; margin-top:20px}
	.leaders hr{ height:5px; margin:0 0 15px 0;}
	.leaders h2{font-family:'Font-Bold'; line-height:160%;}
	
/*Our Thoughts*/
#section2 .container{ display:table; padding:0; padding-top:60px; height:100%; width:100%;}
#section2 .container > div{display:table-cell; vertical-align:middle; position:relative}
	#section2 .person{width:50%; float:left; cursor:pointer;}
	#section2 .person hr{ height:10px; margin:0;}
	
	#section2 .face{text-align:center; overflow:hidden}
	#section2 .face:hover img{ margin-bottom:-10px; margin-top:10px;}
	#section2 .face img{ width:40%; display: inline-block; transition:all 0.3s ease;}
	#section2 .intro{text-align:center}
	#section2 .intro h2{font-size:40px; font-family:'Font-Bold'; margin:10px 0; }
	#section2 .intro p{font-size:22px; }
	
	#section2 .person.comment{width:50%; height:100%; position:absolute; overflow:auto; background:#fff; z-index:5; display:none; top:0; bottom:0;}
	#section2 .person.comment img{width:50%; float:left; padding:10px 10px 0 0;}
	#section2 .person.comment > div{padding:0 60px;}
	#section2 .person.comment .columns{-moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:40px; -webkit-column-gap:40px; column-gap:40px;}
	#section2 .person.comment h2{font-size:140%; padding:30px 0 10px 0; }
	#section2 .person.comment h3{font-size:100%; font-family:'Font-Bold'; text-transform:uppercase; margin:10px 0 5px 0}
	#section2 .person.comment h4{font-size:100%; font-family:'Font-Bold';  margin:10px 0 5px 0}
	#section2 .person.comment p{ font-size:14px; line-height:160%; padding-bottom:10px; }
	#section2 .info_close{width:40px; height:40px; line-height:100%; font-size:30px; position:absolute; top:20px; right:20px; cursor:pointer; border:1px solid #ccc; border-radius:50%; text-align:center}

/*Our Report*/
#section3 .container{ width:100%; display:table; background:#fff; padding:0; padding-top:60px; height:100%; position:relative}
#section3 .container > div{display:table-cell; vertical-align:middle; position:relative}
	.section_info{width:200%; height:100%; overflow:auto; background:#fff; position:absolute; top:0; z-index:5; display: none;}
	.sections_left .section_info{left:100%;}
	.sections_right .section_info{right:100%;}
	.sections_left,.sections_right{width:50%; height:100%; position:absolute; top:0; bottom:0;}
	.sections_left{left:0;}
	.sections_right{right:0;}
	#section3 .section_info > div{ min-height:100%; padding:0 60px; position:relative}
	#section3 .section_info h2{font-size:180%; padding:30px 0 10px 0;}
	#section3 .section_info p{color:#333; padding-bottom:10px;}
	#section3 .section_info .info_close{width:40px; height:40px; line-height:100%; font-size:30px; position:absolute; top:20px; right:20px; cursor:pointer; border:1px solid #ccc; border-radius:50%; text-align:center}
	#section3 .section_info .download_link{width:40px; height:40px; line-height:100%; font-size:30px; position:absolute; top:20px; right:70px; cursor:pointer; border:1px solid #ccc; border-radius:50%; text-align:center; background:url(../images/download.png) no-repeat center}
	
	#section3 .section_table{width:100%; height:33.333%; display:table; background:#f2f2f2; }
	#section3 .section_cell{display:table-cell; vertical-align:top; cursor:pointer; background-size:cover; background-position:center; transition:all 0.3s ease;}
	#section3 .section_cell > div{width:50px; height:50px; background:#fff; display:inline-block; vertical-align:middle; margin-top:20px; background-repeat:no-repeat; background-position:center; transition:all 0.3s ease;}
	#section3 .section_cell:hover{background-position:top;}
	#section3 .section_cell:hover > div{background-color:#00aeef !important; }
	#section3 .section_cell h2{height:50px; font-family:'Font-Bold'; font-size:20px; color:#fff; line-height:20px; padding:15px 0; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-top:20px; margin-left:10px;}
	#section3 .section_cell h2 span{width:35px; height:35px; background:url(../images/sprite.png) -105px -70px; float:right}
	
#section4{ text-align:center}
	#section4 a{display:block; outline:none; display:inline-block}
	#section4 img{width:70%; display:block; margin:auto}
	#section4 a:hover img{width:75%; transition:all 0.3s ease;}



@media (min-width:768px) {.container {width:760px;}}
@media (min-width:992px) {.container {width:970px;}}
@media (min-width:1200px) {.container {width:1170px;}}
@media (min-width:1600px) {.container {width:1400px;}}
@media (min-width:1950px) {.container {width:1400px !important;}}

@media (max-width:1600px){
	#section0 img{ width:94%;}
	#section0 .head{ margin-bottom:10px; font-size:60px;}
	#section0 p{padding:5px 0; font-size:14px}
	
}
@media (max-width:1200px){
	
}
@media (max-width:992px){
	
}
@media (max-width:750px){
	body{ font-size:14px; line-height:140%;}
	#nav .logo img{width:auto; display:block; height:30px; margin:15px 15px;}
	#nav .page_position{display:none}
	
	#section0{line-height:140%;}
	#section0 img{width:100%;}
	#section0 .head{font-size:40px; margin-top:10px; }
	#section0 p{padding:5px 0; font-size:14px}
	
	.leaders{ width:100%; display:block; overflow:auto;}
	.leaders > div{ width:50%; display:block; float:left;}
	
	#section2 .face img{ width:80%;}
	#section2 .intro h2{ font-size:20px;}
	#section2 .intro p{ font-size:16px;}
	#section2 .person.comment img{ display:block; float:none; padding:10px 0; width:100%;}
	#section2 .person.comment > div{ padding:10px;}
	#section2 .person.comment .columns{-moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0;}
	
	#section3 .section_cell > div{ width:40px; height:40px; margin-top:10px; }
	#section3 .section_info > div{padding:10px;}
	#section3 .section_info h2{ font-size:140%; padding-top:60px;}
	#section3 .section_cell h2{ margin-top:0px; font-size:14px;}
	
	#section4 img{ width:100%;}
}

#javaMessage{width:100%; height:100%; line-height:40px; background: url(../images/background_1.png); text-align:center; color:#333; position:absolute; top:0; left:0; z-index:100; display:none}

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */