@charset "utf-8";
/* CSS Document */
* { box-sizing:border-box;}
*::before, *::after { box-sizing: border-box; }
img { max-width: 100%;}
body,h1,h2,h3,h4,h5,h6,ul,ol,p { padding:0; margin:0;}
body, html {height:100%; width: 100%; overflow-x: clip;}
body { background-color: #f7f7f7; font-family: 'General Sans Regular'; font-size: 24px; line-height:1.5; color:#000;}
a { text-decoration:none; color:#000000; transition: all 0.4s ease;}
a:hover { text-decoration:none; color:#37742F;}
a, a:active, a:visited, a:hover { outline: medium none; text-decoration: none;}

/* font-family: "Instrument Serif", serif; */

 @font-face {
    font-family: 'General Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Regular'), url('GeneralSans-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Italic'), url('GeneralSans-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Extralight';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Extralight'), url('GeneralSans-Extralight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Extralight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Extralight Italic'), url('GeneralSans-ExtralightItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Light';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Light'), url('GeneralSans-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Light Italic'), url('GeneralSans-LightItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Medium'), url('GeneralSans-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Medium Italic'), url('GeneralSans-MediumItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Semibold'), url('GeneralSans-Semibold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Semibold Italic'), url('GeneralSans-SemiboldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Bold'), url('GeneralSans-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'General Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('General Sans Bold Italic'), url('GeneralSans-BoldItalic.woff') format('woff');
    }

.wrapper { padding: 0 42px;}

.logo {clear:both; width: 100%; overflow: hidden; text-align: center; background: #040404; padding: 20px 0; position: fixed; z-index: 5;transition: all 0.4s ease;}
.logo.sticky {padding: 5px 0;}
.logo img {display: block; margin: 0 auto; width: 240px;}
.banner_area { clear: both; width: 100%; overflow: hidden; margin: 0 0 150px; padding-top: 76px;}
.banner_area video {width: 100%; display: block;}

.title {clear: both; width: 100%; overflow: hidden; text-align: center; margin: 0 0 70px;}

.numbers_area {clear: both; width: 100%; overflow: hidden; margin: 0 0 150px;}
.numbers_area .numbers {margin: 0 -10px; overflow: hidden;}
.numbers_area .numbers .column {float: left; width: 25%; padding: 0 10px 20px;}
.numbers_area .numbers .column .box {background: #fff; padding: 40px; min-height: 382px; position: relative;}
.numbers_area .numbers .column .box span.top { font-size: 96px; font-family: 'General Sans Semibold'; line-height: 1;}
.numbers_area .numbers .column .box span.bottom { position: absolute; bottom: 30px; left: 40px; font-size: 28px; font-weight: 600;}
.numbers_area .numbers .column .box.green {background: #D8F20B;}
.numbers_area .numbers .column .box.black {background: #000; color: #fff;}

.que_area {clear: both; width: 100%; overflow: hidden; margin: 0 0 150px;}
.que_area .que {clear: both; width: 100%; overflow: hidden; text-align: center; margin: 0 0 50px;}
.que_area .que h2 {font-size: 40px;font-family: 'General Sans Semibold'; margin: 0 0 30px;}
.que_area .que p {margin: 0 auto 30px; max-width: 1680px; color: #8F8F8F;}
.que_area .btn_area {margin: 0 -10px;}
.que_area .btn_area .column {float: left; width: 25%; padding: 0 10px;}

.founders_area {clear: both; width: 100%; overflow: hidden; background: #040404; margin: 0 0 150px;}
.founders_area .foudners {display: flex;}
.founders_area .foudners .text { width: 722px; color: #fff; padding: 40px; position: relative;}
.founders_area .foudners .text .quote {margin: 0 0 10px;}
.founders_area .foudners .text h2 {font-size: 40px;font-family: 'General Sans Semibold'; line-height: 1.3;}
.founders_area .foudners .text > span {position: absolute; left: 40px; bottom: 30px;}
.founders_area .foudners .text > span > span {color: #D8F20B; font-size: 28px;}
.founders_area .foudners .text > span > span i {font-family: "Instrument Serif", serif;}
.founders_area .foudners .image {width: calc(100% - 722px);}
.founders_area .foudners .image img {display: block;}

.trust_area {clear: both; width: 100%; overflow: hidden; margin: 0 0 150px;}
.trust_area .trust {clear: both; width: 100%; overflow: hidden; text-align: center;}
.trust_area .trust h2 {font-size: 40px;font-family: 'General Sans Semibold'; margin: 0 0 30px;}
.trust_area .trust p {margin: 0 auto 30px; max-width: 1280px; color: #8F8F8F;}
.trust_area .trust_columns {clear: both; overflow: hidden; margin: 0 -10px;}
.trust_area .trust_columns .column {float: left; width: 25%; padding: 0 10px 20px; text-align: center;}
.trust_area .trust_columns .column img { margin: 0 0 50px;}
.trust_area .trust_columns .column h3 {font-size: 24px; font-family: 'General Sans Medium'; margin: 0 0 10px;}
.trust_area .trust_columns .column p {font-size: 20px;}
.trust_area .clients_area {clear: both; width: 100%; overflow: hidden; margin: 0 0 150px;}
.trust_area .clients_area .column {float: left; width:16.66%;}
.trust_area .clients_area .column img {display: block; filter: grayscale(100%); -webkit-filter: grayscale(100%); }

.memory_area {clear: both; width: 100%; overflow: hidden; background: #000000; margin: 0 0 150px; padding: 100px 0 40px;}
.memory_area .title {text-align: left;}
.memory_area .memory {color: #fff; margin: 0 -20px;}
.memory_area .memory .column {padding: 0 20px; border-right: 1px solid #333;}
.memory_area .memory .column .no {font-size: 96px;font-family: 'General Sans Semibold'; line-height: 1; margin: 0 0 60px;}
.memory_area .memory .column h3 {font-size: 32px; margin: 0 0 20px; min-height: 96px; display: flex; flex-direction: column; justify-content: flex-end;}

.culture_area {clear: both; width: 100%; overflow: hidden;}
.culture_area .culture_img img {	margin: 0 0 80px; width: 100%;}
.culture_area .culture { margin: 0 -50px;}
.culture_area .culture .column {float: left; width: 50%; padding:0 50px 100px;}
.culture_area .culture .column h2 {font-size: 40px;font-family: 'General Sans Semibold'; line-height: 1.3; margin: 0 0 10px;}
.culture_area .culture .column p {color: #8F8F8F;font-family: 'General Sans Medium';}

.lived_area {clear: both; width: 100%; overflow: hidden; background: #fff; padding: 60px 0 120px; text-align: center;}
.lived_area img { margin: 0 0 50px;}
.lived_area p {color:#8F8F8F;font-family: 'General Sans Medium'; text-align: center; max-width: 1220px; margin: 0 auto;}

.thankyou_area {clear: both; width: 100%;overflow: hidden; padding: 150px 0;}
.thankyou_area .title {text-align: left; margin: 0 0 40px;}
.thankyou_area p {color: #8F8F8F; max-width: 1110px;font-family: 'General Sans Medium';}

.lets_talkArea {clear: both; width: 100%; overflow: hidden; background: #1E1E1E; color:#fff;}
.lets_talkArea .lets_talk {display: flex; align-items: center; padding: 80px 0;}
.lets_talkArea .lets_talk .left { width: calc(100% - 290px);}
.lets_talkArea .lets_talk .left h3 {font-family: 'General Sans Medium'; font-size: 52px; font-weight: 500;}
.lets_talkArea .lets_talk .right {width: 290px;}
.lets_talkArea .lets_talk .right img {display: block;}

.footer_area {clear: both; width: 100%; overflow: hidden; background: url(../images/bg-footer.jpg) no-repeat center center; background-size: cover; padding: 100px 0 40px;}
.footer_area h2 {clear: both; width: 100%; overflow: hidden; text-align: center; font-weight: 400; font-family: "Instrument Serif", serif; font-size: 120px; font-style: italic; margin: 0 0 130px;}
.footer_area .left {float: left;}
.footer_area .left img {float: left;}
.footer_area .left span {margin: 0 20px;}
.footer_area .right {float: right;font-family: 'General Sans Medium';}
.footer_area .right a {margin: 0 20px;}





/* for 1440 */
@media (max-width: 1919px) {
    body {font-size: 22px;}
    .numbers_area .numbers .column .box {padding: 30px;min-height: 320px;}
    .numbers_area .numbers .column .box span.top {font-size: 80px;}
    .numbers_area .numbers .column .box span.bottom {font-size: 22px; left: 30px;}
	.founders_area .foudners .text { width: 600px;}
	.founders_area .foudners .text h2 {font-size: 30px;}
	.founders_area .foudners .image {width: calc(100% - 600px);}
    .trust_area .trust_columns .column h3 {font-size: 21px;}
    .trust_area .trust_columns .column p { font-size: 18px;}
    .memory_area .memory .column h3 {font-size: 24px; min-height: 80px;}

	
}


/* for 1280 */
@media (max-width: 1439px) {
    .banner_area,.numbers_area,.founders_area,.trust_area,.memory_area,.que_area,.trust_area .clients_area {margin: 0 0 100px;}	
    .title {margin: 0 0 50px;}
    .numbers_area .numbers .column .box {min-height: 290px;}
    .thankyou_area { padding: 150px 0;}
    .footer_area {padding: 70px 0 30px;}
    .trust_area .clients_area .column {width: 20%;}
    
	
	
}


/* for 1024 */
@media (max-width: 1279px) {
    body { font-size: 20px;}
    .numbers_area .numbers .column {width: 33.33%;}
    .founders_area .foudners { display: block;}
    .founders_area .foudners .text {width: 100%;}
    .founders_area .foudners .text > span {position: relative; bottom: auto; left: auto; margin-top: 30px; display: block;}
    .founders_area .foudners .image {width: 100%;}
    .trust_area .trust h2,.culture_area .culture .column h2 {font-size: 36px;}
    .trust_area .trust_columns .column {width: 50%;}
    .trust_area .trust_columns .column:nth-child(3) { clear: both;}
    .footer_area h2 {font-size: 100px;margin: 0 0 100px;}
    
	
	
	
	
}


/* for 800 */
@media (max-width: 990px) {	
    .banner_area,.numbers_area,.founders_area,.trust_area,.memory_area,.que_area,.trust_area .clients_area {margin: 0 0 70px;}	
    .numbers_area .numbers .column {width: 50%;}
    .memory_area .memory .column h3 {font-size: 20px;}
    .culture_area .culture_img img {margin: 0 0 50px;}
    .trust_area .trust h2, .culture_area .culture .column h2 {font-size: 28px;}
    .culture_area .culture {margin: 0 -30px;}
    .culture_area .culture .column {padding: 0 30px 70px;}
    .thankyou_area { padding: 100px 0;}
    .footer_area h2 {font-size: 80px; margin: 0 0 50px;}
    .footer_area .left {width: 100%; text-align: center; margin: 0 0 10px;}
    .footer_area .left img {display: block; float: none; margin:  0 auto;}
    .footer_area .left span {display: none;}
    .footer_area .right {width: 100%; text-align: center;}
    .trust_area .clients_area .column {width: 25%;}
	
	
}


/* for 786 */
@media (max-width: 768px) {
    
}


/* for 600 */
@media (max-width:767px) { 
    .trust_area .trust_columns .column {width: 100%;}
    .trust_area .trust_columns .column img {margin: 0 0 30px;}
    .culture_area .culture {margin: 0;}
    .culture_area .culture .column {width: 100%; padding: 0 0 50px;}
    .footer_area h2 {font-size: 62px;}
    .trust_area .clients_area .column {width: 33.33%;}
	
}


/* for 480 */
@media (max-width: 599px) {
    .banner_area, .numbers_area, .founders_area, .trust_area, .memory_area,.que_area,.trust_area .clients_area {margin: 0 0 50px;}
    .numbers_area .numbers .column {width: 100%;}
    .title { margin: 0 0 30px;}
    .memory_area {padding: 50px 0 30px;}
    .thankyou_area {padding: 50px 0;}
    .footer_area h2 { font-size: 48px;}
    .footer_area .right a { margin: 0 10px;}
    .footer_area {padding: 50px 0 20px;}
    .footer_area h2 {margin: 0 0 30px;}
    .trust_area .clients_area .column {width: 50%;}

}


/* for 360 */
@media screen and (max-width: 479px) {
    .wrapper { padding: 0 22px;}
    .que_area .que h2 {font-size: 32px;}
    .memory_area .memory .column .no {margin: 0 0 30px;}
    .culture_area .culture_img img {margin: 0 0 30px;}
    .lived_area {padding: 30px 0;}
    .footer_area h2 { font-size: 38px;}
    .footer_area .right a { margin: 0 2px;}
    .trust_area .clients_area .column {width: 100%; float: none; max-width: 307px; margin: 0 auto;}

	
	
	
}


/* for 320 */
@media screen and (max-width: 359px) {
	
	
}