@font-face {
    font-family: 'UTM Hanzel';
    src: url('../fonts/UTMHanzel.eot');
    src: url('../fonts/UTMHanzel.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMHanzel.woff2') format('woff2'),
        url('../fonts/UTMHanzel.woff') format('woff'),
        url('../fonts/UTMHanzel.ttf') format('truetype'),
        url('../fonts/UTMHanzel.svg#UTMHanzel') format('svg');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
}

html{background: #fff;}
body{background: #050505; font-family: "Open Sans", Arial, sans-serif; overflow-x: hidden;}

.main-content{padding: 0px; margin: 0px;}
.section{background-color: #fff; padding: 50px 0px; position: relative;}
.section-title-horizontal{
    position: absolute; right: -145px; top: 180px; color: #f2f2f2; font-size: 100px; display: none;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.section:nth-child(2n+1){background-color: #f9fafc;}
.section .section-title h2{font-size: 36px; position: relative; padding-bottom: 20px; line-height: 1.2; font-family: 'UTM Hanzel';}
.section .section-title h2:after{position: absolute; content: ''; left: 0; bottom: 0px; width: 70px; height: 2px; background: #050505;}
.section .section-title h2 span{font-size: 52px; display: block; font-weight: bold;}

.main-content .section-slider{padding: 0px; text-align: center;}
.section-slider img{max-width: 100%; height: auto;}
#logo{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; text-align: left;}

.section-about .about-thumb a{display: block; position: relative;}
.section-about .about-thumb a:before{content: ''; position: absolute; left: -30px; top: 30px; right: 30px; bottom: -30px; border: 5px solid #b08f71; background: #fff;}
.section-about .about-thumb img{max-width: 100%; border: 5px solid #333; position: relative; z-index: 1;}

.event{padding: 40px 0px; position: relative;}
.event > h3{font-size: 36px; margin-bottom: 20px; margin-right: 60px; font-family: 'UTM Hanzel';}
.event .item a{display: block;}
.event .event-thumb img{max-width: 100%; border: 5px solid #333;}
.event .event-content{font-size: 14px; color: #2d2c2c; padding: 20px 0px; text-align: justify;}
.event .event-content:hover{text-decoration: none;}
.event .owl-theme .owl-nav{position: absolute; top: -55px; right: 0px; margin: 0px;}
.section .owl-theme img{max-width: 100%; height: auto;}
.section .owl-theme .owl-nav button, .section .owl-theme .owl-nav button:hover, .section .owl-theme .owl-nav button:focus{font-size: 24px; margin: 0px 10px; background: none !important; color: #050505 !important; outline: none;}

.section.section-company{background: url('../images/bg-city.png') no-repeat center top #000; background-size: cover;}
.section.section-company .section-title{color: #fff;}
.section.section-company .section-title h2:after{background: #fff;}
.section-company .company-title{font-size: 32px; color: #fff; font-family: 'UTM Hanzel';}
.section-company .company-item{margin-top: 20px;}
.section-company .company-item ul{max-height: 200px; overflow-y: auto; list-style: none; padding: 0px 10px 0px 0px; margin: 0px;}
.section-company .company-item ul::-webkit-scrollbar{width: 4px;}
.section-company .company-item ul::-webkit-scrollbar-track{background: none; border-radius: 5px;}
.section-company .company-item ul::-webkit-scrollbar-thumb{background: #999; border: none; border-radius: 5px;}
.section-company .company-item p{color: #9f9f9f; font-size: 14px; margin-bottom: 5px;}
.section-company .company-item p b{color: #fff; font-size: 16px;}

.award > h3{text-align: center; margin-bottom: 15px; font-size: 36px; margin-right: 60px; font-family: 'UTM Hanzel';}
.award .owl-theme .award-thumb{border: 3px solid #050505; display: block; margin-bottom: 10px;}
.award .owl-theme .award-content{text-align: center; font-size: 14px;}
.award .owl-theme .owl-nav{position: absolute; top: -55px; right: 0px; margin: 0px;}

.field{padding-top: 50px;}
.field > h3{text-align: center; font-size: 36px; font-family: 'UTM Hanzel';}
.fields{margin-left: -15px; margin-right: -15px;}
.fields .item{float: left; padding: 0px 15px 30px; width: 100%;}
.fields .item .field-thumb{display: block; text-align: center;}
.fields .item img{max-width: 100%; height: auto; margin: auto;}
.fields .item .field-content{color: #2d2c2c; font-size: 24px; line-height: 1; text-align: center; font-family: 'UTM Hanzel';}
.fields .item .field-content span{display: block; font-size: 36px; font-weight: bold;}
.fields:after{content: ''; display: table; clear: both;}

.section-award-field .section-title-horizontal{top: 230px; right: -175px;}
.section-product .section-title-horizontal{top: 310px; right: -245px;}
.section-picture .section-title-horizontal{right: -95px;}

.section-product-highlight .row{align-items: center;}
.section-product-highlight{padding: 0px; background: url('../images/bg-product-military.png') no-repeat center top #000; background-size: cover; color: #fff;}
.section-product-highlight .product-highlight-title{margin: 0px; padding: 0px 0px; font-size: 36px; line-height: 1; font-family: 'UTM Hanzel';}
.section-product-highlight .product-highlight-thumb{max-width:100%; height: auto;}
.section-product-highlight .product-highlight-title span{display: block; font-size: 48px; font-weight: bold;}

.products{margin-left: -15px; margin-right: -15px;}
.products:after{content: ''; display: table; clear: both;}
.products .item{padding: 30px 15px 0px; float: left; width: 100%;}
.products .product-title{font-size: 36px; font-family: 'UTM Hanzel';}
.products .product-item{border: 3px solid #333; background: #fff;}
.products .product-thumb{display: block;}
.products .product-thumb img{max-width: 100%; height: auto;}
.products .product-details:after{content: ''; display: table; clear: both;}
.products .product-detail{display: block; text-align: center; font-size: 13px; color: #000; text-transform: uppercase; padding: 10px; border-top: 3px solid #333; float: left; width: 50%;}
.products .product-detail:nth-child(2){border-left: 3px solid #333;}
.products .product-detail:hover{text-decoration: none; background: #ddd;}

.section.section-project{background: url('../images/bg-project.png') no-repeat center top #000; background-size: cover; color: #fff;}
.section.section-project .section-title h2:after{background: #fff;}
.project{margin-top: 20px;}
.project-contents.owl-theme .owl-nav{text-align: left; margin-top: 0px;}
.project-contents .project-title{font-family: 'UTM Hanzel';}
.section.section-project .owl-theme .owl-nav button, .section.section-project .owl-theme .owl-nav button:hover, .section.section-project .owl-theme .owl-nav button:focus{color: #fff !important; font-size: 40px;}
.project-images img{border: 3px solid #050505; background: #ddd;}
.project-thumbs{margin-top: 20px;}
.project-thumbs img{border: 3px solid #050505; background: #ddd;}
.project-thumbs .current img{border-color: #b08f71;}

.pictures{margin-left: -15px; margin-right: -15px;}
.pictures:after{content: ''; display: table; clear: both;}
.pictures .item{float: left; padding: 30px 15px 0px; width: 50%; position: relative; display: flex; align-items: flex-end; cursor: pointer;}
.pictures .item:before{content: ''; display: block; position: absolute; left: 15px; top: 30px; right: 15px; bottom: 0px; background: #000;}
.pictures .item img{max-width: 100%; height: auto; position: relative; z-index: 1;}
.pictures .item .picture-description{position: absolute; z-index: 1; left: 15px; right: 15px; bottom: 0px; color: #fff; opacity: 0; padding: 20px;}
.pictures .item:hover img{opacity: 0.5;}
.pictures .item:hover .picture-description{opacity: 1;}

.partner{padding-top: 50px;}

.section-bottom{padding: 50px 0px; background: url('../images/bg-footer.png') no-repeat center top #000; background-size: cover; color: #fff;}
.section-bottom .bottom-item{padding-top: 30px;}
.section-bottom .bottom-item .bottom-title{font-size: 16px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: 'UTM Hanzel';}
.section-bottom .bottom-item .hotline{font-size: 30px; color: #f9a84a; font-weight: bold;}
.section-bottom .bottom-item .hotline:hover{text-decoration: none; color: #e6912f;}
.section-bottom .bottom-item ul a{color: #fff; font-size: 15px;}
.section-bottom .bottom-item ul.social-list{padding-left: 0px; text-align: left; margin-bottom: 30px;}
.section-bottom .bottom-item ul.social-list li{display: inline-block; padding-right: 10px;}
.section-bottom .bottom-item ul.social-list a{font-size: 22px;}
.section-bottom .footer{padding: 20px 30px; margin-top: 30px; background: #f0f0f0; color: #000;}
.section-bottom .footer .form-control{border-radius: 0px;}
.section-bottom .footer .btn{border-radius: 0px;}
.section-bottom .offices{margin-top: 30px; border-top: 1px solid #000;}
.section-bottom .offices ul{margin: 0px -15px; padding: 0px; list-style: none;}
.section-bottom .offices ul:after{content: ''; display: table; clear: both;}
.section-bottom .offices li{float: left; padding: 30px 15px 0px; width: 100%;}

/**
 * custom or add new bootstrap
 */
.justify-content-right {
    -ms-flex-pack: right!important;
    justify-content: right!important;
}


@media (max-width: 414.98px) {
}

@media (max-width: 767.98px) {
}

@media (min-width: 414px) {
}

@media (min-width: 576px) {
    .container{width: 570px;}
    .section-bottom .footer{padding: 30px 70px;}
    .section-bottom .footer .col-form-label{text-align: right;}
}

@media (min-width: 768px) {
    .container{width: 760px;}
    .about .section-body{padding-right: 15px;}
    .products .item{width: 50%;}
}

@media (min-width: 992px) {
    .container{width: 990px;}
    .fields .item{width: 33.3333%;}
    .pictures .item{width: 33.3333%;}
    .project-images{margin-top: -150px;}
    .section-bottom .offices li{width: 33.3333%;}
}

@media (min-width: 1200px) {
    .container{width: 1200px;}
}

@media (min-width: 1360px) {
    .section-title-horizontal{display: block;}
}