@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');
body {  font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; font-size: 30px;line-height: 30px; color:#fff; font-weight: 400;}
h1, h2, h3, h4 {  text-align: center; color: #fff;font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 700; font-size: 55px; line-height:  55px; text-transform: uppercase;}
h2 {font-size: 42px; line-height: 42px; font-weight: 400; text-transform: none; margin-bottom: 60px;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}
.container, .container-fluid, .row  [class*="col-"] { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative;}
.container-fluid.hpadding { padding: 0; overflow: hidden ; text-align: center;}


.logo { width: 304px;  margin: 0 auto 40px auto; position: relative;}
.logo a { display: block;}
.logo a img { max-width: 100%; height: auto; padding-top: 40px;}
.logo i {width: 206px; height: 208px; padding: 0; display: inline-block; position: relative;}
.logo i:before, .logo i:after { content: ""; position: absolute; height: 208px; top: 0; width: 102px;}
.logo i:before {left: 0;background: url(../images/shape1.svg) no-repeat left top; background-size: auto 100%;}
.logo i:after {right: 0;background: url(../images/shape2.svg) no-repeat right center; background-size: auto 100%;}

.home_header{ height: 100vh; width: 100%; padding:0; margin:0; position:relative; z-index: 3; overflow: hidden;    background-repeat:no-repeat; background-position: center center; background-size: cover;}
.home_header:before { content: ""; background: rgba(43,43,43, 0.5); position: absolute; left:  0; right:  0; top: 0; bottom: 0; z-index:  2; mix-blend-mode: multiply;}

.header_caption { text-align: center;  position: absolute; z-index: 3; left:0; right: 0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.header_caption a { color: #fff; text-decoration: none;}
.header_caption a:hover {color: #CE181E;}

/* #Media Queries ================================================== */

 @media (min-width: 768px) {

}
/* END__ */

@media only screen and (max-width: 767px) {
body {  font-size: 25px;line-height: 25px;}
h1 { font-size: 45px; line-height:  45px;}
h2 {font-size: 35px; line-height: 35px; margin-bottom: 30px;}
.home_header{ overflow-y: auto;}	
.header_caption {  left:0; right: 0; top: 50px;  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  -o-transform: translateY(0%);  transform: translateY(0%);}
.home_header{  background-size: 2600px auto;}
}
/* END__ */
 @media only screen and (max-width: 575px) {
	.section_two {width: 100%;}
}
/* END__ */
 @media only screen and (max-width: 480px) {

}
/* END__ */
 @media only screen and (max-width: 375px) {
body {  font-size: 22px;line-height: 22px;}
h1 { font-size: 40px; line-height:  40px;}
h2 {font-size: 30px; line-height: 30px;}
}
/* END__ */

 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}
a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}