@import url(font-awesome.min.css);
*{
	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;
 background-color: #ffffff;
  direction: rtl;
   height: 100%;
}

*, *: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');
		
	
}
@font-face {
  font-family: 'WebsimaRohanRound-Regular';
  src: url('http://...fonts/WebsimaRohanRound-Regular.ttf');
  src:  url('../fonts/WebsimaRohanRound-Regular.otf')  format('opentype'),
	 url('../fonts/woff2/WebsimaRohanRound-Regular.woff2') format('woff2'), 
	 url('../fonts/WebsimaRohanRound-Regular.woff') format('woff'),  
	 url('../fonts/WebsimaRohanRound-Regular.ttf') format('truetype');
	
	}


body{
	direction:rtl !important;
     font-family: 'web_Yekan' !important;
	font-weight: normal;
	text-align:justify;
	font-size:13px  !important;
	position:relative;
	overflow-x: hidden;
	position:relative;
	background-color:#f8f8f8;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0 !important;
	line-height: 4;
}
.row.row-footer {
    align-items: baseline;
}
.row-left-link {
    align-items: center;
}
.ml-auto li {
    list-style: none;
}
.register::after {
    position: absolute;
    content: '';
    right: -33px;
    top: 30px;
	background:url("../images/them/slices.png")  no-repeat;
	background-position: -2px -23px;
	width: 31px;
	height: 32px;		
}
.register{
	position:relative;
}
.change-color .date-top {
    display: none;
}
.change-color .register::after {
    top: 10px !important;
}
/*slider*/

/*end-of-slider*/
@media  (min-width:1400px){

}
@media  (min-width:1200px){
	
.cssmenu > ul > li {
    display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.cssmenu > ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

}

@media  (min-width:1000px){

}
.service .nav.panel-tabs li a {
    color: #5c5c5c;
    font-weight: 500;
    font-size: 14px;
	padding: 5px 9px;
	display: block;
	margin: 0 22px;
}
li.hot-ideas-col:nth-child(2) > div:nth-child(2)::after {
    padding-bottom: 75%;
}	
li.hot-ideas-col:nth-child(2) > div:nth-child(1)::after {
    padding-bottom: 75%;
}
li.hot-ideas-col:nth-child(1) > div:nth-child(1)::after {
    padding-bottom: 150%;
}
li.hot-ideas-col:nth-child(3) > div:nth-child(1)::after {
    padding-bottom: 150%;
}
@media  (min-width:768px){
.mail-box {
	width: 30%;
}	
.main-text-slider {
	font-size: 2rem;
}	
.search-inline {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    top: 90px;
    height: 52px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color:#efefef; 
    z-index: 18;
    transition: all .5s ease-in-out;
}
.search-inline .form-control {
    border: 0px;
    padding-left: 0;
    font-size: 1.2rem;
    position: absolute;
    right: 1%;
    top: 0;
    height: 100%;
    width: 99%;
    font-weight: 700;
    outline: none;
    padding-right: 176px;
    background-color: #0e2d3d;
    font-size: 13px;
    font-weight: normal !important;
	border-radius: 0;
	box-shadow: none !important;
}
.search-inline button[type="submit"] {
    position: absolute;
    right: 52px;
    top: 0;
    background-color: transparent;
    border: 0px;
    top: 0;
    right: 80px;
    padding: 0px;
    cursor: pointer;
    width: 80px;
    height: 100%;
    background: #fbb03b;
  color:#fff;    
}
.search-inline .search-close i {
    display: table-cell;
    vertical-align: middle;
}
.search-inline .search-close {
    position: absolute;
    top: 0;
    right: 0;
    color:#616161; 
	width: 80px;
	height: 100%;
	text-align: center;
	display: table;
	background:#efefef;
    text-decoration: none;
}
.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    animation: fadeInDown 0.4s ease-in-out;
}
.searching center{
    width: 27px;
    height: 27px;
    background-color:  #fff; 
    border-radius: 100%;
    line-height: 27px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}	
.date-top {
    position: absolute;
    top: 10px;
    right: 28px;
    color:#fff; 
    font-size: 12px;
}	
.main-service-title {
    font-size: 1.7rem;
}	
.article-section {
    padding-bottom: 60px;
}	

.hot-ideas-col.hot-ideas-center {
  width: 32%;
  float: right;
   margin-left: 3%;
}	
.hot-ideas-left {
	width: 32%;
   float: right;
}
.hot-ideas-right {
  width: 30%;
 float: right;
 margin-left: 3%
}	
.hot-idea {
    height: 100%;
    margin: 18px 0 !important;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.hot-idea {
    width: 100%;
}
	
.logo-carousel {
    padding-top: 60px;
    padding-bottom: 60px;
}	
.new-title::after {
    right: -60px;
    top: 0;
}	
.main-title {  
    font-size: 20px;
}	
.copy-text {
    font-size: 12px;
}
.copy-text2 {
    font-size: 10px;
}	
.set span {
    margin-bottom: 20px !important;
}	
.set > span i {
    display: none;
}	
.accordion-container {
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}		
.footer {
	background-size: contain;
}	
.col1.row1-footer.address {
    width: 84%;
    text-align: right;
}	
.lnk-footers {
    width: 100%;
    background:  rgba(33, 73, 93, 0.6); 
    padding: 10px 18px;
}	
.copy-text2 {
    padding-left: 22px;
    margin-top: 5px;
}	
.copy-text,.copy-text2 {
	text-align: left;
}	
.social {
    text-align: right;
}	
.overlay{
	position: fixed;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	content: "";
	background: rgba(74,74,74,.65);
	opacity: 0;
	z-index: 9;
	transition: opacity .2s cubic-bezier(.215,.61,.355,1) .1s;
	pointer-events: none;
}
.overlay.is-active{
	pointer-events: all !important;
	opacity: 1;
}	
.noneactive {
    display: none;
}
.showactive {
    display: block !important;
}	
.navbar-expand-lg .navbar-nav .dropdown-menu {
    border-radius: 0;
}	
.nav-stacked > li > a{
	padding-right:20px;
}
.dropdown-header i {
    font-size: 10px;
    vertical-align: middle;
    color: #805f1f;
    margin-left: 4px;
}   
 .level li {
    line-height: 1.7;
} 
.nav-stacked > li {
	line-height: 3;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	display: block;
	float: none !important;
	width: 100% !important;
}
.nav-stacked {
    padding: 0 !important;
}

.dropdown-menu.mega-dropdown-menu li a {
	font-size: 12px;
	color: #666 !important;
}
.dropdown-header a {
	color: #805f1f !important;
	font-size: 13px;
	font-weight: 700;
}
.dropdown-menu.mega-dropdown-menu li a {
	font-size: 12px;
	color: #fff !important;
	display: block;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: transparent !important;
}
.mega-dropdown {
	position: static !important;
}
.mega-dropdown-menu {
	padding: 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color:#fff !important;
	top: 100% !important;
}

.img-pro {
    margin-top: 40px;
    margin-bottom: 20px;
}	
.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	background-color: #a80008  !important;
	color: #fff !important;
}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	color: #222;
	padding: 3px 5px;
	font-size: 12px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
	font-size: 14px;
	color: #709c0c;
	padding: 5px 0;
}
.dropdown-menu .divider {
	margin: 8px 0 !important;
	background-color: #709c0c !important;
}	
.logo img {
    float: left;
}
.owl-logo .card-body {
    padding: 0 !important;
    border-radius: 0 !important;
}
.owl-logo .card {
    border-radius: 0 !important;
    border:none !important;
}	
.namad {
    text-align: left;
}
.select-item {
    margin: 0 0 0 8px;
}
.select-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.right-gap {
    padding-right: 0 !important;
}
.lnk > li:nth-child(1) {
    margin-right: 0 !important;
}
.lnk > li {
   -webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 4px 0 4px ;
}
.search-btn {
    margin-left: 0 !important;
	padding: 4px 6px;
}	
.toolbar-top {
    text-align: left;
}	
.title-slide {
	font-size: 2rem;
}	
.desc-section-about {
    font-size: 20px;
    line-height: 2;
}	
.animated.bounceIn {
    width: 96%;
    margin: auto;
}	
.logo img {
  float: left;
}
.user-image {
    width: 69px;
    height: 69px;
    display: inline-block;
    position: absolute;
    top: -48px;
    right: 0;
    z-index: 9;
}	
.content-body-best {
    padding: 20px;
}	
.col-left-news .img-news, .col-left-news .img {
    width: 150px !important;
    height: 150px !important;
    margin: auto;
}	
.namad {
    padding-left: 0 !important;
}	

