@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/*------------| body frame start |-----------*/
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;-moz-text-size-adjust: none;-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0; padding: 0;}
html, body {width: 100%;padding: 0px;margin: 0;}
body{font-family: 'Poppins', sans-serif; font-weight:400; font-size: 18px; line-height: 30px; color:#242424;padding:0;margin: 0px; min-width: 320px;}
body {display: flex; flex-direction: column; }
html, body{height: 100%;}
#page-wrap{width: 100%;max-width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;padding-top:230px; overflow: hidden;}
footer{flex-shrink: 0;}

/*=============== tags start ===================**/
section {position: relative;clear: both;width: 100%;}
*:focus {outline: 0;}
*:focus, a:hover, a:active, a:focus {outline: 0;}
button::-moz-focus-inner {border: 0;outline: 0;}
figure {padding: 0px;margin: 0px;}

a{color:#242424;text-decoration:underline;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;}
a:hover{color:#8dc63f;text-decoration: none;}

img {border: 0px;outline: none;display: block;max-width: 100%;height: auto;}
blockquote { position: relative; margin: 20px 0 20px;padding: 20px 40px 20px 50px; quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {content: open-quote;font-size: 80px;line-height: 70px;position: absolute;left: 0;top: 0;font-style: normal;color:#8dc63f}
blockquote:after {content: close-quote;font-size: 80px;line-height: inherit;position: absolute;right: 0px;bottom:0px;font-style: normal; color: #8dc63f;}

blockquote p:last-child {padding-bottom: 0;}
input, select, textarea {margin: 0px; font-size: 16px; line-height: 19px;font-family: 'Poppins', sans-serif; font-weight:400; color:#242424;}

h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;margin-bottom: 28px;display: block;font-family: 'Poppins', sans-serif; font-style: normal;}
h1{font-size:68px; line-height:82px; margin-bottom: 30px;font-family: 'Noto Sans', sans-serif; font-weight: 400;}
h2{font-size:52px; line-height:66px;font-family: 'Noto Sans', sans-serif; font-weight: 700;}
h3{font-size:50px; line-height:62px; font-family: 'Noto Sans', sans-serif; font-weight: 700;}
h4{font-size:48px; line-height:52px; font-weight: 600;}
h5{font-size:30px; line-height:34px;}
h6{font-size:24px; line-height:28px;font-family: 'Noto Sans', sans-serif; font-weight: 700;}

ul li, ol li {padding-bottom:6px;}
ul {padding: 0px 0px 20px 20px;	margin: 0px;}
ol {padding: 0px 0px 20px 20px;	margin: 0px;}

input[type='submit'], input[type=button], input[type=reset], button {-webkit-appearance: none;-moz-appearance:none;appearance: none;}
textarea {resize: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder {color:#242424}
input::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder {color:#242424; opacity:  1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder { color:#242424}
input:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder {color:#242424}

p {display: block;margin: 0px;padding: 0px 0px 20px 0px;}
hr {padding: 0px; border: 0px; height: 1px; margin: 10px 0 30px; background-color: #000; max-width: 100%;width: 100%;}

.pull-left{float:left;}
.pull-right{float: right;}
.text-left {text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.alignnone{ margin: 20px 0;}
.alignright {float: right; margin-left: 20px;margin-top: 5px; margin-bottom: 20px;}
.alignleft {float: left; margin-right: 20px; margin-top: 5px; margin-bottom: 20px;}
.aligncenter {clear: both; margin-bottom: 20px;display: block; margin-left: auto; margin-right: auto;}

.box {position: relative;}
.box:before {content: "";	display: block;	padding-top:64%; 	/* initial ratio of 1:1*/}
.imageHolder {position: absolute;	left: 0px;top: 0px;right: 0px;bottom: 0px;}
.cover {object-fit: cover;	font-family: 'object-fit: cover';	object-position: center center;	font-family: 'object-fit: cover; object-position: center center';
	width: 100%;height: 100%;}


.container {padding: 0 20px; margin: 0 auto;}
.container_1600 {max-width:1640px;width: 100%;padding: 0 20px; margin: 0 auto;}
.container_1600::after{visibility: hidden;display: block;font-size: 0px;content:" ";clear: both;height: 0%;}

.flexWrap{text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: row wrap;padding: 0;list-style: none;}
.col-12{width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6{width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4{width: 33.33%}
.col-3{width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* common css */
.TSpace{ padding:80px 0 0 0;}
.BSpace{ padding: 0 0 80px;}
.TBSpace{ padding: 80px 0;}


.fadeIn.animateMe {
	opacity: 1
}

.fadeInUp {
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
-webkit-transition: opacity 1s ease .2s, transform 1s ease .2s;
-moz-transition: opacity 1s ease .2s, transform 1s ease .2s;
-o-transition: opacity 1s ease .2s, transform 1s ease .2s;
transition: opacity 1s ease .2s, transform 1s ease .2s;
}
.fadeInUp.animateMe {
	opacity: 1;
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}