@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat: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: 'Montserrat', sans-serif; font-weight:400; font-size: 16px; line-height: 22px; color:#000000;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:0px;}

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:#000000;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: #7AA344;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: 70px;line-height: 70px;position: absolute;left: 0;top: 0;font-style: normal;color: #000}
blockquote:after {content: close-quote;font-size: 70px;line-height: inherit;position: absolute;right: 0px;bottom:0px;font-style: normal; color: #000;}

blockquote p:last-child {padding-bottom: 0;}
input, select, textarea {margin: 0px; font-size: 15px; line-height: 22px; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;margin-bottom: 10px;display: block;font-weight: normal;font-display: swap; font-style: normal;}
h1{font-size: 40px; line-height:46px; letter-spacing:0.8px; font-weight: 600;}
h2{font-size: 36px; line-height:40px;letter-spacing:0.72px; font-weight: 600;}
h3{font-size: 30px; line-height:40px;font-weight: 600;}
h4{font-size: 24px; line-height:32px;letter-spacing:0.48px; font-weight: 500;}
h5{font-size: 22px; line-height:30px;letter-spacing:0.48px; font-weight: 500;}
h6{font-size:20px; line-height:28px; font-weight: 600;}


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:#000}
input::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder {color:#000}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder { color:#000}
input:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder {color:#000}

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%;}

.btn{padding: 16px 20px 14px; font-weight: 500;}
.btn:hover{}

.green{ background:#7AA344;}
.green:hover{ background:#000;}
.black{background:#000;}
.black:hover{background:#7AA344;}
.gray{ background: #81878C}
.gray:hover{background:#000;}


.container {padding: 0 20px; margin: 0 auto;}
.container_1400 {max-width:1440px;width: 100%;padding: 0 20px; margin: 0 auto;}
.container_1400::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;}

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


.fadeInUp.animateMe { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.fadeInUp {-webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; transition: opacity .8s ease-in-out, transform .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out; -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out; -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;}

.fadeIn.animateMe {animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}

@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;
    }
}