.left-banner {
    border-radius: 8px;
    position: relative;
    width: 82%;
}	
.title-slide {
    font-size: 15px;
}	
.cssmenu > ul > li > a{
	padding: 0 0 0 20px;
	font-size: 15px;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	line-height:3.5 !important;
	}

.cssmenu > ul > li.has-sub > a{padding-right:30px}
.cssmenu > ul > li.has-sub > a:after{
	position: absolute;
	top: 27px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #fff;
	content: '';
	}
.cssmenu > ul > li.has-sub > a:before{
	position: absolute;
	top: 24px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #fff;
	content: '';

	}	
.owl-logo .owl-prev{
    position: absolute;
    top: 23%;
    left: -34px;
	margin: 0 !important;
	background-color: transparent !important;
	color: #000 !important;
	
}
.owl-brand .owl-prev{
    position: absolute;
    top: 23%;
    left: -20px;
	margin: 0 !important;
	background-color: transparent !important;
	color: #000 !important;
}	
.owl-logo .owl-next {
    position: absolute;
    top: 23%;
    right: -34px;
	margin: 0 !important;
	background-color: transparent !important;
	color: #000 !important;
}
.owl-brand .owl-next{
    position: absolute;
    top: 23%;
    right: -20px;
	margin: 0 !important;
	background-color: transparent !important;
	color: #000 !important;
}	
.right-col {
    padding-left: 0 !important;
}	
.nav.flex-column li::before {
   background-position: -1325px -543px !important;
	width: 31px;
	height: 23px;
	background: url(../images/them/slices.png) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
	position: absolute;
	content: '';
	right: -25px;
	top: 8px
}
.nav.flex-column li{
	position:relative;
}			
.gap-col{
	padding-right:0 !important;
	padding-left:0 !important;
}

}
@media  (max-width:599.99px){
.service .nav.panel-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 8px 20px;
        margin-bottom: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-y: hidden;
    border-bottom: none !important;
}	
.app-img.text-center img {
    width: 50%;
    margin: 0 auto;
}
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0 !important;
}
@media  (max-width:991.99px){
.shop-mob {
    position: relative;
}	
.shop-mob span {
	border: 1px solid #fff;
    position: absolute;
    bottom: 4px;
    right: -5px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background:#a80008; 
	font-size: 12px;
	color:#fff;
    z-index: 1;
    pointer-events: none;
    text-align: center;
    font-family: initial;
}	
.reg-mob,.reg-mob a {
    color: #fff; 
}	
.copy-text, .copy-text2 {
    text-align: center;
}	
.btn.btn-primary.btn-form {
    width: 91%;
    margin: 15px auto 0;
	height: 40px;
}		
.link-mob li {
    display: inline-block;
    vertical-align: middle;
	position:relative;
}
.link-mob {
    text-align: center;
    padding-bottom: 20px !important;
    border-top: 1px solid 
    #5f6164;
    padding-top: 10px !important;
}
.link-mob li a {
    color: 
    #fff !important;
}
.link-mob li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
}	
	.mob-list.mob-list2 {
    width: 100%;
    list-style: none;
    margin: 0;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-item {
    margin-bottom: 10px !important;
}
.namad-icon {
    text-align: center;
}		
.link-top {
    text-align: center;
    margin-top: 10px !important;
}	
.type-wrap.text-center {
    margin-bottom: 10px !important;
}	
.serach-mob {
    min-width: 40px;
}	
.col-right-news {
    width: 100% !important;
    float: right;
}	
.col-left-news {
    width: 80%;
    margin: auto;
}	
.section-lnk {
    text-align: center;
}
.social {
    text-align: center;
    margin-top: 15px !important;
}		
.serach-mob i {
    color: #ec008c;
}
.card.card-sm.card-search {
    margin-bottom: 0 !important;
    border: none !important;
}
.card-body.row.no-gutters.align-items-center {
    padding: 0 20px 0 0 !important;
}
.card-search input {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 13px;
}		
.img-about img {
    width: 200px;
    margin: 10px auto;
}	
.owl-slider .owl-next {
    right: 0;
}
.owl-slider .owl-prev {
    left: 0;
}			
.logo-mob {
    text-align: center;
}
.logo-mob img {
    width: 150px;
    margin: 10px auto !important;
}
	
.reg-mob.dropdown-toggle {
    cursor: pointer;
}
.dropdown-menu.reg-mob.show {
    color: #000;
    font-weight: normal !important;
}
.dropdown-menu.reg-mob.show a {
    color: #0e3989;
}
.login a {
    color: #fff !important;
}	
.service .icon img {
    transition: all ease-in-out .5s;
}
.service li:hover .icon img{
 transform: scale(1.2);
cursor: pointer;				
}
 .dropdown-toggle::after {
    display: none !important;

}	
.dropdown-menu.reg-mob::after {
    left: auto !important;
    right: 80px !important;
	border-color: transparent;
	border-style: solid;
	border-width: 0 12px 10px;
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border-bottom-color: #e0dbdb;
	top: -10px;

}
.dropdown-menu.reg-mob{
	padding: 20px !important;	
}
.dropdown-menu.reg-mob li {
    margin-bottom: 10px !important;
    font-size: 14px;
}
.reg-mob .login {
	  background-color: #454846;
	text-align: center !important;
	display: block;
	margin: 0 !important;
		margin-bottom: 0px;
	margin-bottom: 0px;
	line-height: 2;
	border-radius: 4px;
	padding: 5px
}	
.service .card-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-top: 5px;
}	
.btn-menu .fa-navicon::before,.btn-menu .fa-reorder::before,.btn-menu .fa-bars::before {
   color: #ec008c;
}	

