@charset "utf-8";
/* CSS Document */

body { padding:0px; margin:0px; background: url(../images/bg1.png) no-repeat 0 0; background-size: cover; font-size:16px; color:#282828; line-height:20px; font-family: 'Manrope-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:1230px; margin:auto; padding:0 15px;}


/*landing page*/
.landing-page{float: left;width: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column; height: 100vh; padding: 30px 0;}
.landing-logo {width: 100%;text-align: center;}
.landing-logo a{width: auto; display: inline-flex;}
.landing-logo img{width: 280px; border-radius: 5px;}
.landing-list{float: left;width: 100%; padding: 0 10%; margin-bottom: 30px;}
.landing-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 0; justify-content: center;}
.landing-list ul li{flex: 0 1 40%;}
.landing-list ul li a{width: 100%; float: left;}
.landing-list ul li .landing-img{width: 100%; float: left; overflow: hidden; border-radius: 25px; border: 3px solid #fff;}
.landing-list ul li .landing-img img{width: 100%; float: left;transition: all 0.5s ease;}
.landing-list ul li:hover .landing-img img{transform: scale(1.1);}
.landing-list ul li .landing-cnt{width: 100%; float: left; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.landing-list ul li .landing-cnt .arw-icon{width: 58px;height: 58px;background:#fff;border-radius:100%;margin: -28px 0 20px 0;z-index: 9;display: flex;align-items: center;justify-content: center; position: relative;transition: all 0.5s ease;}
.landing-list ul li .landing-cnt .arw-icon:after{position: absolute; content: ""; left: 0; right: 0; top:50%; transform: translateY(-50%); background: url(../images/arrow-up-right.svg) no-repeat 0 0; width: 17px; height: 17px; margin: 0 auto; transition: all 0.5s ease;}
.landing-list ul li .landing-cnt h3{width: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 26px; font-family: "Manrope", sans-serif; font-weight: 700;}
.landing-list ul li:hover .landing-cnt .arw-icon{background: #86C035;}
.landing-list ul li:hover .landing-cnt .arw-icon:after{background: url(../images/arrow-up-right-wht.svg) no-repeat 0 0;}
.landing-list ul li h2{color: #b02a25; font-size: 24px; line-height: 26px; font-family: "Manrope", sans-serif; font-weight: 700;}

.address {float: left;width: 100%;padding: 0 10%;}
.address h3{width: 100%; text-align: center; color: #b02a25; font-size: 28px; line-height: 36px; text-transform: uppercase; font-family: "Manrope", sans-serif; font-weight: 700; margin-bottom: 10px;}
.address p{width: 100%; text-align: center; color: #1f1d1b; font-size: 16px; line-height: 28px; font-family: "Manrope", sans-serif; font-weight: 400;}

.comming-soon {width: 100%; float: left; padding: 40px 10%;}
.comming-soon h2{width: 100%; float: left; color: #1f1d1b; font-size: 28px; line-height: 36px; font-family: "Manrope", sans-serif; font-weight: 700; text-align: center; margin-bottom: 5px;}
.comming-soon p{width: 100%; float: left; color: #1f1d1b; font-size: 20px; line-height: 30px; font-family: "Manrope", sans-serif; font-weight: 400; text-align: center; margin-bottom: 5px;}
.comming-soon h3{width: 100%; float: left; color: #1f1d1b; font-size: 24px; line-height: 32px; font-family: "Manrope", sans-serif; font-weight: 700; text-align: center;}