@font-face {font-family: 'HelveticaLT-Black';src: url('../fonts/HelveticaLT-Black/HelveticaLT-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaLT-Black/HelveticaLT-Black.woff') format('woff'), url('../fonts/HelveticaLT-Black/HelveticaLT-Black.ttf')  format('truetype'), url('../fonts/HelveticaLT-Black/HelveticaLT-Black.svg#HelveticaLT-Black') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Graphik-Regular';src: url('../fonts/Graphik/Graphik-Regular.otf')  format('opentype'),url('../fonts/graphik/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik/Graphik-Regular.ttf')  format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Graphik-Light';src: url('../fonts/Graphik/Graphik-Light.otf')  format('opentype'),url('../fonts/graphik/Graphik-Light.woff') format('woff'), url('../fonts/Graphik/Graphik-Light.ttf')  format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'HelveticaLT-Narrow';src: url('../fonts/HelveticaLT-Narrow/HelveticaLT-Narrow.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaLT-Narrow/HelveticaLT-Narrow.woff') format('woff'), url('../fonts/HelveticaLT-Narrow/HelveticaLT-Narrow.ttf')  format('truetype'), url('../fonts/HelveticaLT-Narrow/HelveticaLT-Narrow.svg#HelveticaLT-Narrow') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'HelveticaLT-Condensed-Light';src: url('../fonts/HelveticalLT-Condensed-Light/HelveticaLT-Condensed-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticalLT-Condensed-Light/HelveticaLT-Condensed-Light.woff') format('woff'), url('../fonts/HelveticalLT-Condensed-Light/HelveticaLT-Condensed-Light.ttf')  format('truetype'), url('../fonts/HelveticalLT-Condensed-Light/HelveticaLT-Condensed-Light.svg#HelveticaLT-Condensed-Light') format('svg');font-weight: normal;font-style: normal;}