.service{
	text-align: center;
}
.service .card-body {
    padding: 15px 10px !important;
}	
	
.headers-mob .fa-bars::before {
    color:#ffba00;
}

#offCanvasRight {
   background-color: #fff;
}
.logo-mob p {
    font-size: 21px !important;
}

.mob-list2 {
    align-items: center;
    width: 100%;
    margin: 0 auto;
    display: table;
    float: none !important;
}
.card.card-srv:hover {
    color: #05da00;
}
.advert-mob {
    position: relative;
}
.login a {
    color: #fff;
}
.reg-mob.btn.btn-default.dropdown-toggle i {
    color: #fff !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 button {
    background-color: transparent !important;
    cursor: pointer;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.mob-list .fas.fa-bars {
    font-size: 30px;
    cursor: pointer;
	color: #fff;
}

.mob-list {
	z-index: 9;
  position: relative;
}
.mob-list > li {
    display: inline-block;
}
reg-mob.dropdown-toggle {
    background: #2e7cff;
    background: -moz-linear-gradient(top, #2e7cff 0%, #2989d8 29%, #0f49ff 77%);
    background: -webkit-linear-gradient(top, #2e7cff 0%,#2989d8 29%,#0f49ff 77%);
    background: linear-gradient(to bottom, 
#2e7cff 0%,#2989d8 29%,
    #0f49ff 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e7cff', endColorstr='#0f49ff',GradientType=0 );
    border-radius: 25px;
    padding: 5px 10px;
}
.serach-mob i {
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}			
.namad li {
    display:inline-block;
    vertical-align: middle;
    list-style: none;
    width: 24%;
    text-align: center;
    padding: 10px;
}
.gap-col-mob{
		padding-right:0 !important;
	    padding-left:0 !important;
	}
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*====menu=*/
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
}

.link-menu ol li {
    display: inline-block !important;
    color: #fff;
    line-height: 3 !important;
	padding: 8px 4px;
   font-size: 12px;
}
.owl-slider .owl-dots{
	position: absolute;
	bottom: 11%;
	width: 90%;
	text-align: left;
	right: 0;
	background-color:
	transparent;
	left: 0;
	margin: auto;
}
 .owl-dot{
	background-color: transparent;
}
.link-slider li a {
    color:  #000000; 
    font-size: 13px;
    padding: 6px 10px;
   min-width: 147px;
}
.link-slider {
    width: 100%;
    float: right;
    text-align: center;
	margin-top: 20px;
}
.link-slider li {
    display: inline-block;
    background-color:#ebebeb;
	border-radius: 5px;
	margin: 0 10px;
	box-shadow: 0px 5px 15px  #6c6c6c;  
}
@media screen and (min-width: 992px) {
.article-section::before{
position: relative;
background: url("../images/them/bg-banner.png") no-repeat;
    background-size: auto;
background-position: top;
position: absolute;
top: 0;
right: 0;
content: '';
height: 76%;
width: 100%;
background-size: cover;
z-index: 1;
}	
.footer {
    padding-top: 80px;
}	
.row.row-news-letter {
	position: absolute;
	width: 75%;
	right: 0;
	top: -28px;
	z-index: 9;
	background-color:#ebebeb; 
	left: 0;
	margin: auto !important;
	padding: 20px;
	border-radius: 15px;
	border: 1px solid #d7d7d7;
	box-shadow: 2px 0px 9px #bbb9b9;
}
.navbar .nav-item {
  padding: 0 !important;
  margin:0 .25rem;
}

.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
  top:45px;
}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
  .nav.flex-column li:hover a{
	  color:#00ff00 !important;
  }
  .navbar .dropdown-menu {
	border-radius: 0 !important;
	padding: 15px !important;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.35) !important;
	border-radius: 0 0 5px 5px !important;
	position: absolute !important;
	width: 100% !important;
	right: 0;
	border-radius: 0 !important;
	margin: 0 !important;
	opacity: 0;
	transition: .25s;
	transition: opacity 0.5s .25s;
	display: table;
	right: -99999px !important;
	max-height: 0;
	min-width: 0 !important;
	background: rgba(15, 46, 63, 0.75) !important;

  }
.dropdown-menu.mega-dropdown-menu h6 a {
    color:#fff !important; 
    font-size: 15px !important;
   font-weight: bold;

}
.navbar-nav.mr-auto > li a {
   color: #717171 !important;
	padding-top: 0 !important;
	font-size: 15px;
	padding-bottom: 0 !important;
	font-weight: 500;
}
.menu-box .navbar .nav-item {
   margin: 0 10px 0 1.2rem !important;
}

#navbarSupportedContent > i {
    font-size: 34px;
    vertical-align: middle;
	color: #dadada;
}
}
@media  (min-width:992px){	
	
.lnk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

}
.menu{
	position: relative;
	z-index: 15;
}		
.coy-right {
    text-align: left;
     color:#b1b1b1;
	 direction: ltr;
}	
.col-right-news {
    padding-left: 0;
}	
.social-box{
	text-align: left;
}		
.npco {
    text-align: left;
	color:#b1b1b1;
}	

