@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&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:500; font-size: 16px; line-height: 22px; color:#183B61;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;}
body:before{background:url(../images/bgicon.svg) no-repeat center right; content: ""; position: fixed; right:0; width: 100%; height: 100%; opacity: 0.2; z-index: -1;}
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:#183B61;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:#00bb8d;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:#00bb8d}
blockquote:after {content: close-quote;font-size: 80px;line-height: inherit;position: absolute;right: 0px;bottom:0px;font-style: normal; color: #00bb8d;}

blockquote p:last-child {padding-bottom: 0;}
input, select, textarea {margin: 0px; font-size: 16px; line-height: 19px; font-family: 'Montserrat', sans-serif; font-weight:500; color:#969696;}

h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;margin-bottom: 10px;display: block;font-family: 'Montserrat', sans-serif;font-weight: 600;font-display: swap; font-style: normal;}
h1{font-size:62px; line-height:76px; margin-bottom: 30px;}
h2{font-size:62px; line-height:76px;}
h3{font-size:42px; line-height:52px;}
h4{font-size:28px; line-height:38px;}
h5{font-size:24px; line-height:34px;}
h6{font-size:22px; line-height:28px;}

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:#969696}
input::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder {color:#969696; opacity:  1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder { color:#969696}
input:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder {color:#969696}

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);
}

/* .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;
    }
}
