@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Oswald:wght@300;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: 'Lato', sans-serif;font-weight:normal; font-size: clamp(17px, 17px + (18 - 17) * ((100vw - 768px) / (1440 - 768)), 18px); line-height: 28px; color:#222221;padding:0;margin: 0px; min-width: 320px;}
body {display: flex; flex-direction: column; overflow-x: hidden;}
html, body{height: 100%;}
#page-wrap{width: 100%;max-width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;padding-top:200px;}
.home #page-wrap{ padding-top: 0}
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:#DA291C;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: #34373F;text-decoration: none;}

img {border: 0px;outline: none;display: block;max-width: 100%;height: auto;}
blockquote {
    font-size: clamp(36px, 36px + (50 - 36) * ((100vw - 768px) / (1440 - 768)), 50px);
    line-height: 1.2;
    letter-spacing: -0.5px;
    padding: 0;
    margin: 40px 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    position: relative;
    padding-left: 100px;
}


blockquote p:last-child {padding-bottom: 0;}
input, select, textarea {margin: 0px; font-size: clamp(17px, 17px + (18 - 17) * ((100vw - 768px) / (1440 - 768)), 18px); line-height: 22px; font-family: 'Oswald', sans-serif; font-weight: normal}
.homeBanner h1{font-size: clamp(60px, 60px + (100 - 60) * ((100vw - 768px) / (1440 - 768)), 100px);line-height:100px; letter-spacing: -2.25px;}
h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;margin-bottom: 10px;font-family: 'Oswald', sans-serif; font-weight: bold;display: block;font-display: swap; font-style: normal;}
h1{font-size: clamp(55px, 55px + (90 - 55) * ((100vw - 768px) / (1440 - 768)), 90px); line-height:1.2; letter-spacing: -2.25px; text-transform: uppercase;}
h2{font-size: clamp(36px, 36px + (50 - 36) * ((100vw - 768px) / (1440 - 768)), 50px); line-height:1.2; letter-spacing: -0.5px;}
h3{font-size: clamp(30px, 30px + (40 - 30) * ((100vw - 768px) / (1440 - 768)), 40px);line-height:1.2;letter-spacing: -0.4px;}
h4{font-size: clamp(24px, 24px + (30 - 24) * ((100vw - 768px) / (1440 - 768)), 30px); line-height:1.2; letter-spacing: -0.3px;}
h5{font-size: clamp(22px, 22px + (24 - 22) * ((100vw - 768px) / (1440 - 768)), 24px); line-height:1.2; letter-spacing: -0.24px;}
h6{font-size: clamp(20px, 20px + (22 - 20) * ((100vw - 768px) / (1440 - 768)), 22px); line-height:1.2;}

ul li {padding-bottom:12px; padding-left: 34px;list-style-type: none; position: relative;}
ul li:before{content:""; background:#000; width: 20px; height: 1px; background: #222221; position: absolute; left: 0; top: 14px; }
ul {padding: 0px;	margin: 0 0 20px 0;}
ol {padding: 0px 0px 20px 0px;	margin: 0px;list-style-type: none;counter-reset: my-awesome-counter;}
ul li strong, ol li strong{font-family: 'Lato', sans-serif; font-weight: bold;}
strong,b{font-weight: bold;}
ol li {
	padding: 0 0 10px 34px;
	position: relative;
	counter-increment: my-awesome-counter;

}

ol li::before {
	content: counter(my-awesome-counter) ". ";font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}

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:14px 50px 14px; background:#DA291C; text-decoration: none;display: inline-block;font-weight: bold;font-size: 16px; line-height: 30px;font-family: 'Oswald', sans-serif;color: #fff; border-radius: 0px; text-transform: uppercase;}
.btn:hover{ background: #000;color: #fff; text-decoration: none;}

.container_1920 {max-width:1920px;width: 100%;padding: 0 40px; margin: 0 auto;}
.container_1920::after{visibility: hidden;display: block;font-size: 0px;content:"";clear: both;height: 0%;}

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

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

.container_1200 {max-width:1200px;width: 100%;padding: 0 30px; margin: 0 auto;}
.container_1200::after{visibility: hidden;display: block;font-size: 0px;content:"";clear: both;height: 0%;}

.flexWrap{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;}


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