.cssmenu > ul > li:hover > a,.cssmenu ul li.active a{color:#fff}

.cssmenu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
}

.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.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: #162c1b;transition:all .25s ease}
.cssmenu ul ul li:hover{}
.cssmenu li:hover > ul{left:auto}
.cssmenu li:hover > ul > li{height:35px}
.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: #2e4e36;}
.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}
.menu-mob {
    background: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width:992){
.footer-upper2-inner .item-box:nth-child(2) h3::before, .footer-upper2-inner .item-box:nth-child(3) h3::before, .footer-upper2-inner .item-box:nth-child(4) h3::before {
    left: 40%;
    top: 0px;
}	
.footer-upper2-inner > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    width: 100% !important;
    text-align: center;
}
.footer-upper2-inner .item-box h3 {
    margin-right: 0px;
}
.footer-upper2-inner .item-box {
    color: 
    #fff;
    width: 32% !important;
    padding-top: 60px;
    padding-bottom: 20px;
    text-align: center;
}
.footer-upper2-inner .item-box {
    display: inline-block;
}	
.flex-fill.d-flex.flex-row.flex-wrap .cols {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
}
.flex-fill.d-flex.flex-row.flex-wrap .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}	
.link-footer {
    text-align: center;
    margin-bottom: 10px !important;
}	
.row.row-footer {
    text-align: center;
}	
.copy-right {
    text-align: center;
}	
.accordion-container .set {
  position: relative;
	width: 100%;
	height: auto;
	background-color: #222;
	line-height: 50px;
	border-bottom: 1px solid #454545;
}
.accordion-container .set>span {
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    padding-right: 10px;
	text-align: right;
}

.accordion-container .set>span:hover {
    cursor: pointer
}

.accordion-container .set>span i {
    position: relative;
    float: left;
    margin-top: 15px;
    color: #fff;
    margin-left: 10px
}

.accordion-container .content {
   position: relative;
	width: 100%;
	height: auto;
	background-color: #222;
	padding-right: 10px !important;
	display: none;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px !important;
}
.accordion-container {
    margin-top: 20px !important;
}		
	
.lnk > li {
    width: 100% !important;
    position: static !important;
    margin: 10px 0;
}	

	
.title-slide {
    font-size:12px;
}		
.menu-mob {
    position: relative;
}

.reg-mob {
    color: #5e5e5e;
   vertical-align: middle;
}
.reg-mob {
    font-weight: bold;
}	
.reg-mob i{
	font-size: 20px;
}
.reg-mob .fas.fa-chevron-down {
   font-size: 11px !important;
vertical-align: middle;
}	
.service .card:hover  {
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12);
}
.owl-logo .owl-nav .owl-prev{
	background-color: transparent !important;
	margin: 0 !important;
	  position: absolute;
    left: -12px;
	top: 26%;
	color: #000 !important;
	padding: 0 !important;
}
.owl-logo .owl-nav .owl-next{
	background-color: transparent !important;
	margin: 0 !important;
	 position: absolute;
    right:-12px;
    top: 26%;
	color: #000 !important;
	padding: 0 !important;
}
.owl-brand .owl-nav .owl-prev{
	background-color: transparent !important;
	margin: 0 !important;
	   position: absolute;
    left: -6px;
    top: 4px;
	padding: 0 !important;
}
.owl-brand  .owl-nav .owl-next{
	background-color: transparent !important;
	margin: 0 !important;
	position: absolute;
    right:-6px;
    top: 4px;
	padding: 0 !important;
}
.item-section li {
    list-style: none;
    margin-bottom: 3% !important;
}	
.menu-mob {
   background-color: #a80008;
    min-height: 50px;
	position:relative;
}

.opened {
    display: block !important;
	background-color: #fff;
}
}
img-news {
    text-align: center;
}
img-news img, .img-pro 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;
}
.news-body {
    padding: 20px;
    text-align: justify;
    font-size: 12px;
    color: #2f2f2f;
}
.img-news img, .img-pro 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;
}
.img-news, .img-pro {
    position: relative;
}

.overlay {
    position:absolute;
    transition:all .3s ease;
    opacity:0;
    transition:0.9s;
    background: #00b1bab8;
}
.text {
    color:white;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size: 14px;
}

