*{
	border:none;
	margin:0 ;
	padding:0;
	outline:none !important;
}
ul ,p{
	margin-bottom:0 !important;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

a{
	text-decoration:none !important;
}
@font-face {
	font-family: web_Yekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
	font-family: 'web_Yekan';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');

}
@font-face {
	font-family: 'web_Yekan';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');

}
@font-face {
	font-family: 'web_Yekan';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');

}
@font-face {
	font-family: 'web_Yekan';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');

}
@font-face {
	font-family: 'web_Yekan';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

body{
	direction:rtl !important;
	font-family: 'web_Yekan' !important;
	font-weight: normal;
	font-size:13px  !important;
	position:relative;
	overflow-x: hidden;
	position:relative;
}
.back-to-top i {
   color: #fff;
}
.accordionTitle,.js-accordionTrigger {
    font-weight: bold !important;
    font-size: 14px;
}

.accordion dl::-webkit-scrollbar-track {background-color: #fff;}
.accordion dl::-webkit-scrollbar {width: 3px;background-color: #F5F5F5;}
.accordion dl::-webkit-scrollbar-thumb {background: linear-gradient(0deg, #c4161c, #d95952);border-radius: 9px;}
.advance-search {text-align: center;display: block;font-size: 22px;margin: -9px 0 0;color: white;}
.advance-search:hover {color: #9a2020;}
.dat-e {position: absolute;background: #0000006e;color: white;font-weight: bold;padding: 0 8px;border-radius: 30px;top: 4px;right: 4px;}
.see-continue {float: left;margin: 0 0 9px;color: #a5a5a5;}
.see-continue:hover {color: #000;}
.Social-Link {margin: 14px 0 0;}
.Social-Link .Itm-Social {color: #545454;font-size: 18px;display: block;width: 36px;height: 36px;border-radius: 5px;text-align: center;margin: 0 2px;padding: 8px 0 0;box-shadow: -1px 1px 4px 1px #d6d6d6;}
.Social-Link li:first-child:hover .Itm-Social{background: linear-gradient(45deg, #469836, #3ff34d);}
.Social-Link li:nth-child(2):hover .Itm-Social{background: linear-gradient(45deg, #363e98, #3fa0f3);}
.Social-Link li:nth-child(3):hover .Itm-Social{background: linear-gradient(45deg, #5b4fc7, #dc2b71,#fdaf79,#fbff00);}
.Social-Link li:nth-child(4):hover .Itm-Social{background: linear-gradient(45deg, #365998, #3fe2f3);}
.Social-Link li:nth-child(5):hover .Itm-Social{background: linear-gradient(45deg, #983636, #f33f3f);}
.Social-Link li:nth-child(5):hover .ic-aparat {filter: brightness(1);}
.Social-Link .Itm-Social:hover {color: white;}
.ic-aparat {width: 18px;filter: brightness(0.5);}

/*================================== *  --- BOX17 ---  * ===================================== */
.Sl-01 .owl-nav {display: block !important;}
.Sl-01 .owl-nav button {width: 28px;height: 43px;font-size: 28px !important;line-height: 0 !important;box-shadow: 0 0 4px 0px #e3e3e3;position: absolute;top: 30%;transform: rotate(180deg);}
.Sl-01 .owl-nav button:focus{    border: 0 ;outline: 0;}
.Sl-01 .owl-nav [class*=owl-]:hover {background: #9a2020;}
.Sl-01 .owl-nav .owl-next {left: -29px;}
.Sl-01 .owl-nav .owl-prev {right: -29px;}
.box17 {transition: all 0.3s;position: relative;overflow: hidden;text-align: center;border-radius: 4px;margin: 13px 11px 5px;}
.box17 img {margin: 0 0 16px;}
.box17:after {background: rgba(255,255,255,.3);border-right: 2px solid #9a2020;top: 0;left: 170%;opacity: 1;z-index: 1;transform: skewX(45deg);transition: all 1s ease 0s;content: "";width: 100%;height: 100%;    position: absolute;}
.box17:hover {box-shadow: 0 0 8px -2px #c7c7c7;transition: all 0.3s;transform: translateY(-9px);}
.box17:hover:after {left: -170%;}
.box17 h5.text-center {font-size: 17px;}
.box17 .description-product {font-size: 14px;}
.logo.coompany {position: absolute;width: 118px;height: 118px;border: 3px solid #9a2020;box-shadow: 0 0 10px -2px #bfbfbf;border-radius: 50%;overflow: hidden;padding: 5px;left: 19px;top: 196px;background: white;}
.logo .logo-img-front img {width: 100%;height: 100%;}
.more-about a {color: #9a2020;border: 1px solid #9a2020;padding: 0px 10px;border-radius: 20px;background: #ffffff;transition: .4s;}
.section-company .title-main {font-size: 13px;}

/*================================== *  --- accordian ---  * ===================================== */
.each-categories {min-height: 200px;max-height: 200px;overflow-y: auto;}
.each-categories::-webkit-scrollbar-track {background-color: #fff;}
.each-categories::-webkit-scrollbar {width: 3px;background-color: #F5F5F5;}
.each-categories .card {border: 0;}
.each-categories::-webkit-scrollbar-thumb {background: linear-gradient(0deg, #c4161c, #d95952);border-radius: 9px;}
.each-categories .card-header {padding: 0;    position: relative;background: white;border: 0;border-bottom: 1px solid #f8f8f8;}
.each-categories .card-header a {font-size: 13px;font-weight: bold;display: block;text-align: right;padding: 9px 6px;}
.each-categories .card-link.opa-accor {background: #c4161c;color: white ;}
.each-categories .card-link {background: white;color: #797575;}
.each-categories .link-cat {
    position: absolute;
    left: 22px;
    top: 9px;
    font-weight: 500 !important;
    color: #bdbdbd !important;
    font-size: 10px !important;
    border: 1px solid #bdbdbd;
    line-height: 17px;
    border-radius: 30px;
    padding: 0 8px !important;
}
.each-categories .icon-add {left: 7px;position: absolute;top: 11px;font-weight: bold;color: #868482;font-style: normal;transition:all 0.3s;}
.each-categories .open-accordian .icon-add {color: #fff;transform: rotate(45deg);transition:all 0.3s;}
.each-categories .list.card-body {padding: 0;}

.d-none-xl {
    display: none;
}
.top-box-logo {
    text-align: center;
    background: #d1d1d16b;
    box-shadow: 0 0 6px -3px #d4d4d4;
    border-radius: 4px;
    padding: 12px 0;    position: relative;
    height: 140px;
}
.row.row-sear-ch {
    padding: 27px 0 10px;
}
.top-box-logo .head-logo {
    width: 69%;
    height: 83%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

@media  (min-width:768px){	

.more-about {position: absolute;bottom: 20px;left: 20px;}   
.logo .img-fluid {
    width: 90%;
}
.accordion dl {
    min-height: 199px;
    max-height: 191px !important;
    overflow-y: auto;
}  
.btn-search{
	min-width: 125px;
}	
.news-title {
	font-size: 15px;    height: 61px;
}	
.news-body {
    height: 65px;
}
.owl-carousel .owl-item img {
    margin: 0 auto;
}
.copy-text {
    text-align: left;
}	
.accordion-container {
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
}
.accordion-container .set {
    padding-right: 75px;
}
.set > span i {
    display: none;
}
	
.fixed .logo img {
    width: 100px;
}	
.fixed {
  position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 1212;
	background-color: #9a2020;
	-webkit-box-shadow: 0 10px 10px -10px #000000;
	-moz-box-shadow: 0 10px 10px -10px #000000;
	box-shadow: 0 10px 10px -10px #000000;
	transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	}
.fixed .cssmenu > ul > li > a {
    line-height: 3.5 !important;
		transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	
}
.menu-box.gap-col.fixed .logo img {
    max-width: 107px !important;
		transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}		

.cssmenu ul ul li.has-sub:hover a,.cssmenu ul li.has-sub ul li.has-sub ul li a:hover{
   background:#c4161c;
color:#fff !important;
text-align: right;
}
.cssmenu,.cssmenu ul,.cssmenu ul li,.cssmenu ul li a,.cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cssmenu:after,.cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cssmenu #head-mobile{display:none}

.cssmenu > ul > li{display: inline-table;}

.cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
.cssmenu ul ul{position:absolute;left:-9999px;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);border-radius: 14px !important;padding: 10px 0 5px 0;
background-color: #fff;}
.cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
.cssmenu ul ul li:hover{}
.cssmenu li:hover > ul{left:auto}
.cssmenu li:hover > ul > li{height:45px}
.cssmenu ul ul ul{margin-right:100%;top:0;z-index: 2;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);}
.cssmenu ul ul li a{
   padding: 0 15px;
    width: 200px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    line-height: 2.7;
    box-shadow: 0px 0px 4px #dae9ff;
    margin: 0 10px 10px 10px;
    border-radius: 9px;
	text-align: right;
}
.cssmenu ul ul li:last-child > a,.cssmenu ul ul li.last-item > a{border-bottom:0}
.cssmenu ul ul li:hover > a,.cssmenu ul ul li a:hover{color:#000}
.cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;left:11px;width:8px;height:2px;display:block;background:#ccc;content:''}
.cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;left:14px;display:block;width:2px;height:8px;background:#ccc;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

.cssmenu ul ul ul li.active a{border-left:1px solid #333}
.cssmenu > ul > li.has-sub > ul > li.active > a,.cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.cssmenu li:hover > ul {
    left: auto;
}	
.cssmenu > ul > li > a{
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	line-height: 5;
}
.cssmenu > ul > li > a {
	padding: 5px 14px;
}
.nav-tabs {
    border-bottom: none !important;
}
#cssmenu2 > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
	z-index: 99;
	text-align: left;
}
.cssmenu > ul > li.has-sub > a:after{
	content: ' ';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #294187;
	position: absolute;
	top: 49%;
	left: 7px;
	}

.back-to-top {
    position: fixed;
	bottom: 23px;
	right: 15px;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	line-height: 28px;
	text-align: center;
	font-size: 13px;
	background: #187ea0;
}		
.menu .nav.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
	width: 75%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.menu .navbar.navbar-nav {
    width: 100%;
    padding:0;
}
.collapse.navbar-collapse.js-navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%;
}
.col-left-news .img-news img {
    width: 100% !important;
    height:100% !important;
    border-radius: 100%;
}	

.gap-col{
	padding:0 !important;
}.copy-txt {

    text-align: left;
}
}
@media  (max-width:599.99px){

}
@media  (min-width:1260px){
.container {
    max-width: 1200px;
}
.menu-box.fixed .menu {
    width: 100% !important;
    max-width: 1300px !important;
}	
}
@media  (max-width:991.99px){
.menu-mob .row {
    align-items: center;
}   
 .img-menu img {
    width: 200px;
}   
 .menu-mob {
    background-color: #9a2020;
}   
.search-text{
	display: none;
}	
.namad-col {
    text-align: center;
	margin-top: 25px !important;
}	
.namad {
    text-align: center;
}	
.footer-link li {
    margin: 0 0 0 13px;
}	
.btn-group .dropdown-toggle::after {
	display:none !important;
  }  
.item-grid.bottom-cta .item-box {
	margin-top: 40px !important;
}	
.owl-logo .owl-prev {
    left: -40px !important;
}	
.owl-logo .owl-next {
    right: -40px !important;
}	
.desc-send {
    display:block;
    width: 100%;
    text-align: center;
}	
.img-send {
    margin: auto;
	display: block;
}	
.search-form input {
    background-color:transparent !important;
	box-shadow: none !important;
	border: none !important;
}			
.social-sharing li {
	display:inline-block;
}	
.back-to-top {
    position: absolute;
	bottom: 152px;
	right: 15px;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	background: #7c8299;
	left: 0;
}	
.col-right-news .img-news {
    width: 50%;
    margin: 0 auto;
}
.col-right-news .img-news img{
	width:100px !important;
	height:100px !important;
	border-radius:100%;
}
.mob-list2 li {
    display: inline-block;
}			
.news-letter {
    margin-bottom: 20px !important;
}
.col-left-news .img-news {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
}
.col-left-news .img-news img{
	height: 100px !important;
	width:100px !important;
}
.reg-mob fa,.reg-mob .fas {
    font-size: 20px;
}	
.row.box-content {
    padding: 0 !important;
}
.thumb-banner {
    margin: 3px !important;
}
.title-banner {
    font-size: 12px !important;
    font-weight: bold;
    text-align: center;
	padding-top: 4px;
}
.owl-slider .item  img {
  opacity: 0.8;

  transform-origin: center center;
  transition: all 900ms ease;
}
.owl-slider .active .item  img {
  opacity: 1;

}

.service {
    padding-bottom: 15px !important;
}	
.footer-bottom {
    margin-top: -38px;
}	

.desc-lastest-pro.container {
    padding: 0 9% !important;
    padding-bottom: 30px !important;
}
.title-section {
    font-size: 1.3rem !important;
}	
.owl-service .card-body {
    padding: 5px !important;
}
.service-name {
    margin-top: 10px !important;
    font-family: 'Websima Nilan';
    font-weight: bold;
    font-size: 10px !important;
    color: #101010;
    text-align: center;
}	
.text-center.img-footer img {
    width: 50%;
    margin: 0 auto !important;
}	
.app-lnk li {
    width: 49%;
}

.desc-banner {
    display: none;
}
.caption-app {
    font-size: 15px  !important;
    text-align: center;
    margin-top: 15px !important;
}
.box-categori li {
    width: 47.7%;
    margin: 8px 0.65%;
    float: right;
    overflow: hidden;
    position: relative;
    text-align: center;
}			
.list-group-item i {
    font-size: 11px;
    float: left;
}
.card-search input {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 13px;
}
.card.card-sm.card-search {
    margin-bottom: 0 !important;
	border: none !important;
}
.row.search-input.collapse.show {
    background-color: #fff;
}	
.position-right {
    z-index: 999;
}	

#offCanvasRight {
    background-color: #19242d;
}
.shop-mob span {
    display: inline-block;
	position: absolute;
	top: -7px;
	left: 7px;
	width: 20px;
	height: 20px;
	background-color: #ffba00;
	border-radius: 100%;
	color: #fff;
	border: 1px solid #000;
	z-index: 2;
}

.card.card-srv:hover {
    color: #05da00;
}
.shop-mob {
    position: relative;
}
.reg-mob a{
	color:#ffba00 !important;
}
.sidebar-nav .list-group-item {
    background-color: transparent !important;
    border-right: none !important;
	 border-top: none !important;
	  border-left: none !important;
	color: #000 !important;
}
.card-body.row.no-gutters.align-items-center {
    padding: 0 20px 0 0 !important;
}

.mob-list .fas.fa-bars {
    font-size: 30px;
    cursor: pointer;
	color: #fff;
}

.button.btn-menu {
    background-color: transparent !important;
}
.mob-list.row {
    align-items: center;
}
.mob-list {
    padding: 10px 0;
}
.mob-list > li {
	list-style:none;
}
.serach-mob i {
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
	color: #ffba00;
}	
.title-service {
    font-size: 1rem;
}				
.gap-col-mob{
		padding:0 !important;
	}
.img-news img {
    width: 100% !important;
    margin: auto !important;
}	
}
@media  (max-width:480.99px){
.item-grid.bottom-cta .item-box {
    width: 100% !important;
}			
}
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media screen  and (min-width:768px) and (max-width:991.98px){	
.set {
    width: 80%;
margin: auto;
}    
.container {
    max-width: 97% !important;
}	
.menu .navbar-dark .navbar-toggler {
    border-color: #ffba00 !important;
   background-color: #ffba00 !important;
}
}

.tooltip {
    font-family: IRANSans, sans-serif!important;
    font-size: 12px;
    border-radius: 25px;
	background:none !important;
	min-width:40px;
}

.tooltip-inner {
    background:#14314a; 
    color: #fff;

}
.tooltip.top .tooltip-arrow {
    border-top-color: #14314a;
	margin-top:10px;
}
.tooltip::before,.tooltip::after{
	display:none;
}

@media  (min-width:1281px){
.wrapper{

	padding:0 !important;
}		
.fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    transition: all .3s ease-in-out;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.fixed-top .logo-menu img {
    width: 67% !important;
}
.fixed-top .search-inline {
    top: 72px !important;
}

}

@media screen and (max-width:991.98px){
.headers-mob {
    background:#9a2020 url("../images/them/bg-menu.jpg") no-repeat;
        background-size: auto;
    background-size: auto;
    background-size: cover;
}    
.date-box span {
    color: #8dd0e3 !important;
}	
	
.search-form input{
	color: #fff !important;
}	
.search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #fff;
    }
.search-form input::-moz-placeholder { /* Firefox 19+ */
   color: #fff;
}
.search-form input:-ms-input-placeholder { /* IE 10+ */
 color: #fff;
}
.search-form input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}	
.serch-btn {
    background: url(../images/them/slice-them.png);
	background-position: -84px -126px !important;
	width: 29px;
	height: 32px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	display: inline-block;
	border-radius: 5px;
	margin-top: 5px;
}	
.count-shop,.count-order {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    line-height: 16px;
    background: #187da0;
    font-size: 8px;
    color: #fff;
    z-index: 1;
    pointer-events: none;
    text-align: center;
}	

.nav.panel-tabs li {
    padding: 10px 15px;
}	
.img-news {
    text-align: center;
}	
.tab-product {
    padding-left: 5px;
    padding-right: 5px !important;
}
.img-news a {
    width: 80%;
    margin: auto;
}	
.copy-txt {
    text-align: center;
}
.owl-slider .owl-dots {
    margin-top: 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 100%;
}		
.cssmenu,.cssmenu ul,.cssmenu ul li,.cssmenu ul li a,.cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cssmenu:after,.cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cssmenu #head-mobile{display:none}
.cssmenu > ul > li{float:right}
.cssmenu  ul  li  a{
	padding: 8px 20px;
	font-size: 14px;
	text-decoration: none;
	color: #111;
	font-weight: 500;
	line-height: 2.9;
	}

.cssmenu > ul > li.has-sub > a{padding-right:30px}
.cssmenu > ul > li.has-sub > a:after{
	position: absolute;
	top: 28px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #7d7d7d;
	content: '';
	}
.cssmenu > ul > li.has-sub > a:before{
	position: absolute;
	top: 25px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #7d7d7d;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	}
.cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
.cssmenu ul ul{position:absolute;left:-9999px}
.cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
.cssmenu ul ul li:hover{}
.cssmenu li:hover > ul{left:auto}
.cssmenu li:hover > ul > li{height:40px}
.cssmenu ul ul ul{margin-right:100%;top:0}
.cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
.cssmenu ul ul li:last-child > a,.cssmenu ul ul li.last-item > a{border-bottom:0}
.cssmenu ul ul li:hover > a,.cssmenu ul ul li a:hover{color:#fff}
.cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;left:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
.cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;left:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
.cssmenu ul ul li.has-sub:hover,.cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
.cssmenu ul ul ul li.active a{border-left:1px solid #333}
.cssmenu > ul > li.has-sub > ul > li.active > a,.cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}	
.opened {
    display: block !important;
	background-color: #2a3a47;
}
.cssmenu > ul > li > a {
    color: #fff !important;
}
.cssmenu > ul > li.has-sub > a {
    padding-right:65px !important;
}	
nav{width:100%;}
.cssmenu{width:100%}
.cssmenu ul{width:100%;display:none}
.cssmenu ul li{width:100%;border-top: 1px solid #3d454c;}
.cssmenu ul li:hover{background: #2a3a47;}
.cssmenu ul ul li,.cssmenu li:hover > ul > li{height:auto}
.cssmenu ul li a,.cssmenu ul ul li a{width:100%;border-bottom:0}
.cssmenu > ul > li{float:none}
.cssmenu ul ul li a{padding-right:65px}
.cssmenu ul ul li{background: #19242d  !important;}
.cssmenu ul ul li:hover{background: #19242d  !important;}
.cssmenu ul ul ul li a{padding-right:65px}
.cssmenu ul ul li a{color:#ddd;background:none}
.cssmenu ul ul li:hover > a,.cssmenu ul ul li.active > a{color:#fff}
.cssmenu ul ul,.cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:right}
.cssmenu > ul > li.has-sub > a:after,.cssmenu > ul > li.has-sub > a:before,.cssmenu ul ul > li.has-sub > a:after,.cssmenu ul ul > li.has-sub > a:before{display:none}
.cssmenu #head-mobile{display:block;padding:23px;color:#fff;font-size:12px;font-weight:700}
.cssmenu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #3d454c;height:58px;width:58px;cursor:pointer}
.cssmenu .submenu-button.submenu-opened{background: #19242d ;}
.cssmenu ul ul .submenu-button{height: 58px;
width: 58px;}
.cssmenu .submenu-button:after{position:absolute;top:28px;right:29px;width:8px;height:2px;display:block;background:#ddd;content:''}
.cssmenu ul ul .submenu-button:after{top: 26px;
right: 26px;}
.cssmenu .submenu-button.submenu-opened:after{background:#fff}
.cssmenu .submenu-button:before{position:absolute;top:25px;right:32px;display:block;width:2px;height:8px;background:#ddd;content:''}
.cssmenu ul ul .submenu-button:before{top: 23px;
right: 29px;}
.cssmenu .submenu-button.submenu-opened:before{display:none}
.cssmenu ul ul ul li.active a{border-left:none}
.cssmenu > ul > li.has-sub > ul > li.active > a,.cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.button.btn-menu.close  .fa-bars::before {
  content: "\f00d" !important;
}



.close-menu {
    padding: 0;
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,0.1);
    font-size: 13px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    line-height: 28px;
    float: left;

}
.menuTrigger {
	cursor: pointer;
	color:#4f4f4f;
	font-size: 16px;
}	
.btn-menu {
    background-color: #c4161c  !important;
    padding: 15px !important;
    height: 58px;
}
.serach-mob.gap-col-mob {
	    width: calc(100vw - 108px);
}
.mob-list2.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.menuTrigger {
    text-align: right;
}
.closeSubPanel {
    padding: 0;
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,0.1);
    font-size: 13px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    line-height: 28px;
    float: left;
    margin-left: 5px;
}
.subPanel li a {
    line-height: 17px;
    font-size: 13px;
    color: #000;
}
.openSubPanel-li a {
    line-height: 17px;
    font-size: 13px;
    color: #000;
}
.openSubPanel {
    position: relative;
    width: 28px;
    height: 28px;
    background: #fff;
    cursor: pointer;
    z-index: 1;
    text-align: center;
   line-height: 28px;
}
.openSubPanel i {
    color: #c4161c;
}
.openSubPanel {
    float: left;
}
.openSubPanel-li {
    float: right;
}
.panel-mene, .subPanel {
	width: 300px;
	background-color: #fff  !important;
	position: absolute;
	height:100%;
	top: 0;
	bottom: 0;
	right: -300px;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;

}
.panel-mene.isOpen::after {
    position: absolute;
    right: 300px;
    content: '';
    top: 0;
    height: 100%;
    min-height: 100%;
    background: rgba(0,0,0,0.5);
   width: 300%;
}
.panel-mene{
z-index: 9999999;
}
.panel-mene ul li{
	width: 300px;
	padding: 14px 22px !important;
	border-bottom: 1px solid #eee;
    background: #fff;
	cursor: pointer;
	height: 58px;
}
.panel-mene.isOpen, .subPanel.isOpen {
-webkit-transform: translateX(-300px);
-moz-transform: translateX(-300px);
-ms-transform: translateX(-300px);
-o-transform: translateX(-300px);
transform: translateX(-300px);
}	
.subPanel{
	z-index:20;
}
.closeSubPanel, .closePanel, .openSubPanel {
cursor: pointer;
}
.menu .navbar-nav .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
    border-radius: 0 !important;
	margin: 0 !important;
	
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
.menu .navbar-nav > li > a {
    padding: 0px 10px !important;
}


}
.owl-nav i {
    color: #c0202f;
}
@media screen and (max-width:767px){
    .top-box-logo {
    height: 113px;
}
.top-box-logo .head-logo {
    width: 74%;
    height: 90%;
}
.row.row-sear-ch {
    padding: 18px 0 44px;
}
.owl-carousel .owl-item img {
    width: 100% !important;
}
        .d-none-xl {display: block;}
.d-none-lg {display: none;}
  .owl-carousel.owl-theme.owl-company.owl-rtl.owl-loaded.owl-drag {
    padding-bottom: 40px;
}  
  .box-menu .mx-auto ,.box-menu .container,.section-company .container{
    padding: 0 !important;
}  
 .owl-company .owl-next {
    position: absolute;
    top: 48%;
    left: 0;
} 
 .owl-company .owl-prev {
    position: absolute;
    top: 48%;
    right: 0;
}
 .owl-company .owl-next ,.owl-company .owl-prev {
    transform: rotate(180deg);
} 

.owl-company .card {
    width: 80%;
    margin: auto;
}
.box-menu .col-md-4.col-12 {
    margin-bottom: 15px !important;
}  
.panel-mene {
    z-index: 999999;
    position: fixed;
    bottom: 0;
    top: 0;
}
.panel-mene.isOpen > ul {
    height: 100vh;
    overflow-y: auto;
}
.mob-list2.row {
    align-items: center;
}	
.btn-search{
	min-width: 50px;
}	
.news-body {
    height: 65px;
    overflow: hidden;
}	
.news-title {
	font-size: 11px;
}	
.tel.mt-3 {
    margin-bottom: 20px !important;
}	
.set i {
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 12px;
}	
.namad {
    text-align: center;
    margin-top: 20px;
}	
.social {
    text-align: center;
}	
.copy-text {
    text-align: center;
    direction: ltr;
    font-size: 11px;
}	
.accordion-container .set {
	position: relative;
	width: 100%;
	height: auto;
	background-color: transparent !important;
	border-bottom: 1px solid #b2babd;
}
.accordion-container .set>span:hover {
    cursor: pointer
}

.accordion-container .content {
   position: relative;
	width: 100%;
	height: auto;
	padding-right: 10px !important;
	display: none;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px !important;
}
}
.page{
	overflow-x:hidden; 
	position:relative; 
	}	

.menuTrigger i {
    font-size: 24px;
    vertical-align: middle;
    color:#fff;
}
.cssmenu > ul > li.has-sub > a::after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    top: 49%;
    left: 7px;
}
@media  screen and (min-width:992px) {
  .namad {
    margin-top: 50px;
}  
.namad-col {
    text-align: left;
}	
.footer-link li {
    margin: 0 0 0 20px;
}	
.link-top li {
	margin: 0 0 0 12px;
}	
}

@media  screen and (min-width:992px) and (max-width:1199px){
   .set {
    width: 80%;
   margin: auto;
}
}
#cssmenu2 {
    width: 100%;
}
@media screen  and (min-width:768px) and (max-width:1199.98px){	
.container {
    max-width: 95% !important;
}
.link-top {
    text-align: center;
}
.cssmenu > ul > li > a {
    line-height: 3 !important;
}
.cssmenu > ul > li > a > span {
    display: block;
    text-align: center;
}
.cssmenu > ul > li > a > span {
    padding: 0 !important;
}
}
.icon-register{
	background: url("../images/them/slice-them.png") no-repeat;
	background-position: -8px -11px; 
	width: 29px;
	height: 31px;
	display: inline-block;
	vertical-align: middle;
}
.icon-search{
	background: url("../images/them/slice-them.png") no-repeat;
	background-position: -93px -13px; 
	width: 31px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;	
}
.btn-search{
	background-color: #9a2020;
	color: #fff;
	height: 52px;
	line-height: 52px;    cursor: pointer;
   border-radius: 25px 0 0 25px;
}
.btn-search:hover {
    background: linear-gradient(0deg, #9a2020, #cc3f3f);
}
.row.menu {
    align-items: center;
}
.link-top li {
    display: inline-block;
    vertical-align: middle;
}
.link-top li a {
    color:#fff;  
}
.add-company {
    min-width: 108px;
    text-align: center;
    line-height: 20px;
    position: relative;
    border: 1px solid white;
    border-radius: 30px;
    font-size: 13px;
    margin: 3px auto 0;    display: block;
    padding: 2px 0;transition:all 0.3s;
}

.add-company a{
	color:#fff !important;
	display: block;
    padding-right: 10px;
}
.add-company:hover a{
	color:#fff !important;
}
.search-box form {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.search-box form input {
    border: none;
    background-color:#f8f8f8;
	font-size: 13px;
	border-radius: 0 25px 25px 0;
}
.search-box-section{
	background:#a8a8a8 url("../images/them/bg-search.jpg") no-repeat;
	background-size: cover;
	min-height: 269px;
	position: relative;
	background-position: bottom;	
}
.main-title-search {
    color: #fff !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;    text-align: center !important;
}
.form-group input {
    height: 100%;
}
.row-filter .form-group {
    margin-bottom: 1rem;
    padding: 0 1px;
    height: 38px;
}
#BtnFilter {
    width: 100%;
    background: #9a2020;
    color: white;
}
.section-company {
    background-color: #f8f8f8;
	/*padding: 10px 0px;*/
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	box-shadow: 0px 4px 11px #00000021;
	margin: 35px 0px 0;
	cursor: pointer;
	transition: .2s;
}

.item .img-box img {
    width:auto !important;
	margin: 10px auto;
}

.section-company .card-body {
    padding: 10px 5px;
}
.company-name {
   color: #c0202f;
    margin-top: 5px;
    text-align: center;
    min-height: 47px;
}
.list li {
    list-style: none;
    text-align: right;
    font-size: 12px;
    line-height: 2;
}
.cp-list {
    color:#474747;
    font-weight: 500;
}
.vl-list {
    color: #6e6e6e;
}
.title-section {
    color: #c4161c;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 30px !important;
}
.copy{
	background-color: #9a2020;
	color: #fff;
	padding: 10px 0;
	font-size: 12px;
}
.footer-link li a {
    color: #fff;
    font-size: 12px;
}
.footer-link li {
    display: inline-block;
	position:relative;
}
.footer-link li:not(:last-child)::after{
	position: absolute;
	top: 0;
	left: -13px;
	content: '|';
	color:#d2a6aa;
}
.footer {
    background-color:#ebebeb;
	padding-top: 28px;
	padding-bottom: 28px;
	border-top: 1px solid #d7d7d7;
	color: #424242;
}
.title-footer {
   color:#c4161c;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px !important;
	display: block;
	margin-top: 10px
}
.namad li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 7px;
    width: 65px;
}
.social li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
}
.footer-menu li {
    list-style: none;
    line-height: 2;
	position: relative;
}
.num {
    direction: ltr;
    display: inline-block;
}

.footer-menu li a {
    color: #646262;
font-size: 12px;
}
.footer-menu li::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
	border-right: 4px solid #b2bcbc;
	border-bottom: 4px solid transparent;
    margin-right: -15px;
    position: absolute;
    top: 9px;
}
.owl-logo img {
    width: auto !important;
    margin: auto;
}
.brand {
    background-color:#fff;
    border-top: 1px solid #d7d7d7;
    padding: 10px 0;
}
.news{
	background-color: #f8f8f8;
	padding: 40px 0;
	border-top: 1px solid #e1e1e1;
}
.news-2 {
	background-color: #f8f8f8;
	margin: 35px 0;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 4px 11px #00000021;
}

.banner{
	background-color: #fff;
	padding: 40px 0;
	border-top: 1px solid #e1e1e1;
}

.banner-top li img {
    width: 100% !important;
}
.add-company::before {
	background: url("../images/them/slice-them.png");
	background-position: -51px -17px; 
	width: 25px;
	height: 19px;
	content: '';
	position: absolute;
	top: 1px;
	right: 5px;
}
.date-new-s {
    text-align: left;
    font-size: 14px;
    margin: 3px 0 0;
    font-weight: bold;
    color: #7a7a7a;
}
.date-new-s i {
    float: left;
    margin: 1px 5px 0 0;
}
.owl-category a {
    color: #414141;
	padding: 9px 10px;
	border-radius: 25px;
	display: block;
}
.owl-category .owl-item:nth-child(odd) a{
	background-color: #f0edfc;
}
.owl-category .owl-item:nth-child(even) a{
	background-color: #fce9e5;
}
.owl-theme .owl-dots .owl-dot {
    background-color: transparent;
}
.owl-dots .owl-dot:hover span {
    background: #c0202f !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #c0202f !important;
}
.owl-news .owl-dots .owl-dot span,.owl-company .owl-dots .owl-dot span{
    width: 23px !important;
    height: 3px !important;
    margin: 5px 7px;
    border-radius: 0 !important;
}
.card.crd-news {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
    border: 1px solid #eaeaea; 
}
.news-title {
    color: #c0202f;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px !important;
}
.news-body {
    color: #2a2a2a;
    font-size: 12px;
    line-height: 1.5;
}
.more-news  {
    color: #2a2a2a;
    font-size: 12px;
}
.text-group b {
    font-size: 12px;
}
.card.crd-news {
    margin-bottom: 20px;
}
.archive-news-link {
    font-size: 13px;
    float: left;
    background: #9a2020;
    color: white;
    text-align: center;
    padding: 5px 0;
    width: 100px;
    border: 1px solid #9a2020;
}
.archive-news-link:hover {
    color: #9a2020;
    background: white;
    transition: all 0.3s;
}
.pagination li {
    padding: 0 !important;
    border: 1px solid #e4e4e4;
}
.gray-line {
    border-bottom: 1px solid #e3e3e3;
    margin: -11px auto 0;
    width: 74%;
}
.pagination li a ,.pagination li span {
    padding: 5px 10px;
    display: block;
    color: #9a2020;
}
@media screen and (min-width:501px){
.banner-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-top > li {
    display: inline-block;
    width: 33%;
    overflow: hidden;
    margin: 5px;
    position: relative;
}
}
@media screen and (max-width:500px){
.banner-top > li {
    display: inline-block;
    width: 45%;
    overflow: hidden;
    margin: 5px;
    position: relative;
}
}
 .owl-nav {
    margin-top: 0;
    direction: ltr;
}
.owl-category .owl-next {
    position: absolute;
    top: -47px;
    right: -13px;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #414141 !important;
}
.owl-category .owl-prev {
    position: absolute;
    top: -47px;
    right: 5px;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #414141 !important;
}
.owl-theme .owl-nav {
    margin-top: 0 !important;
}
.card.crd-news img {
    transition: all .3s ease;
}
.card.crd-news:hover img {
   -webkit-filter: brightness(1.1);
filter: brightness(1.1);
cursor: pointer 
}
.banner-top img {
  transition: all .7s linear;
-moz-transition: all .7s linear;
-ms-transition: all .7s linear;
-o-transition: all .7s linear;
-webkit-transition: all .7s linear;
}
.banner-top li:hover img{
	transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
}
.more-category a {
    color: #c0202f;
}

.accordion dl,
.accordion-list {
margin-bottom: 0 !important;
}

.accordion dd,
.accordion__panel {
  font-size: 1em;
  line-height: 1.5em;
}



.accordion {
  position: relative;
}

.accordionTitle,
.accordion__Heading {
 font-weight: 400;
    padding: 7px 10px;
    display: block;
    text-decoration: none;
    color:#797575;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    text-align: right;
    border-bottom: 1px solid#f8f8f8;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
font-size: 12px;
line-height: 0.5em;
float: left;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
margin-top: 8px;
}


.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #c4161c;
  color: #fff !important;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}



.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
.row.row-group {
    margin-top: -54px;
}
.category-title {
    font-size: 13px;
}
.list li {
    line-height: 1.7;
    padding-right: 10px;
}
.list li a{
    color:#000;
}
.more-category a {
    color: #c0202f;
    font-size: 11px;
    border: 1px solid;
    padding: 0 7px;
    border-radius: 30px;
}
.more-category a:hover {
    background: #c0202f;
color: #fff;
}
.row.row-head {
    padding: 14px 0;
    border-bottom: 1px solid #cec7c7;
}
.caption-category span {
    display: block;
    text-align: right;
    font-size: 17px;
}
.more-category {
    text-align: left !important;
    padding-left: 15px;
}
.social li a {
    color:  #a0a0a0;
    font-size: 25px;
}
.item-supporter img {
    width: 110px !important;
    height: 98px;
}
.owl-company .card {
    padding-bottom: 10px;
}
.about-footer {
    text-align: justify;
}
a {
    color: #0f2793;
}
.box-content {
    padding: 5px 10px 0;
    top: 10%;
    bottom: 10%;
    opacity: 0;
    z-index: 2;
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    transition: all .3s;
    display: block;
    background: rgba(0,0,0,.3);
    top: 10%;
    bottom: 10%;
    z-index: 1;
    transform: scale(0,1);
}
.box-content .title {
    font-size: 15px;
    font-weight: 600;
    color: #c0202f;
    margin: 0 0 5px;
}
.box-content .description {
    font-size: 13px;
    color: #fff;
    margin: 0 0 20px;
    line-height: normal;
}
.banner-top li:hover .box-content {
    box-shadow: 0 0 0 35px rgba(255,255,255,.3);
    opacity: 1;
    transition: all .3s;
    transform: scale(1,1);
}
.box-content .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 8px;
    bottom: 9px;
    text-align: left;
}
.box-content .icon li a {
    display: block;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 26px;
    color: #fff;
    background: #c0202f;    cursor: pointer;
    transition: all .5s;
    text-align: center;
    border: 1px solid #c0202f;
    border-radius: 50%;
}
@keyframes animate{0%,100%{opacity:1}
 }
 @keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
     50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
     100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
 }
.box-content .icon a:hover {
    text-decoration: none;
    animation: animate-hover .5s;
    transition: all .3s;
}
.box-content .icon li {
    display: inline-block;
}
.box-content .icon:hover li a{
    color: #fff;
}
.btn.btn-danger.btn-block {
    background-color: #c0202f;
}
/*.page-content {*/
/*    background-color: #f9f9f9;*/
/*    padding-top: 20px;*/
/*    padding-bottom: 20px;*/
/*    border: 1px solid #e8e8e8;*/
/*    box-shadow: 0px 4px 11px #00000021;*/
/*}*/
.page-content.contact-info h4 {
    font-size: 14px;
    font-weight: 500;
}
.list li {
    padding: 4px 10px;
    display: block;
    text-decoration: none;
    color: #797575;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    text-align: right;
    border-bottom: 1px solid #f8f8f8;
}
.list li a{
    color: #797575;
     font-weight: 400;
}
.search-content {
    background-color: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 4px 11px #00000021;
}
.img-box {
    text-align: center;
}
.title-main {
    margin-top: 10px;
    color: #5f5f5f;
    font-size: 18px;
    position: relative;
    /*border-bottom: 1px solid #ccc;*/
    padding-bottom: 10px;
}
.title-main::after {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 8%;
    content: '';
    /*background-color: #c0202f;*/
    height: 2px;
}
.is-expanded .link-cat {
    color: #fff !important;
    border: 1px solid;
    padding: 0 6px;
    border-radius: 30px;
    font-weight: 300;
}
.accordion-title .link-cat {
    float: left;
    font-size: 12px;
    margin-left: 5px;
    display: none;
}
.is-expanded .link-cat{
    display: block !important; 
}
.form-control {
    font-size: 13px;
}
.accordion dd, .accordion__panel {
    overflow-y: auto;
}
.accordionTitle, .accordion__Heading {
    cursor: pointer;
}
.section-company-mail {
    min-height: 77px;
}
.section-company .item.item-supporter img {
    background: white;
    padding: 6px;
}
.logo-header img {
    width: 50px;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgb(197, 22, 29) !important;
}
.card.crd-news img {
    width: 100% !important;
}
header {
    background-color: #9a2020;
}
.footer-logoS img {
    width: 100%;
    height: 100%;
}
.footer-logoS li {
    width: 65px;
    height: 63px;
}



 /*********************** Demo - 3 *******************/
.box3{margin: 0 0 22px;overflow: hidden;box-shadow:0 0 3px rgba(0,0,0,.3);position:relative;}
.box3 .box-content,
.box3:after,
.box3:before{content: "";position:absolute;left:7%;right:7%;transition:all .3s;display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1);}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0);}
.box3:hover:after,
.box3:hover:before{content: "";transform:scale(1);animation:animate 1.5s;}
.box3:hover:before{content: "";border-top:3px solid #fff;border-bottom:3px solid #fff;}
.box3:hover:after{content: "";border-left:3px solid #fff;border-right:3px solid #fff;}
.box3 img{width:100%;height:auto;transition:all .3s;}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px);}
.box3 .box-content{padding:5px 10px 0;top:10%;bottom:10%;opacity:0;z-index:2;}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s;transform: scale(1,1);}
.box3 .post{display:block;margin:0 0 5px;font-size:13px;color:rgba(255,255,255,.8);}
.box3 .description{font-size:13px;color:#fff;margin:0 0 20px;line-height: normal !important;}
.box3 .icon{padding:0;margin:0;list-style:none;position: absolute;left: 8px;bottom: 9px;text-align: left;}
.box3 .icon li{display:inline-block;}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s;}
.box3 .banner {padding: 0;}

.not-auto-p {padding: 0 100px;}
.title-main-top h1 {font-size: 20px;}
@media screen and (max-width:1024px){
    .container {max-width: 100% !important;}
    .cssmenu > ul > li > a {padding: 5px 8px;}
    .link-top li {margin: 0 0 0 1px;}
    .not-auto-p {padding: 0 0;}
    .set:first-child {width: 33%;padding: 0 33px 0 0 !important;}
    .set {width: 61%;margin: 0 auto; padding: 0 35px 0 0 !important;}
    .footer .container {max-width: 100% !important;}
    .Social-Link .Itm-Social {font-size: 16px;width: 33px;height: 33px;padding: 6px 0 0;}
    .more-about {position: relative;bottom: auto;left: auto;text-align: left;margin: 0 20px 20px;}
    .box3 .box-content {padding: 3px 4px 0;top: 7%;bottom: 7%;}
    .banner-top .col-sm-3 {padding: 0 5px;}
    .box-content .title {font-size: 12px;}
    .box3 .description {font-size: 9px;line-height: 14px;}
    .box-content .icon li a {font-size: 10px;width: 20px;height: 20px;line-height: 19px;}
    .box3 .icon {bottom: 7px;}
    .title-main-top h1 {font-size: 18px;}
}
@media screen and (max-width:770px){
    .link-top li {margin: 0 ;}
    .add-company {margin: 0 0;max-width: 104px;float: left;}
    .top-box-logo .head-logo {width: 81%;height: 81%;}
    .search-box-section .col-sm-2 {padding: 0;}
    .top-box-logo {height: 111px;}
    .main-title-search {margin: 0 !important;}
    .news-title {font-size: 14px;height: 57px;}
    footer.container-fluid.footer .col-lg-4.col-md-6.col-12.p-0,
    footer.container-fluid.footer .col-lg-8.col-md-6.col-12.p-0{width: 100% !important;max-width: 100% !important;min-width: 100% !important;}
    .not-auto-p .col-md-4.col-12 {padding: 0 3px;}
    .container-fluid.box-menu .container {width: 100% !important;max-width: 100% !important;}
    .main-logo-footer {text-align: center;width: 100%;display: block;}
    h2#mcetoc_1e8gh5o2n0 ,.about-footer{text-align: center !important;}
    .title-main-top h1 {font-size: 17px;}
    #ExtraCompanySearch .col-md-3 {padding: 0 3px;}
    #ExtraCompanySearch .item {margin-bottom: 8px;}
    .list li {font-size: 11px;}
    .section-company-mail {min-height: 57px;}
    #ExtraCompanySearch .list li:first-child {height: 40px;}
    .row-filter .col-md-3 {padding: 0 2px;}
    #part--requirements .container {padding: 0;}
    #part--requirements .form-control {height: 100%;}
    #part--requirements .form-group {margin-bottom: 0;}
}
@media screen and (max-width:420px){
    .search-box-section .col-sm-2 {padding: 0 14px;}
    .set:first-child {width: 100%;padding: 0 !important ;}
    .set {padding: 0 !important;}
    .img-bck-ground {height: 100px !important;}
    .logo.coompany {width: 90px;height: 90px;left: 11px;top: 50px;}
    .news-body {height: auto;}
    .news-title {font-size: 13px;height: auto;line-height: 18px;}
    .news .col-md-6.col-12 ,.container.page-content .col-sm-12 ,
    .container.page-content .col-md-8,.container.page-content .col-md-4 ,.news-2,.news-2 .col-md-6.col-12{padding: 0;}
    .card.crd-news {margin-bottom: 10px;}
    .box3 .box-content,.box3 .box-content, .box3:after, .box3:before {top: 4%;bottom: 4%;right: 2%;left: 2%;}
    .box3 .box-content{padding: 3px 3px 0;}
    .banner-top .col-sm-3 {padding: 0 5px;width: 50%;float: right;}
    .box3 {margin: 0 0 11px;}
    .box3 .icon {bottom: 3px;}
    .box3 .description {font-size: 8px;}
    .box-content .title {font-size: 11px;}
    .title-main, .title-main-top {margin: 15px 16px 10px !important;padding-bottom: 0 !important;}
    .title-main-top h1 {font-size: 16px;}
    .news-2 {margin: 15px 0;}
    .news-2 .owl-stage {margin: auto;}
    .card.crd-news .col-8 {padding: 0 6px 0 0;}
    .archive-news-link {font-size: 11px;width: 73px;}
    #BtnFilter {position: relative !important;left: 0 !important;width: 100%;}
    #part--requirements .title-main {text-align: center;}
    .list li:first-child {height: auto;}
    .section-company-mail {min-height: auto;}
    .text-center.pagination-box {width: auto;overflow: auto;}
}