/* CSS Document */
@font-face {font-family:mont-r;src:url("font/Montserrat-Regular.ttf");}
@font-face {font-family:mont-m;src:url("font/Montserrat-Medium.ttf");}
@font-face {font-family:mont-b;src:url("font/Montserrat-Bold.ttf");}
@font-face {font-family:mont-mi;src:url("font/Montserrat-MediumItalic.ttf");}
html, body{font:18px/26px mont-m;width: 100%;line-height: 1.7;background: #fff;overflow-x: hidden;color: #2E2E2E;}

.clear{clear:both;}
.hiden{display:none;}
.ul-none{padding: 0;margin: 0;list-style: none;}
a{color: #000;text-decoration: none;}
a:hover{text-decoration: none;color: #ffc600;}
button:focus{outline:none;}



header{position: absolute;top: 0;left: 0;z-index: 9669;}
.contact-top{float: right;display: none;line-height: 25px !important;}
.fixed{background: #000;position: fixed;top: 0;left: 0;width: 100%;}
.fixed .contact-top{display: block;}
.menu-top{padding-top: 2px;}
.menu-top a{color: #fff;cursor: pointer;}
.login{color: #fff;}
.banner-t{background: url(../image/banner.jpg) top center no-repeat #1a0808;background-size: 100% auto;height: 768px;background-attachment: fixed;}
.main-banner{max-width: 590px;padding-top: 200px;}
.main-banner h2{font: 40px/50px mont-b;}
.b-contact{background: #FA0000;font: 20px/36px mont-b;color: #fff}
.item-statis{cursor: pointer;}
.item-statis:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 100%;background: rgba(86, 0, 0, 0.54);}
.box-statis{z-index: 2;transform: translate(0%,-50%)}
.box-statis h5{font: 40px/50px mont-b;margin: 0;}
.box-statis h6{font: 20px/28px mont-b;margin: 0;}
.box-statis p{font: 18px/26px mont-mi;margin: 0;}
.bg-red{width: 0;height: 0;z-index: 1;transition: all 0.4s ease-in-out;background: #FA0000;border-radius:50%;}
.item-statis:hover .bg-red{    width: 1000px;height: 1000px;border-radius: 50%;left: -500px !important;top: -500px !important;}
.bg-item-2{float: left;width: 334px;height: 334px;
background: rgb(191,61,72);
background: linear-gradient(90deg, rgba(191,61,72,1) 0%, rgba(215,67,70,1) 35%, rgba(228,71,70,1) 51%, rgba(232,73,73,1) 65%, rgba(245,82,82,1) 88%, rgba(255,89,89,1) 100%);
}
.bg-item-2 img{margin-top: 55px;margin-left: 45px;}
.bg-item-5 img{margin-top: 25px;}
.cont-2{padding: 90px 0px 0 100px;max-width: 750px;display: inline-block;}
.cont-2 h3{font: 30px/37px mont-b;color: #2E2E2E;}
.cont-2 h3 img{height: 37px;width: auto !important; margin-right: 10px;display: inline-block !important;}
.slide-sec2 .item{padding: 10px;}
.box-item{box-shadow: 0 0 10px #FA0000;}
.tit-secsion {font: 30px/37px mont-b;}
.secsion-2 .slide-sec2 .owl-nav button{width: 18px;height: 36px;display: inline-block;margin: 0;position: absolute;
top: 50%;margin-top: -23px;}
.secsion-2 .slide-sec2 .owl-nav button span{display: none;}
.secsion-2 .slide-sec2 .owl-nav .owl-prev{background: url(../image/left.png) center no-repeat;left: 30px;background-size: 100% 100%;}
.secsion-2 .slide-sec2 .owl-nav .owl-next{background: url(../image/left.png) center no-repeat;right: 30px;
	background-size: 100% 100%;transform:scaleX(-1);}
.secsion-2 .slide-sec2 .owl-nav .owl-prev:hover{background: url(../image/right.png) center no-repeat;
	background-size: 100% 100%;transform:scaleX(-1);}
.secsion-2 .slide-sec2 .owl-nav .owl-next:hover{background: url(../image/right.png) center no-repeat;
	background-size: 100% 100%;transform:scaleX(1);}
.owl-theme .owl-dots .owl-dot span {width: 19px;height: 19px;background: #E7E7E7;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FA0000;}
.img-sec3{height: 52px;position: relative;}
.img-sec3 img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;}
.form-select {font-size: 18px;color: #2E2E2E;background-color: #fff;border: 1px solid #ced4da;}
input::placeholder, textarea::placeholder{color: #212529 !important;}
.box-cont{margin: 0 -15px;}
.cont-l{float: right;padding: 0 15px;width: 50%;}
.cont-r{float: left;padding: 0 15px;width: 50%;}
.contact-l{    padding-top: 80px;}
.contact-l li{padding-left: 65px;}
.contact-l li:nth-child(1){background: url(../image/people.svg) left center no-repeat;}
.contact-l li:nth-child(2){background: url(../image/key.svg) left center no-repeat;}
.contact-l h5{color: #FA0000;font-family: mont-b;margin-bottom: 5px;}
.send-cont .send-mail{line-height: 40px;background: #FA0000;border: none;}
.send-cont .send-mail:hover{background: #FA0000;}
.send-cont .send-mail:hover, .b-contact:hover{background: rgba(250, 0, 0, 0.8);box-shadow: 0 0 10px #FA0000;}
footer{background: #190708;}
.cont-royal{padding-top: 60px;}
.error {
    color: red;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1210px){
	.cont-2 {padding: 50px 0px 0 70px;max-width: 520px;}
	.cont-2 h3 {font: 26px/34px mont-b;}
}
@media only screen and (max-width: 992px) {
    .banner-t {
        height: 550px;
    }

    .main-banner {
        padding-top: 150px;
    }

        .main-banner h2 {
            font: 32px/44px mont-b;
        }

    .box-statis h5 {
        font: 30px/40px mont-b;
    }

    .bg-item-2 {
        float: none;
        width: 100%;
        height: 300px;
        text-align: center;
        padding-top: 25px;
    }

        .bg-item-2 img {
            max-height: 250px;
            margin: 0;
            width: auto !important;
            display: inline-block !important;
        }

    .cont-2 {
        padding: 30px 70px 0 70px;
        max-width: 100%;
    }

    .secsion-2 .slide-sec2 .owl-nav button {
        top: 160px
    }

    .cont-l, .cont-r {
        float: none;
        width: 100%;
    }

    .contact-l {
        padding-top: 30px;
    }

    .banner-t {
        background: url(../image/banner.jpg) top right no-repeat #1a0808;
        background-size: auto 100%;
        background-attachment: inherit;
    }
            .menu-top .menus1 {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .contact-top {
       position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /*.menu-top {
        display: none;
    }*/
}

@media only screen and (max-width: 575px){
	.banner-t {
    background: url(../image/banner.jpg) -360px top no-repeat #1a0808;
    background-size: 950px auto;
    height: 100vh;}
    .main-banner{    max-width: 100%;position: absolute;bottom: 80px;padding: 0;}
    .main-banner h2 { font: 30px/40px mont-b;}
    p{font-size: 15px;line-height: 24px;}
    .div-cont{ text-align: center; }
    .tit-secsion {font: 20px/30px mont-b;}
    .bg-item-2{height: 250px;}
    .bg-item-2 img { max-height: 90%;}
    .cont-2 {padding: 30px 15px;max-width: 100%;}
    .cont-2 h3 {font: 20px/30px mont-b;}
    .form-control, .form-select{font-size: 15px;}
    .contact-l h5{font-size: 15px;}

}

@media only screen and (max-width: 450px){
	.bg-item-2 {height: 200px;}
	.secsion-2 .slide-sec2 .owl-nav button { top: 120px;}
	.b-contact {font: 15px/20px mont-b !important;}
	        .menu-top .menus5 {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
}