.owl-slider .owl-next {
    position: absolute;
	bottom: 2%;
	z-index: 100;
	width: 30px;
	height: 30px;
	border-radius: 100% !important;
	padding: 0 !important;
	left: 100px;
}
.owl-slider .owl-prev {
     position: absolute;
	bottom: 2%;
	z-index: 100;
	width: 30px;
	height: 30px;
	border-radius: 100% !important;
	padding: 0 !important;
	left: 60px;
}
.owl-slider .owl-next:hover,.owl-slider .owl-prev:hover{
	background-color: #cfa95f !important;
}
.owl-slider .owl-prev span, .owl-slider .owl-next span {
    color:#fff;
	font-size: 34px;
	line-height: 0.7
}
.owl-theme .owl-dots .owl-dot span{
    background:transparent !important; 
   border: 1px solid #fff !important;
	width: 14px !important;
   height: 13px !important;
   margin: 5px 3px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff !important;
	border-color: #fff !important;
}
.owl-theme .owl-nav [class*="owl-"] {
   background:transparent;
  border: 1px solid #fff;
}
.body-content {
    text-align: center;
    width: 100%;
}
.main-text-slider {
	text-align: center;
	width: 100%;
	color:#fff; 
	font-weight: bold;
	text-shadow: 0px 1px 5px #000;
}
.image-slider::after {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    content: '';
    background: rgba(0,0,0,0.2); 
    top: 0;
}
.image-slider {
    position: relative;
}
.scroll-down {
    position: absolute;
    bottom: 3%;
    right: 68px;
    z-index: 9;
    width: 30px;
    height: 30px;
    border: 1px solid  #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;

}
.scroll-down i{
  color: #fff;
}
.intro-content {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    text-align: right;
    direction: rtl;
    background-repeat: no-repeat;
    background-position: center;
}
.scroll-down-icon a {
    width: 100%;
    display: block;
    height: 100%;
}
.scroll-down-icon {
    width: 45px;
    height: 60px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    bottom: 53px;
    left: 0;
    right: 0;
    margin: auto;
        margin-bottom: auto;
    z-index: 99;
	cursor: pointer;
}
.scroll-down-icon span  {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scroll-down-icon span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll-down-icon span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.scroll-down-icon span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}


.social li::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(255,255,255,0.4);
    transform: scale(0);
    transition: all 0.4s ease 0s;
    border-radius: 100%;
    opacity: 1;
    z-index: 1;
}
.news-icon {
    color: #fff;
    font-size: 13px;
    margin-bottom: 9px !important;
    display: block;
    position: relative;
}
.owl-logo img {
    width: auto !important;
    margin: auto;
}
.logo-carousel {
    background-color:#fff; 
}
@media screen   and (max-width:991.98px){
	
.logo-footer{
	text-align: center;
	padding-top: 30px !important;
}	
.owl-logo .card-body {
    padding: 0.5rem !important;
}	
.logo-carousel {
    padding-top: 20px;
    padding-bottom: 20px;
}	
.owl-logo .card {
    border: none !important;
}	
.news-letter {
    margin-top: 10px;
}	
.new-title::after {
    right: -17px;
    top: -10px;
}	
.new-title {
    padding-right: 37px;
}	
.main-title {  
   font-size: 15px;
    text-align: center;
}	
.row.row-news-letter {
    background-color: #ebebeb; 
    padding: 20px 0;
}	
.copy-text {
   font-size: 10px;
    margin-top: 20px;
}
.copy-text2 {
    font-size: 9px;
}	

.footer {
	background-position: center;
}	
.fooer-col-title {
    text-align: center;
    font-weight: bold;
}
	
}
@media screen   and (max-width:991.98px){		
.item-top > li:nth-child(1) {
    width: 100%;
	float:right;
}
.item-top > li:nth-child(3) {
    width: 51%;
	float: left;
	margin-right: 1%;
	margin-top: 16px
}
.item-top > li:nth-child(2) {
   width: 44%;
	float: right;
	margin-left: 1%;
}
.item-top {
    width: 100%;
    float: right;
}
.show-all-lnk {
    background-color: #ec008c;
    height: 45px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    z-index: 9;
}
}
@media screen   and (max-width:767.99px){
.date-top {
    color:  #fff; 
    padding-top: 10px !important;
    display: block;
}	
.mail-box {
	width: 50%;
}	
.main-text-slider {
	font-size: 1rem;
}	
.search-inline1 {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    top: 71px;
    height: 52px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color:#efefef; 
    z-index: 18;
    transition: all .5s ease-in-out;
}
.search-inline1 .form-control {
    border: 0px;
    padding-left: 0;
    font-size: 1.2rem;
    position: absolute;
    right: 1%;
    top: 0;
    height: 100%;
    width: 99%;
    font-weight: 700;
    outline: none;
    padding-right: 176px;
    background-color: #0e2d3d;
    font-size: 13px;
    font-weight: normal !important;
	border-radius: 0;
	box-shadow: none !important;
}
.search-inline1 button[type="submit"] {
    position: absolute;
    right: 52px;
    top: 0;
    background-color: transparent;
    border: 0px;
    top: 0;
    right: 60px;
    padding: 0px;
    cursor: pointer;
    width: 60px;
    height: 100%;
    background: #fbb03b;
  color:#fff;    
}
.search-inline1 .search-close1 i {
    display: table-cell;
    vertical-align: middle;
}
.search-inline1 .search-close1 {
    position: absolute;
    top: 0;
    right: 0;
    color:#616161; 
	width: 60px;
	height: 100%;
	text-align: center;
	display: table;
	background:#efefef;
    text-decoration: none;
}
.search-inline1.search-visible1 {
    opacity: 1;
    visibility: visible;
    animation: fadeInDown 0.4s ease-in-out;
}
.searching1 center{
    width: 27px;
    height: 27px;
    background-color:  #fff; 
    border-radius: 100%;
    line-height: 27px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}	
.main-service-title {
	font-size: 1.5rem;
}	
	.accordion-container .set {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 50px;
    border-bottom: 1px solid  #454545;
}
.accordion-container .set > span i {
    position: relative;
    float: left;
    margin-top: 15px;
    color:#fff; 
    margin-left: 10px;
}	
.accordion-container .set {
    position: relative;
    width: 100%;
    height: auto;
line-height: 50px;
border-bottom: 1px solid #fff;   
}	
.accordion-container .set > span i {
    position: relative;
    float: left;
    margin-top: 15px;
    color:  #fff; 
    margin-left: 10px;
}	
.accordion-container .content {
    position: relative;
    width: 100%;
    height: auto; 
    padding-right: 10px !important;
    display: none;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

}
@media screen   and (max-width:300px){	

.item-top > li:nth-child(2) {
    width: 100%;
    margin-left:0 !important;
}
.item-top > li:nth-child(3) {
    width: 100%;
    margin-left:0 !important;
}
}

.toolbar-top li a:hover i {
	color: #fff !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    transition: all .3s ease-in-out;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.fixed-top .logo img{
	width: 120px;

}

.owl-nav{
	direction:ltr;
}


.overlay {
    position: fixed;
    right: 0;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    content: "";
    background: rgba(0,0,0,.6);
    opacity: 0;
    z-index: 9;
    transition: opacity .2s cubic-bezier(.215,.61,.355,1) .1s;
    pointer-events: none;
}
.overlay.is-active{
	pointer-events: all !important;
	opacity: 1;
}
.overlayTop {
    width: 100%;
    height: 0;
    top: 0;
    right: 0;
    background: rgba(236, 0, 140, 0.2);
	position: absolute;
	transition: all .3s ease;
	opacity: 0;
	transition: 0.9s;
}
.img-box img {
    transition: opacity .35s, transform .35s;
}

@media  (max-width:300px){

}
@media screen and (min-width:992px){

}

.lnk li {
    list-style: none;
}
.tooltip {
    font-family: IRANSans, sans-serif!important;
    font-size: 12px;
    border-radius: 25px;
	background:none !important;
}

.tooltip-inner {
    background:rgba(0,0,0,0.9); 
    color: #fff;

}
.tooltip.top .tooltip-arrow {
    border-top-color: #7abcff;
	margin-top:10px;
}
.tooltip::before,.tooltip::after{
	display:none;
}
.form-group{
	position: relative;
}


@media screen  and (min-width:768px) and (max-width:991.98px){			
.copy-text, .copy-text2 {
    text-align: center;
}	
.gap-md {
    padding: 0;
}	
.row.row-top-footer {
    text-align: center;
}
.copy-right {
    margin-top: 20px !important;
}	
.container {
    max-width: 100% !important;
}	
.gap-col-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
.toolbar-top li a {
    font-size: 12px !important;
}	
.lnk li {
    width: 49%;
    float: right;
	margin: 5px 0 ;
}
	  
}

@media screen  and (min-width:320px) and (max-width:340px){
.counter-lbl {
    font-size: 11px !important;
}
}

.footer {
    background:url("../images/them/bg-footer.jpg") repeat;
	position: relative;
}
.img-pro img {
    margin: 0 auto !important;
}

.npco span, .copy p {
    font-family: Helvetica,Arial,sans-serif !important;
    direction: ltr;
}
.color {
    color: #d2ae6d;
}
.namad-icon li {
   list-style: none;
	margin: 15px;
	display: inline-block;
}
.img-footer {
    text-align: center;
}
.set span {
    color: #fff;
    font-size: 16px;
    display: block;
    position: relative;
}
.item-footer > li {
    display: inline-block;
    vertical-align: middle;
	width: 33%;
}
.text-news {
    color: #e1e1e1;
    font-size: 14px;
    margin-bottom: 10px !important;
}
.address-top {
    color: #e1e1e1;
    font-size: 16px;
    width: 75%;
    margin-right: 10px;
    line-height: 2;
}
.number {
    direction: ltr;
}
.row.row-top-footer {
    align-items: center;
}
.link-top li .dropdown-toggle::after {
    display: none;
}
.count-sale{
	color:#575757;
	vertical-align: middle;
	margin-right: 2px;
}
.menu {
    z-index: 15;
	position: fixed;
	right: 0;
	background:rgba(0, 0, 0, 0.8);
	right: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	top: 0;
}
.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: rgba(60, 68, 111, 0.2);
    cursor: pointer;
    z-index: 1;
    text-align: center;
   line-height: 28px;
}
.openSubPanel i {
    color: #000;
}
.openSubPanel {
    float: left;
}
.openSubPanel-li {
    float: right;
}
.panel-menu, .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;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;

}
.panel-menu.isOpen::after {
    position: absolute;
    right: 300px;
    content: '';
    top: 0;
    height: 100%;
    min-height: 100%;
    background: rgba(0,0,0,0.5);
   width: 300%;
}
.panel-menu{
z-index: 9999999;
}
.panel-menu ul li{
	width: 300px;
	padding: 14px 22px !important;
	border-bottom: 1px solid #eee;
    background:#fff;
	cursor: pointer;
	height: 58px;
}
.panel-menu.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;
}