p{font-size: 18px;line-height: 1.5em;color: #404040}

/*font types*/
.title-font{font-family: 'HelveticaLT-Black'}
.title-narrow{font-family: 'HelveticaLT-Narrow'}
.sub-font{font-family: 'HelveticaLT-Condensed-Light'}
.graphik{font-family: 'Graphik-Regular'}
.graphik-light{font-family: 'Graphik-Light'}

/*font-sizes*/
.f-11{font-size: 11px}
.f-12{font-size: 12px}
.f-14{font-size: 14px}
.f-16{font-size: 16px}
.f-18{font-size: 18px}
.f-20{font-size: 20px}
.f-28{font-size: 28px}
.f-35{font-size: 35px}
.f-50{font-size: 50px}

/* font colors */
.white{color: white}
.red{color: #ed1c24}
.blue{color: #007ac3}
.dark-blue{color: #0e3680}
.dark{color: #404040}
.black{color: black}
.done3{background: green!important;;color: white!important;}

/*bg-colors*/
.light-bg{background: #f9f9f9}
.white-bg{background: white}
.lite-blue-bg{background: #007ac3}
.blue-bg{background: #011040}
.red-bg{background: #ed1c24}

/*fn*/
.caps{text-transform: uppercase}
.bold{font-weight: bold}
.empty{min-height:82px }
.line-height{line-height: 1.5em}
.inline-block{display: inline-block}
.mt-s{margin-top: 7px}

.mob-nav, .mob-main{display: none}

/*header ------------------------------ */
header{position: fixed;width: 100%;z-index: 999}
.header-top{background: url("../images/background-img/header-top.jpg")no-repeat center;background-size: cover;z-index: 99}
.header-top aside{padding: 3px;align-self: center}
.header-top .right-nav{text-align: end}
.header-top .right-nav div{margin: 4px 0}
.header-top .right-nav div a{color: white;font-family: 'Graphik-Light';font-size: 12px;position: relative;margin: 4px;text-transform: uppercase}
.header-top .right-nav div a::after{content: "";width: 1px;background: white;height: 100%;position: absolute;right: -7px;top: 0}
.header-top .right-nav div a:last-child::after{display: none}
.header-btm{background: rgba(226, 0, 0, 0.8);z-index: 99}
.header-btm div{justify-content: space-between}
.header-btm div span{display: inline-block}
.header-btm div  a{display: inline-block;text-align: center;font-family: 'Graphik-Regular';color: white;font-size: 14px;font-weight: bold;padding:14px 9px;min-width: 150px}
.header-btm div  a:hover{color: #f8f219}
.navActive{color: #f8f219!important;}
.header-btm div .drop-down-holder{position: relative}
.drop-down{position: absolute;width: 100%;background: rgba(226, 0, 0, 0.8);top: 102%;display: none}
.drop-down a{border-bottom: 1px solid #e20000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.drop-down-holder:hover .drop-down{display: block}
.site-logo{position: relative;width: 160px}
.site-logo img{position: absolute;top: -25px;left: 0}

/*banner*/
.banner {position: relative}
.banner > img{width:100%}

.banner .overlap{position: absolute;top: 50%;left: 10%;max-width: 500px;margin-top: -4%}
.rslides_tabs{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;padding: 16px;position: absolute;bottom: 0;width: 100%;z-index: 3}
.rslides_tabs li a{margin: 6px 12px;width: 15px;height: 15px;background: rgba(255, 255, 255, 0.7); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;display: inline-block;border: 2px solid rgba(22, 113, 163, 0.71);content: " ";color: rgba(255, 255, 255, 0)}
.rslides_tabs li.rslides_here a{background: rgba(0, 174, 239, 0.5)
}


/*owl slider*/
.owl-nav .owl-prev, .owl-nav .owl-next{position: absolute;top: 44%;font-size: 56px;color: #0e3680}
.owl-nav .owl-prev{left: 6%}
.owl-nav .owl-next{right: 6%}
.machines-slider .owl-nav .owl-prev{left: -6%}
.machines-slider .owl-nav .owl-next{right: -6%}

.news-holder .owl-carousel .owl-nav{display: none}
.slider-f-holder .owl-dots{display: none;margin-top: 0}

.owl-dots{position: absolute;width: 100%;z-index: 5;bottom: 10px;text-align: end;right: 3%;}
.owl-dot{display: inline-block;margin: 4px 6px}
.owl-dots .owl-dot span{width: 10px;height: 10px;background: #c3c3c3;display: inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.owl-dots .active span{background: #0e3680!important;}
.m-detail .owl-dots .active span{background: #eb1739 !important;}
.m-detail .owl-dots{bottom: -3%;text-align: center}


.main-icon-f{margin: 36px auto}
.main-icon-f .card{text-align: center}
.main-icon-f .card p{width: 75%;margin: 14px auto}

.slider-f-holder{border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;position: relative}
.slider-f-holder .slider-f-card{padding: 14px 24px;min-height: 280px}
.slider-f-holder .slider-f-card h3{padding-bottom: 14px;border-bottom: 1px solid #d7d7d7;display: block}
.viewDetail{padding: 9px;color: white;background: #0e3680;display: inline-block;margin-top: 14px}
.slider-f-holder .label{position: absolute;top: 0;background: red;color: white;padding: 14px;right:15% }


.pro-range .card{text-align: center;padding: 14px}
.pro-range .card p{max-width: 90%;margin: 7px auto}
.pro-range .viewDetail{display: block;max-width: 100px;margin: 14px auto}

.news-holder{background: url('../images/background-img/news-bg.jpg')no-repeat center;background-size: cover;object-fit: cover}
.news-f{max-height: 300px}
.news-f .img{min-height: 300px}
.news-f .img img{width: 100%;height: 100%;object-fit: cover}
.news-f  .info h5{padding-bottom: 14px;border-bottom: 1px solid #d8d8d8}
.news-holder .img-box{position: relative}
.news-holder .img-box img{width: 100%;height: 100%;object-fit: cover}
.news-holder .img-box a{display: block;max-width: 200px;padding: 12px;background: #0e3680;color: white;line-height: 1.5em;position: absolute;left: 50%;margin-left: -100px;top: 50%;margin-top: -10%}

.social-icons a{display: inline-block;margin: 4px 9px;font-size: 20px}
.social-icons a:first-child{color: #3b5998}
.social-icons a:nth-child(2){color: #00aaec}
.social-icons a:nth-child(4){color: #ce1312}
.social-icons a:nth-child(3){color: #eb7333}
.social-icons a:last-child{color: #5c000e}

/*footer*/
footer{padding: 36px 0 0 0;border-top: 1px solid #e7e7e7}
footer .f-field ul li a, footer .f-field2 ul li a{margin: 5px 0;display: inline-block;font-weight: bold}
footer .f-field ul li a{color: #5f5f5f;}
footer .f-field2 ul li a{color: black}
.enspirer:hover{color: #00df3f}

@media all and (max-width: 1280px) {
    .news-holder-np{-webkit-column-count: 2!important; column-count: 2!important;}
}

@media all and (max-width: 1024px) {
    .empty{min-height: 63px}
    .header-top, .header-btm{display: none}
    .owl-nav .owl-next{right: 3%}
    .owl-nav .owl-prev{left: 3%}
    .img-box{display: none}

    .mob-main{display: flex;border-bottom: 1px solid #eeeeee;background: white}
    .mob-main > aside:first-child img{max-width: 104px;padding: 8px}
    .mob-nav-bars{display: inline-block;margin-right: 24px;min-height: 24px}
    .mob-nav-bars span{width: 30px;height: 3px;background: #444444;display: inline-block;position: relative}
    .mob-nav-bars span:before, .mob-nav-bars span:after{content: "";width: 100%;height: 3px;background: #444444;position: absolute;left: 0;}
    .mob-nav-bars span:before{top: -7px}
    .mob-nav-bars span:after{top: 7px}
    .mob-nav-bars.changed span{background: rgba(68, 68, 68, 0)}
    .mob-nav-bars.changed span:before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0;-webkit-transition: ease all 0.6s ;-moz-transition: ease all 0.6s ;-ms-transition: ease all 0.6s ;-o-transition: ease all 0.6s ;transition: ease all 0.6s ;}
    .mob-nav-bars.changed span:after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0; -webkit-transition: ease all 0.6s ;-moz-transition: ease all 0.6s ;-ms-transition: ease all 0.6s ;-o-transition: ease all 0.6s ;transition: ease all 0.6s ;}

    .mob-nav{display:flex;position: fixed;height: 0;width: 100%;background: white;overflow: hidden}
    .opened{height:100%}
    .mob-nav .holder{width: 60%}
    .mob-nav-ml li{border:1px solid #eeeeee;border-right: none;border-left: none}
    .mob-nav-ml li a{font-family: 'Graphik-Regular';font-size: 14px;padding: 12px;display: inline-block;color: #444444}
    .mob-nav-ml li i{font-size: 20px;float: right;line-height: 35px;margin-right: 15px}
    .openNav{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
    .mob-nav-ml .mob-nav-sl{display: none}
    .mob-nav-ml .mob-nav-sl{margin-left: 24px;}

    .banner .overlap{top: 32%}
    .banner .overlap h3{font-size: 40px}
    .banner .overlap h4{font-size: 28px}
    .banner .overlap p{font-size: 20px}

    .news-pg-title{margin-top: 0px!important;}
    .f-field, .f-field2{margin-top: 14px}

}
@media all and (max-width: 768px) {
    .f-35{font-size: 30px}
    .f-50{font-size: 42px}
    .content-padding.xxl{padding: 36px}

    .slider-f-holder .slider-f-card iframe{min-height: 250px}
    .news-f{max-height: unset}
    .news-f .img{margin-bottom: 0!important;}

    .banner .overlap h3{font-size: 30px}
    .banner .overlap h4{font-size: 24px}
    .banner .overlap p{font-size: 16px}

    .m-data-specification table{width: 100%!important;}
    .sp-tread-tbl.w50{width: 100%!important;}

    .news-holder-np{-webkit-column-count: 1!important; column-count: 1!important;}
    .map-holder{min-height: 280px!important;}

}
@media all and (max-width: 540px){
    iframe{max-width: 100%}

    .empty{min-height: 54px}
    .content-padding.xxl{padding: 16px}
    .content-padding.xl{padding: 14px}
    .content-padding.lg{padding: 18px 12px}
    .mob-tbl-limit{max-width: 100%;overflow: scroll}

    .f-28{font-size: 22px}
    .f-50{font-size: 38px}

    .slider-f-holder .slider-f-card{padding: 2px}
    .owl-nav .owl-prev, .owl-nav .owl-next{font-size: 35px;top: 43%}
    .rslides_tabs{padding: 10px}
    .rslides_tabs li a{width: 10px;height: 10px}
    .mob-main > aside:first-child img{max-width: 90px;padding: 5px;}

    .banner .overlap h3{font-size: 25px}
    .banner .overlap h4{font-size: 18px}
    .banner .overlap p{font-size: 14px}

    .banner .overlap{position: relative;top: 0;padding: 4px;text-align: center;left: 0;margin-top: 0}

    .news-f .img{min-height: auto!important;}
    .f-btm aside{text-align: center!important;}
    .slider-f-holder .label{z-index: 9;right: 1%}

    .mob-nav{-webkit-align-items: flex-start!important;-ms-flex-align: start!important;align-items: flex-start!important;-webkit-align-content: flex-start!important;-ms-flex-line-pack: start!important;align-content: start!important;}    .mob-nav-ml li a{font-size: 13px;padding: 10px}
    .mob-nav .holder{width: 80%}

    .button-machines-cf3 aside a{padding: 28px}
    .news-holder-np aside{padding: 0}

    .contact-form input, .contact-form textarea{width: 100%!important;}

}