/*--Fonts--*/
@font-face{ 
	font-family: 'metropolis regular';
	src: url('font/metropolis-regular.eot');
	src: url('font/metropolis-regular.eot?#iefix') format('embedded-opentype'),
	     url('font/metropolis-regular.woff') format('woff'),
	     url('font/metropolis-regular.ttf') format('truetype'),
	     url('font/metropolis-regular.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'metropolis semibold';
	src: url('font/metropolis-semibold.eot');
	src: url('font/metropolis-semibold.eot?#iefix') format('embedded-opentype'),
	     url('font/metropolis-semibold.woff') format('woff'),
	     url('font/metropolis-semibold.ttf') format('truetype'),
	     url('font/metropolis-semibold.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'metropolis bold';
	src: url('font/metropolis-bold.eot');
	src: url('font/metropolis-bold.eot?#iefix') format('embedded-opentype'),
	     url('font/metropolis-bold.woff') format('woff'),
	     url('font/metropolis-bold.ttf') format('truetype'),
	     url('font/metropolis-bold.svg#webfont') format('svg');
}



/*--Basic Default Styling--*/
body,html{background: #0B0B0C; font-size: 16px; font-family: 'metropolis regular', sans-serif; max-width: 100%; width: 100%; margin: 0; padding: 0;}
body.lock{overflow: hidden;}
::-webkit-scrollbar{display: none;}
::-moz-selection {background: yellow; color: black;}
::selection {background: yellow; color: black;}

.cf:before,.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}

img,a,ul,li,p,h1,h2,h3,h4,h5,h6,span{margin: 0; padding: 0;}
p{font-size: 16px;}
h2{font-size: 34px;}
a:link,a:visited,a:active,a:hover{color: white;}
.footer_note{font-size: 12px;}
.nobreak{white-space: nowrap;}

.t25{-webkit-transition: 0.25s ease-in; -moz-transition: 0.25s ease-in; -ms-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; transition: 0.25s ease-in;}
.t50{-webkit-transition: 0.50s ease-in; -moz-transition: 0.50s ease-in; -ms-transition: 0.50s ease-in; -o-transition: 0.50s ease-in; transition: 0.50s ease-in;}

#container{width: 100%;}
.fullscreen{width: 100%; height: 100%;}
.table{display: table;}
.tablecell{display: table-cell; vertical-align: middle;}
.invisible_box{width: 100%;}
.content{width: 100%;}
section{width: 100%; position: relative; margin: 0; padding: 0; z-index: 20;}


/*--Landing Desktop--*/
#fixed_image_header{width: 100%; height: 500px; position: fixed; top: 0; left: 0; z-index: 10; background-image: url(img/assets/01_landing.jpg); background-position: center center; background-size: cover;}
#fixed_image_header h2{font-family: 'metropolis semibold', sans-serif; width: 100%; text-align: center; font-style: italic; color: white;}


/*--About Desktop--*/
section#about_section{}
section#about_section .invisible_box{height: 300px;}
section#about_section .curve{width: 100%; height: auto;}

section#about_section .content{background: white; padding: 100px 0 120px 0;}

section#about_section .content .centerblock{width: 800px; position: absolute; margin-left: -400px; left: 50%; margin-top: -110px;}
section#about_section .content .centerblock #logo{width: 100px; height: auto; float: left;}
section#about_section .content .centerblock p{width: 680px; margin: 0 0 0 20px; float: left;}

section#about_section .content h2{font-family: 'metropolis bold', sans-serif; color: #092545; width: 100%; font-style: italic; text-align: center;}

section#about_section .content .threeblock{width: 1000px; margin: 20px auto 0 auto;}
section#about_section .content .threeblock .gutter{width: 50px; height: 50px; float: left;}
section#about_section .content .threeblock .blocks{width: 300px; float: left; position: relative;}
section#about_section .content .threeblock .blocks img{width: 100%; height: auto;}
section#about_section .content .threeblock .blocks .description_box{left: 50%; bottom: -40px; margin-left: -115px; position: absolute; width: 230px; height: 100px; background: #092545; color: white; border-radius: 20px;}
section#about_section .content .threeblock .blocks .description_box p{width: 100%; text-align: center;}


/*--Service Desktop--*/
section#service_section{padding: 50px 0 50px 0; background-image: url(img/assets/03_chart.jpg); background-position: center center; background-size: cover;}
section#service_section .content{}
section#service_section .content h2{font-family: 'metropolis bold', sans-serif; color: white; width: 100%; font-style: italic; text-align: center;}
section#service_section .content p{width: 450px; color: white; text-align: center; margin: 20px auto 0 auto;}
section#service_section .content .footer_note{width: 800px; color: white; margin: 40px auto 0 auto; font-size: inherit !important;}

#main_wrapper{margin: 30px auto 0 auto; width: 990px; border-radius: 40px; border: 2px #fff solid; overflow: hidden;}
#main_wrapper img{width: 100%; height: auto;}
#main_wrapper img#desktop{display: block;}
#main_wrapper img#tablet{display: none;}
#main_wrapper img#mobile{display: none;}


/*--Client Desktop--*/
section#client_section{background: #EDEDED; padding: 0 0 50px 0;}
section#client_section .content{width: 1000px; margin: 0 auto;}
section#client_section .content .oneblock{width: 300px; float: left;}
section#client_section .content .oneblock img{width: 100%; height: auto;}
section#client_section .content .oneblock #client_text{background: #092545; width: 250px; padding: 50px 25px; text-align: left; color: white;}
section#client_section .content .oneblock #client_text h2{font-family: 'metropolis bold', sans-serif; color: white; margin: 0 0 10px 0; width: 100%; font-style: italic;}
section#client_section .content .oneblock #client_text p{}

section#client_section .content .gutter{width: 50px; height: 100px; float: left;}

section#client_section .content .twoblock{width: 650px; float: left;}
section#client_section .content .twoblock .gutter{width: 70px; height: 100px; float: left;}
section#client_section .content .twoblock .blocks{width: 290px; float: left;}
section#client_section .content .twoblock .blocks ul{padding: 50px 0 0 20px;}
section#client_section .content .twoblock .blocks li{margin: 0 0 10px 0; white-space: nowrap;}
section#client_section .content .twoblock .blocks:nth-child(3) ul li{white-space: normal;}


/*--Partner Desktop--*/
section#partner_section{background: white;}
#partner_header{background: #EDEDED; border-radius: 0 0 30px 30px; height: 120px; width: 500px; margin: 0 auto;}
#partner_header h2{font-family: 'metropolis bold', sans-serif; color: #092545; width: 100%; font-style: italic; text-align: center;}

section#partner_section .content{padding: 50px 0 60px 0;}
section#partner_section .content .twoblock{width: 1000px; margin: 0 auto;}
section#partner_section .content .twoblock .gutter{width: 84px; float: left; height: 100px;}
section#partner_section .content .twoblock .footer_note{width: 100%; float: left; margin: 40px 0 0 0;}
section#partner_section .content .twoblock .blocks{width: 450px; float: left; border-radius: 30px; border: 4px solid #092545;}
section#partner_section .content .twoblock .blocks .header{background: #092545; border-radius: 0 0 15px 15px; height: 60px; width: 250px; margin: 0 auto;}
section#partner_section .content .twoblock .blocks .header h2{font-family: 'metropolis bold', sans-serif; color: white; width: 100%; font-style: italic; text-align: center;}
section#partner_section .content .twoblock .blocks img{width: 100%; height: auto;}


/*--Footer Desktop--*/
section#footer_section{height: 300px; background-image: url(img/assets/06_footer.jpg); background-position: center center; background-size: cover;}
section#footer_section h2{font-family: 'metropolis semibold', sans-serif; width: 100%; margin: 0 auto 10px auto; text-align: center; font-style: italic; color: white;}
section#footer_section p{width: 100%; text-align: center; color: white;}
section#footer_section .footer_note{position: absolute; color: white; width: 100%; left: 0; bottom: 20px; text-align: center;}





/*--Start of Medium devices (tablets, less than 992px)--*/
@media (max-width: 991.98px){

.nobreak{white-space: normal;}

section#about_section .content .centerblock{width: 750px; position: absolute; margin-left: -375px; left: 50%; margin-top: -100px;}
section#about_section .content .centerblock #logo{width: 100px; height: auto; float: left;}
section#about_section .content .centerblock p{width: 630px; margin: 0 0 0 20px; float: left;}

section#about_section .content .threeblock{width: 750px; margin: 20px auto 0 auto;}
section#about_section .content .threeblock .gutter{width: 50px; height: 50px; float: left;}
section#about_section .content .threeblock .blocks{width: 350px; margin: 0 0 60px 0; float: left; position: relative;}
section#about_section .content .threeblock .blocks:nth-child(5){margin: 0 auto; float: none;}

#main_wrapper{width: 750px;}
#main_wrapper img#desktop{display: none;}
#main_wrapper img#tablet{display: block;}
#main_wrapper img#mobile{display: none;}

section#service_section .content .footer_note{width: 750px; color: white; margin: 40px auto 0 auto;}

section#partner_section .content .twoblock{width: 750px; margin: 0 auto;}
section#partner_section .content .twoblock .gutter{width: 44px; float: left; height: 100px;}
section#partner_section .content .twoblock .footer_note{width: 100%; float: left; margin: 40px 0 0 0;}
section#partner_section .content .twoblock .blocks{width: 345px; float: left; border-radius: 30px; border: 4px solid #092545;}

section#client_section .content{width: 750px; margin: 0 auto;}
section#client_section .content .oneblock{width: 250px; float: left;}
section#client_section .content .oneblock img{width: 100%; height: auto;}
section#client_section .content .oneblock #client_text{background: #092545; width: 200px; padding: 50px 25px; text-align: left; color: white;}
section#client_section .content .oneblock #client_text h2{font-family: 'metropolis bold', sans-serif; color: white; margin: 0 0 10px 0; width: 100%; font-style: italic;}
section#client_section .content .oneblock #client_text p{}

section#client_section .content .gutter{width: 50px; height: 100px; float: left;}

section#client_section .content .twoblock{width: 450px; float: left;}
section#client_section .content .twoblock .gutter{display: none;}
section#client_section .content .twoblock .blocks{width: 450px; float: left;}
section#client_section .content .twoblock .blocks:nth-child(1) ul{padding: 50px 0 0 20px;}
section#client_section .content .twoblock .blocks ul{padding: 0 0 0 20px;}
section#client_section .content .twoblock .blocks li{margin: 0 0 10px 0; white-space: nowrap;}

}/*--End of Medium devices (tablets, less than 992px)--*/





/*--Start of Small devices (landscape phones, less than 768px)--*/
@media (max-width: 767.98px){

#fixed_image_header h1{font-family: 'metropolis semibold', sans-serif; width: 500px; margin: 0 auto; text-align: center; font-style: italic; color: white;}

section#about_section .content .centerblock{width: 550px; position: absolute; margin-left: -275px; left: 50%; margin-top: -100px;}
section#about_section .content .centerblock #logo{width: 90px; margin: 0 20px 0 0; height: auto; float: left;}
section#about_section .content .centerblock p{width: 550px; margin: 0; float: none;}
section#about_section .content h2{margin: 120px 0 0 0; font-family: 'metropolis bold', sans-serif; color: #092545; width: 100%; font-style: italic; text-align: center;}

section#about_section .content .threeblock{width: 450px; margin: 20px auto 0 auto;}
section#about_section .content .threeblock .gutter{display: none;}
section#about_section .content .threeblock .blocks{width: 450px; float: left; position: relative; margin: 0 auto 60px auto;}
section#about_section .content .threeblock .blocks:nth-child(5){margin: 0;}

#main_wrapper{width: 550px;}
#main_wrapper img#desktop{display: none;}
#main_wrapper img#tablet{display: none;}
#main_wrapper img#mobile{display: block;}

section#service_section .content .footer_note{width: 550px; color: white; margin: 40px auto 0 auto;}

section#client_section .content{width: 550px; margin: 0 auto;}
section#client_section .content .oneblock{width: 550px; float: left;}
section#client_section .content .oneblock #client_text{background: #092545; width: 500px; padding: 50px 25px; text-align: left; color: white;}
section#client_section .content .oneblock #client_text h2{font-family: 'metropolis bold', sans-serif; color: white; margin: 0 0 10px 0; width: 100%; font-style: italic;}
section#client_section .content .oneblock #client_text p{}

section#client_section .content .gutter{display: none;}
section#client_section .content .twoblock{width: 550px; float: left;}
section#client_section .content .twoblock .gutter{display: none;}
section#client_section .content .twoblock .blocks{width: 550px; float: left;}
section#client_section .content .twoblock .blocks:nth-child(1) ul{padding: 50px 0 0 20px;}
section#client_section .content .twoblock .blocks ul{padding: 0 0 0 20px;}
section#client_section .content .twoblock .blocks li{margin: 0 0 10px 0; white-space: normal;}

#partner_header{background: #EDEDED; border-radius: 0 0 30px 30px; height: 120px; width: 550px; margin: 0 auto;}

section#partner_section .content .twoblock{width: 550px; margin: 0 auto;}
section#partner_section .content .twoblock .gutter{display: none;}
section#partner_section .content .twoblock .blocks{width: 550px; float: left; border-radius: 30px; border: 4px solid #092545;}
section#partner_section .content .twoblock .blocks:nth-child(3){margin: 40px 0 0 0;}
section#partner_section .content .twoblock .blocks .header{background: #092545; border-radius: 0 0 15px 15px; height: 60px; width: 200px; margin: 0 auto;}
section#partner_section .content .twoblock .footer_note{width: 100%; float: left; margin: 20px 0 0 0;}

}/*--End of Small devices (landscape phones, less than 768px)--*/





/*--Start of Small devices (portrait phones, less than 575px)--*/
@media (max-width: 575.98px){

#fixed_image_header h1{font-family: 'metropolis semibold', sans-serif; width: 350px; margin: 0 auto; text-align: center; font-style: italic; color: white;}

section#about_section .content .centerblock{width: 350px; position: absolute; margin-left: -175px; left: 50%; margin-top: -100px;}
section#about_section .content .centerblock #logo{width: 80px; margin: 0 20px 0 0; height: auto; float: left;}
section#about_section .content .centerblock p{width: 350px; margin: 0; float: none;}
section#about_section .content h2{margin: 100px 0 0 0; font-family: 'metropolis bold', sans-serif; color: #092545; width: 100%; font-style: italic; text-align: center;}

section#about_section .content .threeblock{width: 350px; margin: 20px auto 0 auto;}
section#about_section .content .threeblock .gutter{display: none;}
section#about_section .content .threeblock .blocks{width: 350px; float: left; position: relative; margin: 0 0 60px 0;}
section#about_section .content .threeblock .blocks:nth-child(5){margin: 0;}

#main_wrapper{width: 350px;}
#main_wrapper img#desktop{display: none;}
#main_wrapper img#tablet{display: none;}
#main_wrapper img#mobile{display: block;}

section#service_section .content .footer_note{width: 350px; color: white; margin: 40px auto 0 auto;}
section#service_section .content p{width: 300px;}

section#client_section .content{width: 350px; margin: 0 auto;}
section#client_section .content .oneblock{width: 350px; float: left;}
section#client_section .content .oneblock #client_text{background: #092545; width: 300px; padding: 50px 25px; text-align: left; color: white;}
section#client_section .content .oneblock #client_text h2{font-family: 'metropolis bold', sans-serif; color: white; margin: 0 0 10px 0; width: 100%; font-style: italic;}
section#client_section .content .oneblock #client_text p{}

section#client_section .content .gutter{display: none;}
section#client_section .content .twoblock{width: 350px; float: left;}
section#client_section .content .twoblock .gutter{display: none;}
section#client_section .content .twoblock .blocks{width: 350px; float: left;}
section#client_section .content .twoblock .blocks:nth-child(1) ul{padding: 50px 0 0 20px;}
section#client_section .content .twoblock .blocks ul{padding: 0 0 0 20px;}
section#client_section .content .twoblock .blocks li{margin: 0 0 10px 0; white-space: normal;}

#partner_header{background: #EDEDED; border-radius: 0 0 30px 30px; height: 120px; width: 350px; margin: 0 auto;}

section#partner_section .content .twoblock{width: 350px; margin: 0 auto;}
section#partner_section .content .twoblock .gutter{display: none;}
section#partner_section .content .twoblock .blocks{width: 350px; float: left; border-radius: 30px; border: 4px solid #092545;}
section#partner_section .content .twoblock .blocks:nth-child(3){margin: 40px 0 0 0;}
section#partner_section .content .twoblock .blocks .header{background: #092545; border-radius: 0 0 15px 15px; height: 60px; width: 200px; margin: 0 auto;}
section#partner_section .content .twoblock .footer_note{width: 100%; float: left; margin: 20px 0 0 0;}

}/*--End of Small devices (portrait phones, less than 575px)--*/