.nav.navbar-nav.nav-right > li {
     margin: 0 0 0 50px;
   line-height: 7;
}
.menu .col-3 ul li {
    line-height: 2.5 !important;
	list-style: none !important;
	position: relative;
}
.menu .col-3 ul li:hover  a{
	color: #fbb03b  !important;
}
.menu .navbar-nav > li> a {
	position: relative;
}
.menu .navbar-nav > li > a{
	color:#fff;
	font-size: 14px;
}
.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;
}
.copy-right {
    color: #fff;
    direction: ltr;
	font-size: 10px;
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.social li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 15px;
}
.footer-logo {
    text-align: center;
	position: relative;
}
.nav.panel-tabs li a {
    padding: 10px;
    background-color:#fff; 
    color:  #575757;
    font-size: 14px;
    font-weight: 500;
}
.panel-heading {
    padding: 10px 0;
}
.date-news {
    color: #8f8f8f; 
    font-size: 12px;
    display: inline-block;
}
.panel-body.panel-news {
    background-color: #fff; 
    border-radius: 5px 05px 5px;
}
.date-news i {
    color: #ffb911; 
    vertical-align: middle;
    margin-left: 5px;
}
.panel-news .card {
    border: none !important;
}
.nav.panel-tabs li a.show.active {
    background-color:   #ebebeb !important; 
}
.article-desc {
    color:#616161; 
    text-align: right;
}
.articl-title {
    color:#a80008; 
    font-weight: 500;
}
.panel-menu.isOpen {
    z-index: 999999;
    position: fixed;
    bottom: 0;
    top: 0;
}
.panel-menu.isOpen > ul {
    height: 100vh;
    overflow-y: auto;
}
.btn-menu {
   background: rgba(0, 0, 0, 0.8) !important;
}
.navbar-expand-md {
    padding: 0 !important;

}
.level li {
    list-style: none;
    padding-right: 10px;
}
.level li:hover a {
    color: #000; 
    transition: all 0.2s linear;
}
.owl-theme .owl-nav {
    margin-top: 0 !important;
}
.dropdown.mega-dropdown.open .dropdown-menu ,.dropdown.mega-dropdown.show .dropdown-menu{
    opacity: 1 !important;
    right: 0 !important;
    max-height: initial !important;
    width: 100% !important;
}
.dropdown-menu.mega-dropdown-menu.show {
    display: block !important;
}
.banner-item-card-title i,.cols i {
    color: #585858;
    font-size: 6px;
    vertical-align: middle;
}
.cols label {
    margin-bottom: 0 !important;
    line-height: 2.5;
    color: #585858; 
}

