/*Common css Open*/
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');
/*font-family: 'Berkshire Swash', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/*font-family: 'Anton', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@300;400;600;900&display=swap');
/*font-family: 'Encode Sans Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Rancho&display=swap');
/*font-family: 'Rancho', cursive;*/
body,html{ font-size: 18px; letter-spacing: 1px; font-family: 'muliregular'; line-height: 150%;  color: #6c7293; font-family: 'Encode Sans Condensed', sans-serif;}
html {scroll-behavior: smooth; }
a{ color:  #6c7293}
a:hover{ color:#dc3545}
a:hover, a:focus {text-decoration: none; outline: none;}
h1, h2, h3, h4, h5 { line-height: 1.3; font-family: 'Anton', sans-serif; color: #3c3750 }
ul, ol{ margin: 0; padding: 0; list-style: none; }
p:last-child{ margin-bottom: 0 }

.form-group{ position: relative; margin-bottom: 20px }
.form-control:focus, button:focus, .btn:focus{box-shadow:none !important; outline: none !important; background: none !important}
.form-control{border-radius: 0 !important;}
.form-group input, .form-group textarea{ border-radius: 0 !important; border: none;padding-left: 0; border-bottom: 1px solid #ECECFB; background: none }
.btn{ border-radius: 4px !important; border: none !important; text-transform: uppercase; padding: .75rem 1.5rem !important; font-weight: 500; font-size: 18px}
.btn.btn-sm{padding: .3rem 1rem !important}
.btn:active, .btn.active, .btn:focus{ box-shadow: none !important; outline: none !important }
.btn-primary{ color: #fff !important;background : #E31E24 !important; border: 2px solid transparent !important }
.btn-primary:hover, .btn.btn-primary:focus{ background: #fff !important;color : #E31E24 !important; border-color: #E31E24 !important }
.btn-secondary{background: #fff !important; color: #E31E24 !important  }
.btn-secondary:hover, .btn.btn-secondary:focus{background: #871d1f !important; color: #fff !important; }
.btn-info{background: #325686 !important; color: #fff !important  }
.btn-info:hover, .btn.btn-info:focus{background: #4A4A6F !important;  }
.btn-dark{background: #23283A !important; color: #fff !important  }
.btn-dark:hover, .btn.btn-dark:focus{background: #111 !important;  }

.btn.btn-outline-light{ color: #fff; border: 1px solid #fff !important}
.btn.btn-outline-light:hover{ background: none }
.btn.btn-outline-secondary{border:2px solid #E31E24 !important; color: #E31E24 !important  }
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus{border:2px solid #E31E24 !important; color: #E31E24 !important  }

.animate, .btn, .graph_pointer, .director_msg>div:after, .hover_zoom, a, .other_location li>div:after{transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
.box-shadow{ box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -o-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -ms-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);}

strong, .strong{}
.font-weight-normal{}

.bg_lightblue{background: #4570A9}
.bg_darkblue{background: #4A4A6F}
.bg_lightblack{background: #323A45}
.bg_black{background: #20202F}
.bg_gray{background: #ECECFB}
.bg_red{background: #E31E24}
.dark_bg{background: rgb(21, 20, 25)}
.bg_light{background: #F7F7F7}


.bg_red{background: #E31E24}
.text-info{color: #4570A9}
.text-success{}
.text-danger{ color:  #E31E24 }
.text-secondary{}
.text-white{ color: #fff }
.text-body{color: #323A45}
.text-dark{color: rgb(21, 20, 25)}

.burger{ padding: 100px 0; }
.burger_b{ padding-bottom: 100px; }
.burger_t{ padding-top: 100px; }
.my-10{ margin: 100px 0 }

.icon_c{ background: url('../images/sprit.png') no-repeat; }
.icon_Maintenance{ background-position: 0px 0 }
.icon_AuthorityManagement{ background-position: 0px -60px }
.icon_ArchivesManagement{ background-position: 0px -120px }
.icon_WeightLimit{ background-position: 0px -180px }
.icon_SpeedLimit{ background-position: 0px -240px }
.icon_HeightLimit{ background-position: 0px -300px }
.icon_DataStatistics{ background-position: -1px -362px }

.icon_monitoring{ background-position: -120px -60px }
.icon_ProofCamera{ background-position: -120px 0 }
.icon_CameraSystem{ background-position: -120px -120px }

.icon_mission{background-position: -120px -180px}
.icon_value{background-position: -120px -240px}
.icon_culture{background-position: -120px -295px}
.icon_ethics{background-position: -120px -355px}

a.readmore{ color: #E31E24; text-transform: uppercase; font-size: 12px }
a.readmore:hover{ color: #a70615;}


.swiper-pagination{ bottom: -10px !important; z-index: 1 !important }
.swiper-pagination-bullet{ width: 15px !important; height: 15px !important; border: 1px solid #C8C8CE !important; background: none !important }
.swiper-pagination-bullet .swiper-pagination-bullet-active{ border-color: #323A45 !important; background: none !important }

.gotop{position: fixed; right: 20px; bottom: 20px; z-index: 3; color: #fff; background: #E31E24; border: 2px solid #23283A; width: 40px; height: 40px; text-align: center; line-height: 36px; opacity: .6;  display: none;}
.gotop:hover{ color: #Fff; opacity: 1 }
.gotop i{ font-size: 20px }

.float_action{ position: fixed;  right: -195px; top: 50%; z-index: 3; display: none;  }
.float_action .action{ margin-bottom: 10px; position: relative; width: 230px; border-radius: 25px; background: #E31E24;  border: 2px solid #23283A !important }
.float_action .action:hover{ margin-left: -180px }
.float_action .action a{ display: inline-block; color: #Fff; padding: 5px 5px 10px; vertical-align: 2px; }
.float_action span{ text-align: center; display: inline-block; color: #fff; border-right: 2px solid; padding-right: 10px; margin-left: 10px; }
.float_action span i{ font-size: 14px; }

.fit-image{ width: 100%; object-fit: cover;}
.hover_zoom:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.video_title{ background: #080B10; text-transform: uppercase; text-align: center; padding: 10px; color: #fff; margin-top: -8px; }
.page-link{ color: #E31E24 }

.panel-group .panel {border-radius: 0; box-shadow: none; border-color: #EEEEEE; } 
.panel-default > .panel-heading {padding: 0; border-radius: 0; color: #212121; background-color: transparent; border-bottom: 2px solid #ECECFB; } 
.panel-title {font-size: 18px; margin-bottom: 0; } 
.panel-title > a {display: block; padding: 15px; text-decoration: none; } 
.panel-title > a:hover .fas{color: #E31E24}
.panel-title > a .fas {float: right; color: #212121; margin-top: 2px; opacity: .5 } 
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE; }

/*Common css Close*/


/*Custom css Open*/
.img-svg{}
.media .img-svg path{fill:#fff!important}

/*top area open*/
.top_area{ position: absolute; left: 0; top: 0; width: 100%; z-index: 3; background: -moz-linear-gradient(top, rgba(60,55,80,.5) 0%, rgba(60,55,80,0) 100%); background: -webkit-linear-gradient(top, rgba(60,55,80,.5) 0%,rgba(60,55,80,0) 100%); background: linear-gradient(to bottom, rgba(60,55,80,.5) 0%,rgba(60,55,80,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23283a', endColorstr='#0023283a',GradientType=0 ); color: #fff; }
.top_area .btn{padding: .375rem 1rem !important; font-size: 14px; text-transform: capitalize;}
.top-strip{ border-bottom: 1px solid rgba(255,255,255,.15); padding-top: 10px; padding-bottom: 10px;  }
.top-cnt a{ padding: 5px 10px 5px 0; display: inline-block; color: #fff; font-size: 14px; }
.top-cnt a i{ font-size: 16px; vertical-align: -4px; margin-right: 5px }
.top-cnt span{ vertical-align: middle; }
.top_area header .nav-item a{font-family: 'Encode Sans Condensed', sans-serif; font-weight: 500; font-size: 16px; padding: .5rem 1.5rem !important; color: #fff !important }
.top_area .dropdown-menu{ padding: 0 !important; border-radius: 0 !important; margin-top: 0 !important }
.top_area .dropdown-menu .dropdown-menu{ left: 100px; top: 26px; min-width: 18rem; width: auto !important }
.top_area header .nav-item .dropdown-menu a, .top_area header.fixed .nav-item .dropdown-menu a { color: #323A45 !important; display: block; border-bottom: 1px solid #ECECFB; padding: .5rem 1.5rem !important }
.top_area header .nav-item .dropdown-menu a:hover, .top_area header .nav-item .dropdown-menu a:focus, .top_area header .nav-item a:hover,.top_area header .nav-item a:focus, .top_area header .nav-item a.active{ color: rgba(60,55,80, 1) !important; background: #fff !important; border-radius: 4px;}
.top_area header.fixed{ position: fixed; left: 0; top: 0; width: 100%; height: auto; background: rgba(60,55,80,1);  z-index: 3 }
.top_area header.fixed .navbar-brand img{ width: 130px }
.top_area header.fixed .nav-item a{ padding: .3rem 1.5rem !important; display: block; }
.dropdown-toggle::after{ position: absolute; right: 10px; top: 19px; }
.dropdown:hover>.dropdown-menu{ display: block; }
/*Top Menu*/

/*Top Menu*/
/*top area close*/

/*Banner Video Open*/
.banner {position: relative; height: 100vh; overflow: hidden; background: rgba(60,55,80,1); /* background-color: #000; background: url('../images/restaurant-kitchen.png') no-repeat center; background-size: cover;*/ /*background: rgb(115,116,118);
background: -moz-linear-gradient(90deg, rgb(91, 103, 117) 0%, rgb(229, 247, 255) 100%);
background: -webkit-linear-gradient(90deg, rgb(91, 103, 117) 0%, rgb(229, 247, 255) 100%);
background: linear-gradient(90deg, rgb(91, 103, 117) 0%, rgb(229, 247, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#737476",endColorstr="#d1d2d4",GradientType=1);*/} 

.banner .video{position: relative;} 
.banner .video:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,.6); z-index: 0; }
.banner video { width: 100%; height: auto;}

.banner .banner_txt {position: absolute; left: 0; width: 100%; top: 50%; /*margin-top: -5.5rem;*/ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); margin-top: 10vh; z-index: 2; } 
.banner .banner_txt .container{ overflow: hidden; }
.banner_content{  padding: 40px; margin-left: 70px }
.banner_content h1{ font-size: 60px;}
.banner_content p{ margin-bottom: 40px; font-size: 25px; line-height: 140% }
.banner_content h1, .banner_content p{ color: #fff }
.banner_txt .swiper-button-prev, .banner_txt .swiper-button-next{ width: 50px; height: 50px; text-align: center;
 line-height: 50px; border-radius: 100%; border: 1px solid #fff; color: #fff; font-size: 18px; opacity: .5 }
 .banner_txt .swiper-button-prev:hover, .banner_txt .swiper-button-next:hover{ opacity: 1 }
.banner_txt .swiper-button-prev:after, .banner_txt .swiper-container-rtl .swiper-button-next:after, .banner_txt .swiper-button-next:after, .banner_txt .swiper-container-rtl .swiper-button-prev:after { font-size: 16px }
@media (pointer: coarse) and (hover: none) {
  /*.banner {background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll; }
  .banner video {display: none; }*/
}
/*Banner Video Close*/

/*testimonial_cnt*/
.swiper-testimonial{ }
.testimonial_cnt{ border: 1px solid #ECECFB; padding:40px 20px; margin:20px 20px 60px; position: relative; border-radius: 15px; background:#fff; }
.testimonial_cnt:before{ content: ''; position: absolute; left: 30px; top: -30px; background:url('../images/quote.png') no-repeat #fff center; width: 65px; height:65px; display: inline-block;  padding: 5px }
.testimonial_cnt:hover:before{opacity: .5}
.testimonial_cnt p{ font-size: 13px }
.testimonial_author{ border:1px solid #ECECFB; border-radius: 15px; padding: 10px; display: inline-block; position: absolute; right: 30px; bottom: -50px; background:#fff; }
.testimonial_author .img{ width: 60px; height: 60px; border: 1px solid #C8C8CE; display: inline-block; text-align: center; overflow: hidden; margin-right: 10px; vertical-align: top; }
.testimonial_author .img img{ width: 100% }
.testimonial_author .nm{ display: inline-block; vertical-align: top; font-size: 13px }
/*testimonial_cnt*/

/*Footer Code Open*/
.footer{ padding:0 }
.footer, .footer a{color: rgba(255,255,255,.8); font-size: 14px; }
.footer a:hover{color: rgba(255,255,255,.5);}
.footer h4{font-size: 14px; text-transform: uppercase; color: rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.15); padding-bottom: 10px;}

.copyright{ font-size: 13px; padding: 30px 0; border-top: 1px solid rgba(255,255,255,.15); }
 
.home-newsletter .form-control {height: 42px; background: #EBEBFA; border-color: transparent; border-radius: 21px 0 0 21px !important; } 
.home-newsletter .form-control:focus {box-shadow: none; border-color: #243c4f; } 
.home-newsletter .btn {min-height: 42px; padding: .5rem 1.5rem  !important; border-radius: 0 21px 21px 0 !important; background: #E31E24 !important; color: #fff; }
.home-newsletter .btn i{ font-size: 18px }
/*Footer Code Close*/

.direct-contact>div{ margin-bottom: 20px;}
.direct-contact>div a{display: flex; align-items:center;}
.direct-contact .icon{ width: 40px; height: 40px; min-width: 40px; text-align: center; line-height: 36px; border: 2px solid; border-radius: 100%; margin-right: 10px }
.direct-contact span{ display: inline-block; }

#about{ background: url('../images/about_3.png') no-repeat left center; background-size: cover; overflow: hidden; }
#catalog{ background: url('../images/catalog_bg.png') no-repeat left center rgba(60,55,80,1); background-size: cover; }
.catalog-cnt{border: 10px solid rgba(255,255,255,.5); padding: 80px; text-align: center; background: rgba(0,0,0,.4);}
.catalog-cnt h3, .catalog-cnt p{ color: #fff}
.catalog-cnt h2{font-family: 'Encode Sans Condensed', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 20px; color: #00ffe7 !important; /*text-shadow:0 0 5px #bfb9be;*/} 
.catalog-cnt h3{font-family: 'Berkshire Swash', cursive; font-size: 30px;}
.catalog-cnt p{ margin-bottom: 20px }
.services-cnt{ text-align: center; padding: 30px; height: 100%; position: relative; background: rgba(0,0,0,.01); border: 1px solid #ddd; border-radius: 4px; display: inline-block; width: 100%}
.services-cnt h2{ font-size: 20px; min-height: 50px}
.services-cnt div{min-height:130px}
.services-cnt p{ margin-bottom: 0px; font-size: 16px }
/*.services_1{ background: rgba(227,30,36,1); }
.services_2{ background: rgba(227,30,36,.9); }
.services_3{ background: rgba(227,30,36,.8); }
.services_4{ background: rgba(227,30,36,.7); }*/
.about-cnt{padding: 50px; background: #fff}
.square:after{ content: ''; display: inline-block; width: 15px; height: 15px; border: 2px solid; border-radius: 2px; vertical-align:40%; transform: rotate(45deg); opacity: .3; position: absolute; }
.navbar-brand img{ width: 200px; }
.fa-phone{transform: rotate(90deg);}
.service-icon{ width: 64px; margin-bottom: 10px }