html { width:100%; height: 100%; }

body {margin:0; padding:0; font-size: 14px; line-height: 1.2; color:#FFF; background:#000; font-family:"Montserrat"; font-weight:500;}

input, button, img, textarea, img, a {outline:none !important;}

.bx-top-logo {margin-top:10px; float:left; width:20%;}
.bx-top-phone {float:left; margin-top:40px; width:20%;}
.bx-top-desc {float:left; width:20%; text-align:center; font-size:18px; margin-top:46px;}
.bx-top-btn {float:left; width:40%;  text-align:right; margin-top:38px;}

.bx-top {width:100%; max-width:1440px; margin:0 auto; position:relative; z-index:11;}

.bx-logo {display:block; margin-bottom:7px;}
.bx-logo img {height:64px;}
.bx-logo-desc {font-size:14px; }

.bx-phone {font-size:22px; color:#FFF !important; text-decoration:none !important; display:block; margin-bottom:2px; text-align:right;}
.bx-phone:hover {text-decoration:underline !important;}
.bx-time {text-align:right;}

.bx-bg {position:relative; background-image:url("../images/bg1.jpg"); background-size:cover; background-position:center center;}
.bx-bg-wr {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0; z-index:1; display:none;}

.bx-main {min-height:700px; height:calc(100vh - 100px);  width:100%; max-width:1440px; margin:0 auto; display:flex; flex-direction:row; align-items:center; position:relative; z-index:11;}
.bx-main-wr {width:100%;}

.bx-label {text-align:center; font-family:"Oswald"; font-weight:500; text-transform:uppercase; font-size:52px; margin-bottom:20px; color:#f6d02b;}
.bx-desc {text-align:center; font-size:18px; margin-bottom:40px;}

.bx-btn {text-align:center; margin-bottom:40px;}
.btnOrder, .btnOrder:active, .btnOrder:focus {padding:0px; border:0px; height:52px; border-radius:52px; padding-left:25px; padding-right:25px; background:#f6d02b; color:#000; font-family:"Oswald"; text-transform:uppercase; font-size:18px; position:relative; overflow-x: hidden;}

.bx-icons {width:100%; max-width:1200px; margin:0 auto; margin-bottom:40px;}
.bx-icon {float:left; width:18%; margin-left:1%; margin-right:1%;}
.bx-icon-img {width:70px; height:70px; border-radius:50px; margin:0 auto; text-align:center; background:#222; margin-bottom:10px; padding-top:20px;}
.bx-icon-img svg {width:30px; height:30px;}
.bx-icon-label {text-align:center; font-size:14px; }

.bx-company-label {text-align:center; font-family:"Oswald"; font-weight:500; text-transform:uppercase; font-size:32px; margin-bottom:20px; color:#f6d02b;}

.bx-company-item {float:left; width:18%; margin-left:1%; margin-right:1%; height:200px; border-radius:12px; background-size:cover; background-position:center center; 
cursor:pointer; position:relative;}
.bx-company-item:hover {opacity:.8;}
.bx-company-item-btn {position:absolute; left:0px; bottom:10px; width:100%; text-align:center;}
.bx-company-item-btn1 {display:inline-block; padding-top:8px; padding-bottom:8px; padding-left:20px; padding-right:20px; border-radius:32px; font-size:14px; font-family:"Oswald"; font-weight:500; text-transform:uppercase; background:#f6d02b; color:#000; }


.popupform2 {width:100%; max-width:920px; border-radius:20px;}
.frm-company-label {text-align:center; font-family:"Oswald"; font-weight:500; text-transform:uppercase; font-size:42px; margin-bottom:20px; color:#000;}

.frm-company-image {float:left; width:31%; margin-left:1%; margin-right:1%; height:200px; border-radius:12px; background-size:cover; background-position:center center; margin-bottom:10px;}

.frm-company-btn {text-align:center; margin-bottom:20px;}

.popupform1 {width:100%; max-width:560px; border-radius:18px;}
.popupform1-wr {padding:30px;}
.popupform-label { text-align:center; line-height:1; margin-bottom:20px; color:#000; font-family:'Oswald'; font-size:32px;  text-transform:uppercase; font-weight:500;}
.popupform-label1 {font-size:36px; text-align:center; font-weight:700; line-height:1.2; margin-bottom:40px; color:#000;}
.popupform-label2 {margin-bottom:20px;}

.popupform-input-desc {font-style:italic; margin-top:4px; font-size:13px;}
.popupform-desc1 {font-size:20px; text-align:center; margin-bottom:30px; color:#000;}
.popupform-input {margin-bottom:20px;}
.popupform-input label {color:#333;}
.popupform-input .form-control3 {height:50px; font-size:16px; padding-left:20px;}
.popupform-input .form-control4 {height:160px; font-size:16px; padding-left:20px;}
.popupform-btn {text-align:center; margin-bottom:40px;}
.popupform-desc2 {text-align:center; color:#000; margin-bottom:20px;}
.popupform-desc2 a {}
.end1 {text-align:center; font-size:18px; display:none; color:green;}
.end2 {text-align:center; font-size:18px; display:none; color:green;}

.setPost1, .setPost1:active, .setPost1:focus {padding:0px; border:0px; height:50px; border-radius:50px; padding-left:30px; padding-right:30px; background:#f6d02b; color:#000; font-family:"Oswald"; text-transform:uppercase; font-size:18px; position:relative; overflow-x: hidden;}

.bx-top-mobile {display:none; text-align:center;}

.box-buttons {position:fixed; bottom:30px; right:30px; z-index:11111; }
.box-button-open {width:60px; height:60px; cursor:pointer; display:none;}
.box-button-open svg {width:100%; height:100%;}
.box-button-close {width:60px; height:60px; cursor:pointer;}
.box-button-close svg {width:100%; height:100%;} 
.box-panel {background:#2cc10c; margin-bottom:10px; border-radius:15px; width:110px; position:relative; left:-27px;}
.box-panel-wr {padding:10px;}
.box-panel-label {font-size:16px; color:#FFF; font-weight:500; text-align:center; line-height:1.1; margin-bottom:10px;}
.box-panel-btn {width:56px; height:56px; margin:0 auto; margin-bottom:10px; display:block;}
.box-panel-btn svg {width:100%; height:100%;}

.flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg); 
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 1.6s infinite linear; 
}

@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

@media screen and (max-width: 1450px) {
	
	.bx-top {padding-left:20px; padding-right:20px;}
	
}	
	
@media screen and (max-width: 1375px) {
	
	.bx-top-desc {margin-top:36px;}
	
}	
	
@media screen and (max-width: 991px) {
	
	.bx-top {margin-bottom:80px;}
	.bx-top-desc {width:25%;}
	.bx-top-btn {width:25%; text-align:center;}
	.bx-top-phone {width:30%;}
	.bx-main {display:block;}
	.bx-company-item {width:31%; margin-bottom:20px;}
}	
	
@media screen and (max-width: 640px) {
	
	.bx-top {margin-bottom:30px;}
	.bx-top-desc {display:none;}
	.bx-top-btn {display:none;}
	
	.bx-top-logo {width:50%;}
	.bx-top-phone {width:50%; margin-top:34px;}

	.bx-logo img {height:50px;}
	.bx-logo-desc {font-size:12px;}
	.bx-phone {font-size:18px;}
	.bx-time {font-size:12px;}
	
	.bx-top-mobile {display:block; margin-bottom:30px;}
	.popupform-desc1 {font-size:18px;}
	.setPost1, .setPost1:active, .setPost1:focus {padding-left:0px; padding-right:0px; width:100%;}
	
	.bx-main {padding-left:20px; padding-right:20px; height:auto; min-height:auto;}
	.bx-label {font-size:36px;}
	.bx-desc {font-size:14px; font-weight:500;}
	
	.bx-icons {text-align:center; margin-bottom:20px;}
	.bx-icon {float:none; display:inline-block; width:45%; margin-left:2%; margin-right:2%; height:125px; margin-bottom:15px; vertical-align:top;}
	.bx-icon-label {font-size:12px;}
	
	.bx-company-label {font-size:28px;}
	.bx-company {margin-bottom:80px;}
	.bx-company-item {width:48%; height:140px; margin-bottom:10px;}
	.bx-company-item-btn {bottom:5px;}
	.bx-company-item-btn1 {font-size:12px;}
	
	.frm-company-image {width:48%; margin-bottom:10px; height:140px;}
	
	.box-buttons {bottom:20px; right:10px;}
	.box-panel {width:90px; left:-19px;}
	.box-panel-label {font-size:14px; line-height:1;}
	.box-button-open {width:52px; height:52px;}	
	.box-button-close {width:52px; height:52px;}	
	.box-panel-btn {width:42px; height:42px;}	
	
}	
	
@media screen and (max-width: 520px) {
		
}	

@media screen and (max-width: 460px) {

}