.fooer-col-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px !important;
    display: block;
    position: relative;
}
.value-lnk {
   color:#fff;
	font-weight: bold;
}
.value-lnk.num {
    direction: ltr;
    display: inline-block;
    font-size: 15px;
}
.lnk-footers li::before {
    content: "";
    border: 2px #fff solid !important;
    margin-right: -15px;
    position: absolute;
    top: 16px;
}
.lnk-footers li a {
    color: #cfcfcf; 
}
.col1.row1-footer span:nth-child(1) {
    color:#acacac; 
}
.lnk-footers li {
    line-height: 30px;
    position: relative;
    list-style: none;
}
.col1.row1-footer {
    margin-bottom: 4px !important;
    position: relative;
    line-height: 24px;
}
.copy-text {
    color: #b1b1b1;
}
.copy-text2 {
    color: #b1b1b1;
}
.news-letter .form-group {
	border-radius: 25px;
	position: relative;
	background:#fff;
	padding: 5px;
}
.news-letter input {
    margin-bottom: 0 !important;
    background-color:transparent !important; 
	border: none !important;
	box-shadow: none !important;
	text-align: left;
	padding-right: 20px !important;
	font-size: 14px;
	color:#000;
	width: 74% !important;padding-top: 0;
     padding-bottom: 0;
}
.news-letter .form-group {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
.btn.btn-news-letter {
	background-color:#68a3eb;
	color:#fff;
	border-radius: 25px;
	width: 133px;
	height: 41px;
	line-height: 33px;
	padding: 0;
	margin-left: 2px;
}
.news-letter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #b9b9b;
    }
.news-letter input::-moz-placeholder { /* Firefox 19+ */
   color: #b9b9b;
}
.news-letter input:-ms-input-placeholder { /* IE 10+ */
 color: #b9b9b;
}
.news-letter input:-moz-placeholder { /* Firefox 18- */
  color: #b9b9b;
}
.row.form-news-letter {
    align-items: center;
}
@media  (max-width:767.98px){
 
}
.row.social-box {
    background: rgba(13, 40, 55, 0.8);  
	padding-top: 10px;
    padding-bottom: 10px;
}
.main-title {
    color: #3f3f3f;   
    font-weight: 600;
}
.sub-title {
    color: #656565; 
    font-size: 12px;
}
.new-title {
    position: relative;
}
.new-title::after {
    position: absolute;
    content: '';
    background: url("../images/them/slices.png") no-repeat;
   background-position: -223px -29px; 
	width: 52px;
	height: 52px;
}
.row.row-footer-top {
    padding-bottom: 40px;
    padding-top: 15px;
}
.icon-add{
	background: url("../images/them/slices.png") no-repeat;
	background-position: 0px -2px; 
	width: 23px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
}
.mob-icon{
	background: url("../images/them/slices.png") no-repeat;
	background-position: -25px 0px; 
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
}
.tel-icon{
	background: url("../images/them/slices.png") no-repeat;
	background-position: -57px -2px; 
	width: 23px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}
.mail-icon{
	background: url("../images/them/slices.png") no-repeat;
	background-position: -84px -4px; 
	width: 26px;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
}
.col1.row1-footer span:nth-child(2) {
    color:#9f9f9f; 
    font-weight: bold;
}
.hot-ideas-wrap li {
    list-style: none;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hot-ideas-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.hot-ideas-col {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hot-idea {
    background: 
    #000;
    margin: 1%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.hot-idea > img {
    display: block;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
}
.hot-idea-content {
    -webkit-box-align: center;
    -webkit-align-items: end;
    -ms-flex-align: center;
    align-items: end;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: right;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	padding-right: 20px;
   padding-bottom: 20px;
}
.hot-idea::after {
    content: '';
    display: block;
}
.hot-idea {
    text-align: center;
    cursor: pointer;
}
.hot-idea {
    background:#000; 
    margin: 1%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.article-section{
	position: relative;
	background-color: #fff;
}

.hot-ideas-wrap{
	position: relative;
	z-index: 2;
}
.article-section::after {
   background: #374c7f;
background: -moz-linear-gradient(top, #374c7f 0%, #3e588b 24%, #5780b1 60%, #6fa8d5 74%, #7abae6 100%);
background: -webkit-linear-gradient(top, #374c7f 0%,#3e588b 24%,#5780b1 60%,#6fa8d5 74%,#7abae6 100%);
background: linear-gradient(to bottom,
#374c7f 0%,#3e588b 24%,#5780b1 60%,#6fa8d5 74%,
#7abae6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374c7f', endColorstr='#7abae6',GradientType=0 );
position: absolute;
top: 0;
right: 0;
content: '';
height: 76%;
width: 100%;
z-index: 0;
opacity: 0.8;
}
.row.row-title {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.main-title-banner {
    color: #fff; 
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px !important;
}
.sub-title-banner {
    font-family: 'WebsimaRohanRound-Regular';
    color:#fff; 
    font-size: 15px;
}
.hot-idea-content::after {
    position: absolute;
    background: linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.57) 69%,rgba(0,0,0,.58) 84%,rgba(0,0,0,.59) 99%,rgba(0,0,0,.60) 100%);
    content: '';
    bottom: 0;
    width: 100%;
    height: 20%;
    right: 0;
    z-index: 0;
}
.hot-idea-content a {
    font-family: 'WebsimaRohanRound-Regular';
    color:#fff; 
    font-size: 15px;
    z-index: 3;
    position: absolute;
    bottom: 10px;
}
.hot-idea-link.js-link-opener i {
    font-size: 10px;
    vertical-align: middle;
    margin-right: 6px;
}
.change-color {
    background-color: #134057;  
}
.change-color img{
	width: 65% !important;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.change-color .nav.navbar-nav.nav-right > li {
    line-height: 4;
}
.container-fluid.service {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px;
    background-color:#fff; 
	position: relative;
}
.container-fluid.service::after{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: url("../images/them/bg-service.jpg") repeat;
	height: 125px;
	content:'';
    z-index: 0;
		
}
.object {
    position: absolute;
    top: 11px;
    z-index: 2;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 40px;
}
.object li:nth-child(1) span{
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.object li:nth-child(2) span{
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #000;
	opacity: 0.8;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.object li:nth-child(3) span{
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #000;
	opacity: 0.6;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.object li:nth-child(4) span{
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #000;
	opacity: 0.5;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.object li{
	list-style: none;
	display: block;
	height: 11px;
	position: relative;
	width: 100%;
   float: right;
}
.main-service-title {
    color: #6a6a6a;
    font-weight: bold;
    margin-bottom: 5px !important;
}
.short-text-about {
    color:#787878; 
    line-height: 2;
}
.inner-content-box {
    position: relative;
    width: 100%;
    float: right;
    border: 1px solid #ccc;
    padding: 20px;
}
.t-right {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    z-index: 3;
    content: '';
    right: 0;
}
.t-right::after {
    width: 6px;
    position: absolute;
    top: 0;
    height: 12px;
    content: '';
    background-color: #68a3eb; 
    right: -3px;

}
.t-right::before {
  width: 15px;
	position: absolute;
	top: -3px;
	height: 6px;
	content: '';
	background-color:#68a3eb;
	right: -3px;

}
.t-left {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    z-index: 3;
    content: '';
    left: 0;
}
.t-left::after {
    width: 6px;
    position: absolute;
    top: 0;
    height: 12px;
    content: '';
    background-color: #68a3eb; 
    left: -3px;

}
.t-left::before {
  width: 15px;
	position: absolute;
	top: -3px;
	height: 6px;
	content: '';
	background-color:#68a3eb;
	left: -3px;

}
.b-left {
    position: absolute;
    bottom: 0;
    width: 13px;
    height: 13px;
    z-index: 3;
    content: '';
    left: 0;
}
.b-left::after {
    width: 6px;
    position: absolute;
    bottom: 0;
    height: 12px;
    content: '';
    background-color: #68a3eb; 
    left: -3px;

}
.b-left::before {
  width: 15px;
	position: absolute;
	bottom: -3px;
	height: 6px;
	content: '';
	background-color:#68a3eb;
	left: -3px;

}
.b-right {
    position: absolute;
    bottom: 0;
    width: 13px;
    height: 13px;
    z-index: 3;
    content: '';
    right: 0;
}
.b-right::after {
    width: 6px;
    position: absolute;
    bottom: 0;
    height: 12px;
    content: '';
    background-color: #68a3eb; 
    right: -3px;

}
.b-right::before {
  width: 15px;
	position: absolute;
	bottom: -3px;
	height: 6px;
	content: '';
	background-color:#68a3eb;
	right: -3px;
}
.main-text {
    color: #000; 
    font-weight: bold;
    margin-bottom: 6px !important;
}
.sub-text {
    color: #838383; 
    direction: ltr;
    font-size: 12px;
}
.content-box {
    width: 100%;
    float: right;
    position: relative;
	margin-bottom: 10px;
}
.mail-box {
    background-color:#d1d1d1;
	position: absolute;
	bottom: -21px;
	right: 0;
	left: 0;
	margin: auto;
	color:	#fff;
	line-height: 22px;
	height: 22px;
	text-shadow: 0px 1px 3px #000;
}
.mail-box span {
    display: block;
    width: 100%;
    position: relative;
}
.mail-box span::after{
    width: 0;
	height: 0;
	border-top: 22px solid #d1d1d1;
	border-right: 22px solid transparent;
	content: '';
	bottom: 0;
	position: absolute;
	right: -21px;
}
.mail-box span::before{
    width: 0;
	height: 0;
	border-top: 22px solid #d1d1d1;
	border-left: 22px solid transparent;
	content: '';
	bottom: 0;
	position: absolute;
	left: -21px;
}
.name-service {
    color:#686868; 
    font-weight: bold;
}
.owl-service .card {
    box-shadow: 0px 0px 5px #ccc;
    width: 100%;
    float: right;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	width: 95%;
	margin: auto;
}
.name-service {
    color:#686868; 
    font-weight: bold;
    width: 100%;
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
}
.owl-service {
    margin-top: 20px !important;
}
.register a ,.register .gap{
    color:#fff !important;  
}
#mainSlider {
    position: relative;
}
.line {
    position: absolute;
    height: 4px;
    background-color:#3598db; 
    width: 90%;
    left: 0;
    margin: auto;
    right: 0;
    bottom: 10%;
    z-index: 3;
}
#mainSlider .more {
    position: absolute;
    width: 90%;
    left: 0;
    margin: auto;
    right: 0;
    bottom: 13%;
    z-index: 3;
}
#mainSlider .more  a{
	color: #fff;
	font-size: 17px;
	font-weight: 600;
}

.change-color .search-inline {
     top: 54px;
}
.owl-service .owl-dots .owl-dot span {
 border-color:#3598db !important;
    
 }
.hot-idea:hover img {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    cursor: pointer;
}
.hot-idea img {
    transition: all .3s ease;
}
@media screen   and (max-width:399.99px){
.link-slider li {
    margin: 0 1px !important;
}
}
#mainSlider {
    position: relative;
    padding: 0 !important;
}