@font-face{font-family:IRANSans;src:url(../fonts/IRANSans-Bold.eot?#) format('eot'),url(../fonts/IRANSans-Bold.woff2) format('woff2'),url(../fonts/IRANSans-Bold.woff) format('woff');font-weight:700}@font-face{font-family:IRANSans;src:url(../fonts/IRANSans-Black.eot?#) format('eot'),url(../fonts/IRANSans-Black.woff2) format('woff2'),url(../fonts/IRANSans-Black.woff) format('woff');font-weight:900}@font-face{font-family:IRANSans;src:url(../fonts/IRANSans-UltraLight.eot?#) format('eot'),url(../fonts/IRANSans-UltraLight.woff2) format('woff2'),url(../fonts/IRANSans-UltraLight.woff) format('woff');font-weight:200}@font-face{font-family:IRANSans;src:url(../fonts/IRANSans-Light-Expanded.eot?#) format('eot'),url(../fonts/IRANSans-Light-Expanded.woff2) format('woff2'),url(../fonts/IRANSans-Light-Expanded.woff) format('woff');font-weight:300}@font-face{font-family:IRANSans;src:url(../fonts/IRANSANSExpanded.eot?#) format('eot'),url(../fonts/IRANSANSExpanded.woff2) format('woff2'),url(../fonts/IRANSANSExpanded.woff) format('woff');font-weight:400}



@font-face{font-family:iransn;font-style:normal;font-weight:900;src:url("../fonts/IRANSansWeb(FaNum)_Black.eot");src:url("../fonts/IRANSansWeb(FaNum)_Black.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb(FaNum)_Black.woff2") format("woff2"),url("../fonts/IRANSansWeb(FaNum)_Black.woff") format("woff"),url("../fonts/IRANSansWeb(FaNum)_Black.ttf") format("truetype");

    unicode-range: U+30-39;}@font-face{font-family:iransn;font-style:normal;font-weight:700;src:url("../fonts/IRANSansWeb(FaNum)_Bold.eot");src:url("../fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),url("../fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff"),url("../fonts/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");

    unicode-range: U+30-39;}@font-face{font-family:iransn;font-style:normal;font-weight:500;src:url("../fonts/IRANSansWeb(FaNum)_Medium.eot");src:url("../fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),url("../fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff"),url("../fonts/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");

    unicode-range: U+30-39;}@font-face{font-family:iransn;font-style:normal;font-weight:300;src:url("../fonts/IRANSansWeb(FaNum)_Light.eot");src:url("../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),url("../fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"),url("../fonts/IRANSansWeb(FaNum)_Light.ttf") format("truetype");

    unicode-range: U+30-39;}@font-face{font-family:iransn;font-style:normal;font-weight:200;src:url("../fonts/IRANSansWeb(FaNum)_UltraLight.eot");src:url("../fonts/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),url("../fonts/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),url("../fonts/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");

    unicode-range: U+30-39;}@font-face{font-family:iransn;font-style:normal;font-weight:400;src:url("../fonts/IRANSansWeb(FaNum).eot");src:url("../fonts/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb(FaNum).woff2") format("woff2"),url("../fonts/IRANSansWeb(FaNum).woff") format("woff"),url("../fonts/IRANSansWeb(FaNum).ttf") format("truetype");

    unicode-range: U+30-39;}

@font-face{font-family:dana;font-style:normal;font-weight:700;src:url(../fonts/dana-fanum-bold.eot);src:url(../fonts/dana-fanum-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/dana-fanum-bold.woff2) format("woff2"),url(../fonts/dana-fanum-bold.woff) format("woff")}@font-face{font-family:dana;font-style:normal;font-weight:400;src:url(../fonts/dana-fanum-regular.eot);src:url(../fonts/dana-fanum-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/dana-fanum-regular.woff2) format("woff2"),url(../fonts/dana-fanum-regular.woff) format("woff")}@font-face{font-family:dana;font-style:italic;font-weight:500;src:url(../fonts/dana-fanum-mediumitalic.eot);src:url(../fonts/dana-fanum-mediumitalic.eot?#iefix) format("embedded-opentype"),url(../fonts/dana-fanum-mediumitalic.woff2) format("woff2"),url(../fonts/dana-fanum-mediumitalic.woff) format("woff")}@font-face{font-family:dana;font-style:italic;font-weight:700;src:url(../fonts/dana-fanum-bolditalic.eot);src:url(../fonts/dana-fanum-bolditalic.eot?#iefix) format("embedded-opentype"),url(../fonts/dana-fanum-bolditalic.woff2) format("woff2"),url(../fonts/dana-fanum-bolditalic.woff) format("woff")}

.dw-dev {

    color: #fff;

    float: left;

    margin-left: 55px;

}

body {

	background:#fff;

	font-family:iransn, dana, Tahoma, Geneva, sans-serif

}

a:hover { text-decoration:none }

ol, ul, li { padding: 0; margin: 0; list-style: none;}

.rtltext {

	direction: rtl;

	line-height: 200%;

}

.clear { clear: both; }



/* ---------------------POPUP-------------------------- */

  .cd-main-header {

	position: relative;

	z-index: 1;

	height: 50px;

	background: #343642;

  }

  

  .cd-main-header::after {

	/* clearfix */

	content: '';

	display: table;

	clear: both;

  }

  

  .cd-main-header__logo {

	float: left;

	margin: 4px 0 0 5%;

	/* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */

	-webkit-transform-origin: 0 50%;

		-ms-transform-origin: 0 50%;

			transform-origin: 0 50%;

	-webkit-transform: scale(0.8);

		-ms-transform: scale(0.8);

			transform: scale(0.8);

  }

  

  .cd-main-header__logo img {

	display: block;

  }

  

  @media only screen and (min-width: 768px) {

	.cd-main-header {

	  height: 80px;

	}

	.cd-main-header__logo {

	  margin: 20px 0 0 5%;

	  -webkit-transform: scale(1);

		  -ms-transform: scale(1);

			  transform: scale(1);

	}

  }

  

  .cd-main-nav {

	float: right;

	margin-right: 5%;

	width: 44px;

	height: 100%;

	background: url("../img/cd-icon-menu.svg") no-repeat center center;

	cursor: pointer;

  }

  

  .cd-main-nav__list {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	-webkit-transform: translateY(-100%);

		-ms-transform: translateY(-100%);

			transform: translateY(-100%);

  }

  

  .cd-main-nav__list.cd-main-nav__list--is-visible {

	-webkit-transform: translateY(50px);

		-ms-transform: translateY(50px);

			transform: translateY(50px);

  }

  

  .cd-main-nav__item {

	display: block;

	height: 50px;

	line-height: 50px;

	padding-left: 5%;

	background: #292a34;

	border-top: 1px solid #3b3d4b;

	color: #FFF;

  }

  

  @media only screen and (min-width: 768px) {

	.cd-main-nav {

	  /* reset style */

	  width: auto;

	  height: auto;

	  background: none;

	  cursor: auto;

	}

	.cd-main-nav__list {

	  /* reset style */

	  position: static;

	  width: auto;

	  -webkit-transform: translateY(0);

		  -ms-transform: translateY(0);

			  transform: translateY(0);

	  line-height: 80px;

	}

	.cd-main-nav__list.cd-main-nav__list--is-visible {

	  /* reset style */

	  -webkit-transform: translateY(0);

		  -ms-transform: translateY(0);

			  transform: translateY(0);

	}

	.cd-main-nav__list li {

	  display: inline-block;

	  margin-left: 1em;

	}

	.cd-main-nav__list li:nth-last-child(2) {

	  margin-left: 2em;

	}

	.cd-main-nav__item {

	  display: inline-block;

	  height: auto;

	  line-height: normal;

	  background: transparent;

	}

	.cd-main-nav__item.cd-main-nav__item--signin, .cd-main-nav__item.cd-main-nav__item--signup {

	  padding: .6em 1em;

	  border-radius: 50em;

	}

	.cd-main-nav__item.cd-main-nav__item--signin {

	  border: 1px solid rgba(255, 255, 255, 0.6);

	}

	.cd-main-nav__item.cd-main-nav__item--signup {

	  background: #2f889a;

	}

  }

  

  /* -------------------------------- 

  

  x sigin/signup popup 

  

  -------------------------------- */

  .cd-signin-modal {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(52, 54, 66, 0.9);

	z-index: 99999;

	overflow-y: auto;

	cursor: pointer;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity 0.3s, visibility 0.3s;

	transition: opacity 0.3s, visibility 0.3s;

  }

  

  .cd-signin-modal.cd-signin-modal--is-visible {

	visibility: visible;

	opacity: 1;

  }

  

  .cd-signin-modal__container {

	position: relative;

	width: 90%;

	max-width: 600px;

	background: #FFF;

	margin: 3em auto 4em;

	cursor: auto;

	border-radius: 0.25em;

	-webkit-transform: translateY(-30px);

		-ms-transform: translateY(-30px);

			transform: translateY(-30px);

	-webkit-transition: -webkit-transform 0.3s;

	transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	transition: transform 0.3s, -webkit-transform 0.3s;

  }

  

  .cd-signin-modal--is-visible .cd-signin-modal__container {

	-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

			transform: translateY(0);

  }

  

  .cd-signin-modal__switcher:after {

	/* clearfix */

	content: "";

	display: table;

	clear: both;

  }

  

  .cd-signin-modal__switcher li {

	width: 50%;

	float: left;

	text-align: center;

  }

  

  .cd-signin-modal__switcher li:first-child a {

	border-radius: .25em 0 0 0;

  }

  

  .cd-signin-modal__switcher li:last-child a {

	border-radius: 0 .25em 0 0;

  }

  

  .cd-signin-modal__switcher a {

	display: block;

	width: 100%;

	height: 50px;

	line-height: 50px;

	background: #d2d8d8;

	color: #809191;

  }

  

  .cd-signin-modal__switcher a.cd-selected {

	background: #FFF;

	color: #505260;

  }

  

  @media only screen and (min-width: 600px) {

	.cd-signin-modal__container {

	  margin: 4em auto;

	}

	.cd-signin-modal__switcher a {

	  height: 70px;

	  line-height: 70px;

	}

  }

  

  .cd-signin-modal__form {

	padding: 0em 1.4em 3em;

  }

  

  .cd-signin-modal__fieldset {

	position: relative;

	margin: 0.4em 0;

  }

  

  .cd-signin-modal__fieldset:first-child {

	margin-top: 0;

  }

  

  .cd-signin-modal__fieldset:last-child {

	margin-bottom: 0;

  }

  

  .cd-signin-modal__label {

	font-size: 1.4rem;

  }

  

  .cd-signin-modal__label.cd-signin-modal__label--image-replace {

	/* replace text with an icon */

	display: inline-block;

	position: absolute;

	left: 15px;

	top: 50%;

	bottom: auto;

	-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

			transform: translateY(-50%);

	height: 20px;

	width: 20px;

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	color: transparent;

	background-repeat: no-repeat;

	background-position: 50% 0;

  }

  

  .cd-signin-modal__label.cd-signin-modal__label--username {

	background-image: url("../img/cd-icon-username.svg");

  }

  

  .cd-signin-modal__label.cd-signin-modal__label--email {

	background-image: url("../img/cd-icon-email.svg");

  }

  

  .cd-signin-modal__label.cd-signin-modal__label--password {

	background-image: url("../img/cd-icon-password.svg");

  }

  

  .cd-signin-modal__input {

	margin: 0;

	padding: 0;

	border-radius: 0.25em;

  }

  

  .cd-signin-modal__input.cd-signin-modal__input--full-width {

	width: 100%;

  }

  

  .cd-signin-modal__input.cd-signin-modal__input--has-padding {

	padding: 5px 20px 5px 70px;

  }

  .cd-signin-modal__input.cd-signin-modal__input--has-padding--nor {

	padding: 5px 20px 5px 20px;

  }

  

  .cd-signin-modal__input.cd-signin-modal__input--has-border {

	border: 1px solid #d2d8d8;

	-webkit-appearance: none;

	   -moz-appearance: none;

			appearance: none;

  }

  

  .cd-signin-modal__input.cd-signin-modal__input--has-border:focus {

	border-color: #343642;

	-webkit-box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);

			box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);

	outline: none;

  }

  

  .cd-signin-modal__input.cd-signin-modal__input--has-error {

	border: 1px solid #d76666;

  }

  

  .cd-signin-modal__input[type=submit] {

	padding: 5px 0;

	cursor: pointer;

	background: #2f889a;

	color: #FFF;

	font-weight: bold;

	border: none;

	-webkit-appearance: none;

	   -moz-appearance: none;

			appearance: none;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

  }

  

  .cd-signin-modal__input[type=submit]:hover, .cd-signin-modal__input[type=submit]:focus {

	background: #3599ae;

	outline: none;

  }

  

  .cd-signin-modal__hide-password {

	display: inline-block;

	position: absolute;

	left: 0;

	top: 0;

	padding: 0px 15px;

	border-right: 1px solid #d2d8d8;

	top: 50%;

	bottom: auto;

	-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

			transform: translateY(-50%);

	font-size: 1.4rem;

	color: #343642;

  }

  

  .cd-signin-modal__error {

	display: inline-block;

	position: absolute;

	left: -5px;

	bottom: -35px;

	background: rgba(215, 102, 102, 0.9);

	padding: .8em;

	z-index: 2;

	color: #FFF;

	font-size: 1.3rem;

	border-radius: 0.25em;

	/* prevent click and touch events */

	pointer-events: none;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;

	transition: opacity 0.2s 0s, visibility 0s 0.2s;

  }

  

  .cd-signin-modal__error::after {

	/* triangle */

	content: '';

	position: absolute;

	left: 22px;

	bottom: 100%;

	height: 0;

	width: 0;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	border-bottom: 8px solid rgba(215, 102, 102, 0.9);

  }

  

  .cd-signin-modal__error.cd-signin-modal__error--is-visible {

	opacity: 1;

	visibility: visible;

	-webkit-transition: opacity 0.2s 0s, visibility 0s 0s;

	transition: opacity 0.2s 0s, visibility 0s 0s;

  }

  

  @media only screen and (min-width: 600px) {

	.cd-signin-modal__form {

	  padding: 0em 2em 3em;

	}

	.cd-signin-modal__fieldset {

	  margin: 1em 0;

	}

	.cd-signin-modal__fieldset:first-child {

	  margin-top: 0;

	}

	.cd-signin-modal__fieldset:last-child {

	  margin-bottom: 0;

	}

	.cd-signin-modal__input.cd-signin-modal__input--has-padding {

	  padding: 5px 20px 5px 50px;

	}

	.cd-signin-modal__input.cd-signin-modal__input--has-padding--nor {

	  padding: 5px 20px 5px 20px;

	}

	.cd-signin-modal__input[type=submit] {

	  padding: 16px 0;

	}

  }

  

  .cd-signin-modal__message {

	padding: 1.4em 1.4em 0;

	font-size: 1.4rem;

	line-height: 1.4;

	text-align: center;

  }

  

  @media only screen and (min-width: 600px) {

	.cd-signin-modal__message {

	  padding: 2em 2em 0;

	}

  }

  

  .cd-signin-modal__bottom-message {

	position: absolute;

	width: 100%;

	left: 0;

	bottom: -5px;

	text-align: center;

	font-size: 1.4rem;

  }

  

  .cd-signin-modal__bottom-message a {

	color: #2F889A;

	font-weight: bold;

	text-align: right;

  }

  

  .cd-signin-modal__close {

	/* form X button on top right */

	display: block;

	position: absolute;

	width: 40px;

	height: 40px;

	right: 0;

	top: -40px;

	background: url("../img/cd-icon-close.svg") no-repeat center center;

	color: transparent;

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

  }

  

  @media only screen and (min-width: 1170px) {

	.cd-signin-modal__close {

	  display: none;

	}

  }

  

  .cd-signin-modal__block {

	display: none;

  }

  

  .cd-signin-modal__block.cd-signin-modal__block--is-selected {

	display: block;

	padding-top: 6em;

  }

  /* demo style */

  .cd-nugget-info {

	text-align: center;

	position: absolute;

	width: 100%;

	height: 50px;

	line-height: 50px;

	bottom: 0;

	left: 0;

  }

  .cd-nugget-info a {

	position: relative;

	display: inline-block;

	padding: 0 2em;

	background-color: #da5067;

	border-radius: 50em;

	font-size: 14px;

	color: #fff;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

  }

  .cd-nugget-info a:hover {

	opacity: .8;

  }

  .cd-nugget-info span {

	vertical-align: middle;

	display: inline-block;

  }

  .cd-nugget-info span svg {

	display: block;

  }

  .cd-nugget-info .cd-nugget-info-arrow {

	fill: #fff;

  }

  .cd-intro {

	position: relative;

	height: 200px;

	line-height: 200px;

	text-align: center;

  }

  .cd-intro h1 {

	font-size: 2.2rem;

	color: rgba(52, 54, 66, 0.5);

  }

  @media only screen and (min-width: 600px) {

	.cd-intro {

	  height: 300px;

	  line-height: 300px;

	}

  }

  @media only screen and (min-width: 1170px) {

	.cd-intro h1 {

	  font-size: 3.2rem;

	}

  }

.js-signin-modal-trigger {

    float: left;

}



.cd-signin-modal__switcher.js-signin-modal-switcher.js-signin-modal-trigger {

    width: 100%;

}

input[type="checkbox"].cd-signin-modal__input {

    float: right;

    margin: 0 0 0 10px;

}

.cd-signin-modal__fieldset--nomarg {

	margin: 0em;

	float: right;

	width: 100%;

  }

  .cd-signin-modal__fieldset--nomarg label {

    margin: 0;

	line-height: 100%;

	width: 80%;

}



.breadcrumbs {

    float: right;

}

.breadcrumbs a {

    float: right;

    color: #0067A0;

    font-weight: bold;

    font-size: 12px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 0 5px;

    padding: 10px 2px;

}

.breadcrumbs span {

    float: right;

    color: #0067A0;

    font-weight: bold;

    font-size: 12px;

    margin: 0 5px;

    padding: 10px 0px;

}

.breadcrumbs p {

    float: right;

    color: #B6B6B6;

    font-size: 12px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 0 5px;

    padding: 10px 2px;

    line-height: 17px;

}

.nothingtoshow {

    text-align: center;

    font-weight: 900;

    padding: 50px;

    color: #ccc;

}

.page_title {

    text-align: right;

    padding: 10px;

    border-bottom: 1px solid #E4E4E4;

    font-weight: 700;

}

.category_nav {

    background: #fff;

    border-top: 0.1rem solid rgb(238, 238, 238);

    box-shadow: rgba(0, 0, 0, 0.12) 0px 0.6rem 2.5rem 0px;

}

.side_box {

    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

    box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

    margin: 10px auto;

    padding: 10px;

    background-color: rgb(255, 255, 255);

    border: 0.1rem solid rgb(238, 238, 238);

    border-radius: 5px;

}

.data_box {

    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

    box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

    margin: 10px 10px 10px 0;

	background-color: rgb(255, 255, 255);

	border: 0.1rem solid rgb(238, 238, 238);

	border-radius: 5px;

}

.data_box.left_margin {

	margin: 10px 0 0 10px;

}

.page_title {

    text-align: right;

    padding: 10px;

    border-bottom: 1px solid #E4E4E4;

    font-weight: 700;

}

.page_subtitle {

    float: left;

    direction: rtl;

    font-weight: 100;

    font-size: 1rem;

    margin: 3px;

}



.listing_items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -1px;

    margin-bottom: -1px;

    list-style: none;

	padding: 0;

	direction: rtl;

}

.listing_items > li {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 25%;

    flex: 1 0 25%;

    max-width: 25%;

    min-height: 424px;

}

.listing_items .product_box {

    position: relative;

    margin-left: -1px;

    margin-top: 0px;

    margin-bottom: -1px;

    border: 1px solid #ebebeb;

        border-top-color: rgb(235, 235, 235);

        border-top-style: solid;

        border-top-width: 1px;

    border-top: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

	justify-content: space-between;

	padding: 30px 12px 60px;

}

.listing_items .product_box .product_box__img::after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    font-weight: 300;

    color: transparent;

    text-align: center;

    content: attr(alt);

    background: #fff url(../images/f8c6572e.svg) no-repeat 50%;

        background-size: auto;

    background-size: 30% 30%;

    width: 100%;

    height: 100%;

}

.listing_items .product_box .product_box__img img {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

	object-fit: contain;

	z-index: 1;

}

.product_box__img {

    height: 150px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 10px;

    height: 200px;

    position: relative;

}

.product_box_title {

    display: block;

    overflow: hidden;

    font-size: 12px;

    font-size: .857rem;

    line-height: 30px;

    text-align: right;

    line-height: 22px;

    margin-top: 13px;

    height: 43px;

}

.nosale {

    text-align: center;

    font-weight: 900;

    font-size: 1.5rem;

    color: #ccc;

}

.product_box_price {

    text-align: center;

    font-size: 1.5rem;

    font-weight: 900;

    position: absolute;

    bottom: 10px;

    width: 100%;

}

.product_box_price span {

    font-size: 1.2rem;

    font-weight: 300;

}

.product_box_price__overline {

    position: absolute;

    bottom: 30px;

    width: 100%;

    text-align: center;

    text-decoration: line-through;

    color: #999;

    font-size: 1.5rem;

    font-weight: 300;

}

.offper_label {

    position: absolute;

    top: 0;

    text-align: center;

    width: 100%;

    color: #FB3449;

    background: rgba(213, 26, 32,.05);

    right: 0;

    padding: 5px;

    font-weight: 900;

}

.inner-page {

    background-color: #fff;

    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);

    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);

    border: 1px solid #e4e4e4;

    display: block;

	width: 100%;

	margin: 10px auto;

}

.product__gallery {

    padding: 10px;

    text-align: center;

}

.product__gallery img {

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center;

    object-position: center;

}

.product__title h1 {

    font-weight: 900;

    font-size: 2rem;

}

.product__title ul {

    float: right;

}

.product__title ul li {

    float: right;

    margin: 0 0 0 10px;

	font-size: 1rem;

	direction: rtl;

}

.product__title ul li .value {

    font-weight: 900;

}

.product__title {

    width: 100%;

    float: right;

    border-bottom: 1px solid #eee;

    padding-bottom: 10px;

}

.product__short_text {

    width: 100%;

    direction: rtl;

    float: right;

    font-size: 1.2rem;

    line-height: 200%;

}

.waranty_elemets {

    width: 100%;

    padding: 0 10px 5px;

}

.product__summary {

    background: #eee;

    margin: 0 10px;

    padding: 10px;

}

ul.specificationpro {

    direction: rtl;

    float: right;

    width: 100%;

}

ul.specificationpro li {

    font-size: 1.2rem;

    border-bottom: 1px solid #ccc;

    padding: 5px 0;

}

.product__summary .product_box_price {

    position: relative;

    padding: 20px;

}

.product_box_price_wrapper {

    width: 100%;

    padding: 20px;

    position: relative;

	float: right;

	direction: rtl;

}

.product_box_price_wrapper .product_box_price__overline, .product_box_price_wrapper .product_box_price {

	position: relative;

	bottom: auto;

}

.order_btn_real {

    background: #3949AB;

    position: relative;

    z-index: 999;

    border-radius: 5px;

    text-align: right;

    padding: 8px;

    width: 100%;

    font-size: 1.5rem;

    font-weight: bold;

    color: #fff;

    border: none;

    margin: 3% auto;

}

	.order_btn_real i {

		float: left;

		font-size: 3rem;

		position: absolute;

		left: 5px;

		top: 7px;

		line-height: 20px;

		color: #A4B1FF;

	}

	.cart__hotkey {

		background: #00B751;

		color: #fff;

		padding: 4px 10px 4px 1px;

		border-radius: 25px;

		float: left;

		margin: 0;

		font-size: 1.2rem;

		font-weight: 900;

		animation: pulse 2s infinite;

	}

		.cart__hotkey i {

			background: #fff;

			color: #00B751;

			border-radius: 50%;

			width: 20px;

			height: 20px;

			display: block;

			float: left;

			margin: -1px 6px 0px 1px;

			line-height: 22px;

			font-size: 1.5rem;

			text-align: center;

		}

		.cart__hotkey:hover {

			color: #fff;

		}

	

	@-webkit-keyframes pulse {

		0% {

		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);

		}

		70% {

			-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

		}

		100% {

			-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

		}

	}

	@keyframes pulse {

		0% {

		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);

		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);

		}

		70% {

			-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

			box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

		}

		100% {

			-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

		}

	}



	.checkout_list {

		width: 100%;

		padding: 10px;

	}



	.checkout_list_item {

		border-bottom: 1px solid #e6e6e6;

		border-radius: 0;

		-webkit-box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);

		box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);

		position: relative;

		overflow: hidden;

		display: flex;

		direction: rtl;

		margin: 0 auto 0px auto;

	}

		.checkout_list_item .checkout_list_item__img {

			float: right;

			margin: 10px;

		}

		.checkout_list_item a.link {

			font-weight: 900;

			margin: 10px 0;

			color: #3e3e3e;

			width: 100%;

			display: block;

		}

		.checkout_list_item .rows {

			width: 100%;

			direction: rtl;

			text-align: right;

			padding: 5px 20px;

		}

		.checkout_list_item span {

			width: 100%;

			float: right;

			font-size: 1rem;

			line-height: 200%;

			color: #9b9b9b;

		}

.quantity_control {

	float: right;

	position: relative;

	margin: 10px 0;

}

	.quantity_control .input-group {

		display: flex;

		float: right;

		direction: ltr;

		border: 1px solid #eee;

		border-radius: 10px;

	}

		.quantity_control .input-group .form-control {

			padding: 0;

			width: 50px;

			border: none;

			box-shadow: none;

		}

		.quantity_control .input-group .input-group-append {

			width: 30px;

			text-align: center;

		}

		.quantity_control .input-group .btn {

			background: none;

			font-size: 2rem;

			padding: 5px 0;

		}

.checkout_list_item .price_wrapper {

			position: absolute;

			bottom: 30px;

			left: 10px;

			font-weight: 900;

		}

	.checkout_list_item .price_wrapper small {

		color: #828282;

		font-weight: 100;

	}

	



	.side_box .rows {

		width: 100%;

		padding: 10px 0;

		direction: rtl;

	}

		.side_box .rows .row {

			margin: 0;

			font-size: 1.1rem;

			border-bottom: 1px solid #eee;

			padding: 5px 0;

		}

		.side_box .rows .row .value {

			text-align: left;

			float: left;

		}

.delete_ordered_product {

	margin: 20px;

	float: right;

	color: #e35050;

	font-weight: 700;

	font-size: 1.2rem;

}

	.delete_ordered_product i {

		font-size: 1.8rem;

		line-height: 0;

		margin: 8px 3px;

		float: right;

	}







	



	.navigation { float: right; }

	.navigation nav ul {

	  padding: 0px;

	  margin: 0px;

	  list-style: none;

	}

	.navigation nav ul li { display: inline-block; }

	.navigation nav ul li a {

	  color: #fff;

	  font-weight: 600;

	  display: inline-block;

	  text-transform: uppercase;

	  text-decoration: none;

	  padding: 15px 20px;

	  transition: 0.5s;

	  -webkit-transition: 0.5s;

	  -moz-transition: 0.5s;

	  -ms-transition: 0.5s;

	  -o-transition: 0.5s;

	}

	

	.navigation nav ul li a:hover {

	  background: rgb(234, 214, 54);

	  color: #441B0A;

	}

	 @media all and (max-width : 768px) {

		.smobitrigger, .mnuclose { display: inline-block; }

		

		.smobitrigger {

			color: #0068A0;

			font-size: 30px;

			line-height: 12px;

			position: absolute;

			z-index: 999;

			padding: 0;

			top: 90px;

			left: 10px;

		}

		.smobitrigger:hover, .smobitrigger:focus { color: #0068A0; }

		

		.mnuclose {

		  font-size: 20px;

		  padding: 10px 20px;

		  width: 100%;

		  background: rgba(0, 0, 0, 0.18);

		}

		

		.navigation nav ul {

		  padding-bottom: 40px;

		  overflow-y: auto;

		}

		

		.navigation nav ul li, .navigation nav ul li a { width: 100%; }

		

		.navigation nav ul li a {

		  padding-top: 5px;

		  padding-bottom: 5px;

		}

		

		.navigation nav ul li a:hover { background: rgba(0, 0, 0, 0.29); }

		

		.mobimenu {

		  list-style: none;

		  padding: 0px;

		  margin: 0px;

		  width: 240px;

		  position: fixed;

		  height: 100%;

		  top: 0px;

		  right: -250px;

		  background-color: #fff !important;

		  direction:rtl;

		  box-shadow: 0 0px 7px #414141;

		  z-index: 9999999 !important;overflow: scroll;

		}

		.mobimenu li a span i {

			display: none;

			visibility: hidden;

		}

		.mnuopn { right: 0px !important; }

		

		.ovrActv {

		  position: fixed;

		  background: rgba(0, 0, 0, 0.79);

		  width: 100%;

		  height: 100%;

		  z-index: 9998;

		  transition: 0.5s;

		  -webkit-transition: 0.5s;

		  -moz-transition: 0.5s;

		  -ms-transition: 0.5s;

		  -o-transition: 0.5s;

		  z-index: 9999 !important;

		}

	}

	

.mobimenu li a {

    color: #253A46 !important;

    border-bottom: 1px solid #ccc;

    padding: 10px;

    display: block;

    font-size: 1.2rem;

}

	.mnu_logo {

		position: absolute;

		height: 300px;

		width: 210px;

		background-size: 100%;

		bottom: 0;

		left: 0;

		opacity: .2;

	}

	.mobimenu p {

		text-align: center;

		width: 100%;

	}

	.resp_menu { display:none; visibility:hidden }

	.sub-menu {

		padding: 0;

	}

	.sub-menu li .indicator {

		float: right;

		margin: 8px;

	}

	.owl-theme .owl-nav, .mobimenu.inrwrpr, .smobitrigger  {

		visibility: hidden;

		display: none;

	}

	.public_page {

		background-color: #fff;

		-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

		margin: 50px 0px 25px 0;

		min-height: 250px;

	}

.prod_explain__title {

    text-align: right;

    padding: 30px 0;

    border-bottom: 1px solid #E4E4E4;

    font-weight: 700;

    font-size: 2rem;

}

.prod_explain__title .prod_explain__date.left {

    float: left;

    font-size: 1.2rem;

    font-weight: 100;

    background: #FBECC9;

    padding: 5px 15px;

    border-radius: 29px;

}

	.prod_explain__text {

		padding: 10px;

		line-height: 200% !important;

		direction:rtl

	}

	.prod_explain__text * {

		font-family: iransn, IRANSans, Tahoma, Geneva, sans-serif !important;

		font-size: 12px !important;

	}

	.public_sidbar {

		background-color: #fff;

		-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

		box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);

		border: 1px solid #e4e4e4;

		margin: 40px 10px 0 0;

	}

	.public_sidbar .title {

		background: #1F3086;

		padding: 10px;

		text-align: right;

		color: #fff;

		font-weight: 900;

		border-radius: 5px 5px 0 0;

	}

	.category_list .category-item a {

		padding: 10px;

		text-align: right;

		color: #000;

		width: 100%;

		display: block;

		margin: 0px auto 10px auto;

		border-bottom: 1px solid #eee;

	}

	.blog__list {

		border-bottom: 1px solid #e6e6e6;

		border-radius: 0;

		-webkit-box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);

		box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);

	}

.blog__list {

	border-bottom: 1px solid #e6e6e6;

	border-radius: 0;

	-webkit-box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);

	box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);

	padding: 10px;

	display: flex;

direction: rtl;

}.blog__list__info {

    float: right;

}

	.blog__list .blog__list__imag {

		float: right;

		margin: 10px;

		width: 128px;

		min-width: 128px;

	}

		.blog__list .blog__list__imag img {

			width: 100%;

		}

		.blog__list .blog__list__title {

			float: right;

			text-align: right;

			font-weight: 900;

			margin: 10px;

			color: #0067A0;

			font-size: 2rem;

		}

		.blog__list .blog__list__date {

			font-weight: 100;

			font-size: 1.2rem;

color: #757575;

		}

		.blog__list__text {

			direction: rtl;

			font-size: 1.2rem;

			text-align: justify;

			line-height: 200%;

		}.blog__list__text * {

			font-family: iransn, IRANSans, Tahoma, Geneva, sans-serif !important;

			font-size: 1.2rem !important;

			direction: rtl;

			font-size: 1.2rem;

			text-align: justify;

			line-height: 200%;

		}

		.blog__list .blog__list__title a {

    color: #1F3086;

    font-size: 1.8rem;

		}

		.product__action {

			padding: 10px;

		}

		.product__action .addtowish button i {

			float: left;

			font-size: 2rem;

			position: absolute;

			right: 5px;

			top: 7px;

			line-height: 20px;

			color: #FB3449;

		}

		.product__action .addtowish button {

			background: #F9E1E3;

			position: relative;

			z-index: 999;

			border-radius: 5px;

			text-align: right;

			padding: 8px 30px;

			font-size: 1.2rem;

			font-weight: bold;

			color: #FB3449;

			border: none;

			margin: 3% auto;

			border-right: 5px solid #FB3449;

			float: right;

		}

		.addtocompare button {

			background: #E8E8E8;

			position: relative;

			z-index: 999;

			border-radius: 5px;

			text-align: right;

			padding: 8px 30px;

			font-size: 1.2rem;

			font-weight: bold;

			color: #7A7A7A;

			border: none;

			border-right-color: currentcolor;

			border-right-style: none;

			border-right-width: medium;

			border-right-color: currentcolor;

			border-right-style: none;

			border-right-width: medium;

			margin: 3%;

			border-right: 5px solid #7A7A7A;

			float: left;

		}

		.product__action .addtocompare button i {

			float: left;

			font-size: 2rem;

			position: absolute;

			right: 5px;

			top: 7px;

			line-height: 20px;

			color: #7A7A7A;

		}

		.nav-tabs {

			background: #F5F6F7;

			width: 100%;

			float: right;

			margin: 0;

			padding: 0;

			display: block;

		}

		.nav-tabs > li {

			float: right;

			margin-bottom: -1px;

		}

		.nav-tabs > li > a {

			border-bottom: 4px solid transparent;

			display: inline-block;

			position: relative;

			z-index: 0;

			border-radius: 0 0 0 0;

			margin: 0 0px 0 5px;

			padding: 1.5em 1em;

			font-weight: bold;

			font-size: 17px;

			color: #0067A0;

			font-weight: 900;

			font-size: 1.3rem;

		}

		.nav-tabs > li.active a {

			border-bottom: 4px solid #0067A0;

		}

		.tab__wrapper .specificationpro {

			direction: rtl;

			margin: 0;

			padding: 0;

			font-size: 11px;

			margin: 0;

		}

		.tab__wrapper ul.specificationpro li {

			list-style: none;

			color: #555555;

			font-size: 12px;

			line-height: 250%;

			clear: both;

			position: relative;

			display: block;

			float: right;

			width: 100%;

			margin: 2px 0;

			border: none;

			padding: 0;

		}

		.tab__wrapper ul.specificationpro li span.title {

			background: #F0F1F2;

			padding: 5px;

			width: 30%;

			float: right;

		}

		.tab__wrapper ul.specificationpro li span.value {

			background: #F7F9FA;

			padding: 5px;

			width: 69%;

			float: right;

			margin: 0 1% 0 0;

		}

		.tab__wrapper .tab-pane {

			direction: rtl;

			padding: 10px;

			font-size: 1.2rem;

			line-height: 200%;

			text-align: justify;

		}



	



	.content {

		direction: rtl;

	}

	

		table.basic, table.basic tr th, table.basic tr td {

			border-spacing: 0;

		}

		table.basic {

			width: 100%;

			margin: 10px auto;

			border: 1px solid #E0E4E8;

			border-radius: 5px;

			box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;

		}

		table.half {

			width: 49.5%;

			margin: 10px auto;

			border: 1px solid #E0E4E8;

			border-radius: 5px;

			display: inline-table;

			box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;

		}

			table.basic tr th, table.basic tr td {

				padding: 10px;

				font-size: 1.2rem;

			}

			table.basic tr th {

				background: #F6F8F8;

				border-right: 1px solid #E0E4E8;

			}

			table.basic tr:first-child th:first-child, table.basic tr:first-child td:first-child {

				border-radius: 0 5px 0 0;

			}

			table.basic tr:first-child th:last-child, table.basic tr:first-child td:last-child {

				border-radius: 5px 0 0 0;

			}

			table.basic tr:last-child th:first-child, table.basic tr:last-child td:first-child {

				border-radius: 0 0 5px 0;

			}

			table.basic tr:last-child th:last-child, table.basic tr:last-child td:last-child {

				border-radius: 0 0 0 5px;

			}

			table.basic.total tr:first-child td, table.basic.order tr:first-child td {

				border-top: none;

			}

				table.basic.total tr:first-child td:first-child {

					width: 447px;

					border-radius: 0 5px 5px 0;

				}

				table.basic.total tr:first-child td:last-child {

					border-radius: 5px 0 0 5px;

				}

				table.basic.order tr:first-child td:first-child {

					width: 485px;

					border-radius: 0 5px 0 0;

				}

				table.basic.order tr:first-child td:last-child {

					border-radius: 5px 0 0 0;

				}

			table.basic.order tr:last-child td:first-child {

				border-radius: 0 0 5px 0;

			}

			table.basic.order tr:last-child td:last-child {

				border-radius: 0 0 0 5px;

			}

			table.basic tr td {

				border-top: 1px solid #E0E4E8;

				border-right: 1px solid #E0E4E8;

			}

			table.basic tr th:first-child, table.basic tr td:first-child {

				border-right: none;

			}

			table.basic tr td img {

				vertical-align: middle;

				max-height: 55px;

			}

			table.basic tr td .delete {

				display: inline-block;

				width: 32px;

				height: 32px;

				background: url(../images/delete_button.png);background-position: 0 0px;

			}

			table.basic tr td .delete:hover {

				background: url(../images/delete_button.png);background-position: 0 32px;

			}



			.orderlisttitle {

				font-weight: 700;

				font-size: 17px;

				padding: 10px 15px;

				position: relative;

			}

			.orderlisttitle::before {

				position: absolute;

				right: 0;

				top: 15px;

				content: " ";

				background: #93D77F;

				width: 10px;

				height: 10px;

				border-radius: 5px;

			}

			

.jquery-modal { background-color: #000;background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-webkit-transition: all 0.3s ease-out;   -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}.modal {display: none;width: 400px;background: #fff;padding: ;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 10px #000;-moz-box-shadow: 0 0 10px #000;-o-box-shadow: 0 0 10px #000;-ms-box-shadow: 0 0 10px #000;box-shadow: 0 0 10px #000;}.modal-title {direction:rtl;color:#333333; }.modal_inner {

    padding: 30px 10px 10px;

    font-size: 1.2rem;

}

.table {

    margin-bottom: 10px;

    direction: rtl;

}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {

    font-size: 1.2rem;

}

.modal-text {direction:rtl;color:#999;font:normal 11px 'yekan', yekannum, Tahoma, Geneva, sans-serif; margin-bottom:15px;text-align:justify}

.modal a.close-modal {

	position: absolute;

	display: block;

	width: 30px;

	left: 0px;

	top: 0px;

	color: rgb(185, 185, 185);

	text-align: center;

}

.modal a.close-modal i { cursor:pointer; font-size: 23px; color:#29BDBE}

	form.dialog-form { margin: 2px 0; position:relative; direction: rtl; }

	form.dialog-form h1.title, .modal h1.title {

		background:#F1F1F1;

		text-align:center;

		padding: 15px 0px;

		font-size: 18px;

		direction:rtl;

		color: #02BCAF;

		font-weight:bold;

		-webkit-border-top-left-radius: 5px;

		-webkit-border-top-right-radius: 5px;

		-moz-border-radius-topleft: 5px;

		-moz-border-radius-topright: 5px;

		border-top-left-radius: 5px;

		border-top-right-radius: 5px;margin: 0;

	}



	.modal-inner { direction: rtl; padding: 10px !important; font-size: 11px !important; }

	.form-group.half {

		float: right;

		width: 50%;

		margin: 0;

	}

	.form-group.half label {

		width: auto;

	}

	.form-group.half select {

		width: 60%;margin: 1px 5px;

	}

	.form-group select {

		direction: rtl;

		background-color: #ffffff;

		border: 1px solid #cccccc;

		border-radius: 4px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

		font-size: 1.2rem;

		padding: 6px 12px;

	}

	.form-control {

				font-size: 1.2rem;

	}

	.form-group {

		float: right;

		width: 100%;

		margin-bottom: 0;

	}



	.modal_inner .btn-success {

		width: 100%;

		margin: 10px auto;

		background: #419641;

		border: none;

		font-weight: 900;

		font-size: 1.5rem;

	}

	.offcode_input {

		border: none;

		border-bottom: 1px solid #ccc;

		text-align: center;

		font-size: 1.2rem;

	}

	.offsubmit {

		background: #87C540;

		font-size: 1.2rem;

		color: #fff;

		padding: 3px 15px;

		font-weight: 900;

		border-radius: 5px;

	}

	.offsubmit:hover {

		background: #669134;

		color: #fff;

	}

	.minheight {

		min-height: 210px;

	}

	.navbar {

    min-height: inherit;

	}

	

	

	a {

	-moz-transition:color 0.3s ease-out;

	-webkit-transition:color 0.3s ease-out;

	-o-transition:color 0.3s ease-out;

	transition:color 0.3s ease-out;

}



.sub-menu {

    

	opacity:0;

	visibility:hidden;

	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;

	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

    position: absolute;

    background: #1F3086;

    width: 250px !important;

    right: 0;

}

.sub-menu li {

	

	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;

	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;

	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;

	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;

}



.header__main_menu ul li:hover ul.sub-menu {

	opacity:1;

	visibility:visible;

  

}

.header__main_menu ul li:hover ul.sub-menu li {

	margin-top:0;

	opacity:1;

    

}







.header__main_menu ul li ul.sub-menu {

	float:right;

    height:auto;

	list-style:none;

    z-index: 999;

    background-color: #253A46;

	position:absolute;

	right:0px;

	width: 200px;

	opacity:0;

	visibility:hidden;

	border-radius:0 0 5px 5px;

	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;

	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

z-index: 9999;

}

.header__main_menu ul li ul.sub-menu li {

	border:none;

	border-bottom: 1px solid #375668;

	clear:both;

	margin-top:10px;

	padding:0;

    width: 100%;

	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;

	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;

	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;

	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;

}

.header__main_menu ul li ul.sub-menu li:last-child{ border:none }

.header__main_menu ul li ul.sub-menu li a {

    font-size: 1.2rem;

    line-height: 35px;

	text-align:right;

	direction:rtl;

	padding:0 5px;

    margin-right: 0px; 

	font-weight: 100;

}

.header .header__main_menu ul li a:hover {

    color: #EBA200;

}

.header__main_menu #topnav li:hover ul.sub-menu {

	opacity:1;

	visibility:visible;

}

.header__main_menu #topnav li:hover ul.sub-menu li {

	margin-top:0;

	opacity:1;

}

.header__main_menu #topnav li:hover ul.sub-menu li a {

	color:#fff;

	-moz-transition:color 0.1s ease-out;

	-webkit-transition:color 0.1s ease-out;

	-o-transition:color 0.1s ease-out;

	transition:color 0.1s ease-out;

}

.header__main_menu #topnav li:hover ul.sub-menu li a:hover {

	

	-moz-transition:color 0.3s ease-out;

	-webkit-transition:color 0.3s ease-out;

	-o-transition:color 0.3s ease-out;

	transition:color 0.3s ease-out;

}



.header__main_menu #topnav > li:hover > a {

	color:#999;

}



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

    .header__main_menu ul li .sub-menu li

    {

            line-height: 35px;

    margin-left: -20px;

    border-bottom: 1px solid gray;

    width: 230px;

    }

      .header__main_menu ul li .sub-menu li a

    {

    width: 100%;

    line-height: 25px;

    float: left;

    }

     .header__main_menu ul li a{

        line-height: 0px;

     }

        

.header__main_menu ul {

	overflow: hidden;

    height: 250px;

    position : inherit;

    margin-top: 20px;

    }

    .header__main_menu ul li 

    {

        text-align:left;

        width:100%;

        float:left;

    }

 .header__main_menu ul li a{

            width: 100%;

            float:left

            

    }

    

    .header-wrapper .menu-nav {

    float: left;

    

    }

    .menu-mymenu-container

    {

        margin: 0 !important;

    }

}





.header__main_menu ul li { position:relative }



.header__main_menu ul li ul.sub-menu .sub-sub-menu {

	float:right;

    height:auto;

	list-style:none;

    z-index: 999;

    background-color: #1F3086;

	position:absolute;

	right:250px;

	width: 250px;

	opacity:0;

	visibility:hidden;

	border-radius:5px 0 5px 5px;

	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;

	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

	top: 0;

}

.header__main_menu ul li ul.sub-menu li:hover .sub-sub-menu  {

	opacity:1;

	visibility:visible;

}

.index__news_tabs__item i {

    position: absolute;

    left: 10px;

    top: 25px;

    font-size: 26px;

    color: #869EBB;

}

.mservices_title {

    font-size: 18px !important;

    font-weight: 900;

    padding: 20px;

    color: #1F3086;

}

.services_list {

    padding: 0 50px;

}

.services_list li {

    border-bottom: 1px solid #ccc;

    padding: 15px;

    position: relative;

	float:right;

	width:100%

}

.services_list li a {

	color:#000

}

.services_list li .uniqueid {

    width: 150px;

    text-align: center;

    float: right;

    position: absolute;

    right: -25px;

    bottom: -5px;

}

.services_list li .img {

    float: left;

    width: 150px;

    height: 30px;

}

.services_list li .img img {

    width: 32px;

    float: left;

	height: 32px;

	margin: 0 5px;

}



#how-to .panel-group .panel{

  border-radius:0px;

  border: 0px;

}

#how-to .panel-group{

  margin:0px;

}

#how-to .panel-heading{

  padding:0px !important;

  border-radius: 0px;

}

#how-to .parent a{

    display: block;

    text-decoration: none;

    padding: 10px 35px;

    direction: rtl;

	position: relative;

	font-size: 1.3rem;

	font-weight: 900;

	color: #000;

}

.panel-body {

    font-size: 1.2rem;

    direction: rtl;

    line-height: 200%;

    text-align: justify;

	color: #646464;

	padding: 15px !important;

}

#how-to .child a{

  display: block;

  text-decoration: none;

  padding:25px;

}

#how-to .parent{

  background-color: #fff !important;

}

#how-to .child{

  background-color: #f2f2f2 !important;

}

#how-to .panel-body{

  border: none;

}

#how-to .panel-body{

  padding:0px;

}

#how-to .panel-group .panel+.panel{

  margin:0px;

}

#how-to .panel-group .parent{

  border-bottom: 1px solid #ecf0f1;

}

#how-to .panel-group .child{

  border-bottom: 1px solid #FDFDFD;

}



.panel-heading a:after {

  content: "";

  position: relative;

  top: 1px;

  right:10px;

  display: inline-block;

  font-style: normal;

  font-weight: 700;

  font-size:14pt;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  float: right;

  transition: transform .25s linear;

  -webkit-transition: -webkit-transform .25s linear;

  color:#333;

}

.panel-heading a[aria-expanded="true"]:after {

  content: "\2212";

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

  right:0px;

}

.accordion-toggle {

    position: relative;

}

.panel-heading a[aria-expanded="false"]:after {

  content: "\002b";

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  right:0px;

}

.parent a:after{

  content: "";

  position: absolute;

	top: 50px;

	right: 0px;

  display: inline-block;

  line-height: 0;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  float: right;

  transition: transform .25s linear;

  -webkit-transition: -webkit-transform .25s linear;

  color:#333;

}

.prod_comments textarea.form-control {

	max-width:100%;

	min-width:100%;

	max-height:90px;

	min-height:90px;

}

.rate-radio > div {

	float: right;

	list-style: none;

	margin: 10px 20px;

	border: 1px solid #ccc;

	padding: 5px 10px;

	border-radius: 35px;

	box-shadow: 0 1px 2px #ccc;

}

.rate-radio > div > * {

    display: inline;

    height: auto;

    vertical-align: middle;

    width: auto;

}

.rate-radio > div > label {

    margin: 3px;

}

.rate-radio > div input {

	float: right;

    margin: 0 5px;

}

.comment_scroll { height:300px; overflow-y:scroll; margin-bottom:45px }

.comment_warpper li {

    margin: 0 0 10px 0;

}

.rate-tak1 {

    float: right;

}

.rate-tak {

    float: right;

	padding: 10% 25% 10%;

    width: 100%;

}

.rate_wrapper {

    border-top: 1px solid #ccc;

}

.mobimenu.inrwrpr.mnuopn .sub-menu {

    opacity: 1;

    visibility: visible;

    position: relative;

    background: #fff;

    width: 100% !important;

}

.mobimenu li a {

    background: #FBECC9;

}

.mobimenu.inrwrpr.mnuopn .sub-menu li a {

    padding: 10px 20px 10px 0;

   background: none;

}

.lms_table tr td {

    border: 1px solid #ccc;

}

.lms_table {

    width: 100%;

    border: 1px solid #ccc;

}

.election_Counter {

    font-weight: 900;

}

.election_Counter .el__title {

    color: #256617;

    font-size: 15px;

    background: -webkit-linear-gradient(#239F40,#fff,#f00);

    border-radius: 5px;

    padding: 0 10px;

}

#countbox1 {

    width: 220px;

    display: block;

    float: left;direction: rtl;

}

.index__news_tabs.index__map .index__map__title a {

    margin: 0 !important;

}

.index__news_tabs.index__map .index__map__title {

    margin: 0 0 20px 0;

}

.prod_explain_title {

    text-align: right;

    padding: 10px;

    border-right: 5px solid #388DB6;

    background: #F1FBFF;

    margin: 10px auto;

    border-radius: 15px 0 0 15px;

    float: right;

}

.prod_explain_title {

    width: 100%;

}

.filter_title {

    text-align: right;

    padding: 10px;

    border-right: 5px solid #3C4B6D;

    background: #E8E8E8;

    margin: 10px auto;

    border-radius: 15px 0 0 15px;

    float: right;

    width: 100%;

}

.carousel__off_product_row {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    direction: rtl;

}

.carousel__off_product_row > .product-cell {

    flex: 1 0 15%;

    margin: 5px;

    max-width: 143px;

    position: relative;

}

.searchinner_side {

    padding: 0 10px;

}

.product-cell {

    width: 20%;

    height: 180px;

    margin-right: 10px;

    background: #fff;

    border-radius: 5px;

    counter-increment: carousel-cell;

    border: 1px solid #e8e8e8;

}

.product-cell .pic-con img {

    margin: 0 auto;

    display: block;

    border-radius: 5px;

    width: 100%;

}

.count_file {

    text-align: center;

    color: #4f4f4f;

    font-size: 1.2rem;

}

.product-cell .title-con {

    font-size: 1.2rem;

    font-weight: 900;

    padding: 5px 10px;

    text-align: center;

}

.order_btn_absol.readmore {

    margin-left: -50px;

}

.product-cell .order_btn_absol {

    opacity: 0;

    position: absolute;

    bottom: -20px;

    -webkit-transition: all ease 0.2s;

    -moz-transition: all ease 0.2s;

    -ms-transition: all ease 0.2s;

    -o-transition: all ease 0.2s;

    transition: all ease 0.2s;

    border: none;

    background: #01A552;

    color: #fff;

    text-align: center;

    border-radius: 10px;

    font-weight: 900;

    padding: 2px 15px;

    left: 50%;

    margin-left: -47px;

	font-size: 1.1rem;

}

.readmore {

    float: left;

    margin: 10px;

        margin-left: 10px;

    background: #7BC8FE;

    padding: 5px 10px;

    border-radius: 31px;

    color: #fff;

    font-weight: 700;

}

.col-md-12.wide_responsive.floatright {

    padding: 10px;

}

.product-cell:hover .order_btn_absol {

    opacity: 1;

    bottom: 10px;

    -webkit-transition: all ease 0.2s;

    -moz-transition: all ease 0.2s;

    -ms-transition: all ease 0.2s;

    -o-transition: all ease 0.2s;

    transition: all ease 0.2s;

}

.product__gallery_media img {

    width: 100%;

}

.product__gallery_media {

    padding: 10px;

}

.ug-gallery-wrapper {

    margin: 0 auto;

}



.fulltext table, .fulltext table tr th, .fulltext table tr td {

			border-spacing: 0;

		}

		.fulltext table {

			width: 100% !important;

			margin: 10px auto;

			border: 1px solid #E0E4E8;

			border-radius: 5px;

			box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;

		}

		table.half {

			width: 49.5%;

			margin: 10px auto;

			border: 1px solid #E0E4E8;

			border-radius: 5px;

			display: inline-table;

			box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;

		}

			.fulltext table tr th, .fulltext table tr td {

				padding: 10px;

				font-size: 1.2rem;

			}

			.fulltext table tr th {

				background: #F6F8F8;

				border-right: 1px solid #E0E4E8;

			}

			.fulltext table tr:first-child th:first-child, .fulltext table tr:first-child td:first-child {

				border-radius: 0 5px 0 0;

			}

			.fulltext table tr:first-child th:last-child, .fulltext table tr:first-child td:last-child {

				border-radius: 5px 0 0 0;

			}

			.fulltext table tr:last-child th:first-child, .fulltext table tr:last-child td:first-child {

				border-radius: 0 0 5px 0;

			}

			.fulltext table tr:last-child th:last-child, .fulltext table tr:last-child td:last-child {

				border-radius: 0 0 0 5px;

			}

			.fulltext table.total tr:first-child td, .fulltext table.order tr:first-child td {

				border-top: none;

			}

				.fulltext table.total tr:first-child td:first-child {

					width: 447px;

					border-radius: 0 5px 5px 0;

				}

				.fulltext table.total tr:first-child td:last-child {

					border-radius: 5px 0 0 5px;

				}

				.fulltext table.order tr:first-child td:first-child {

					width: 485px;

					border-radius: 0 5px 0 0;

				}

				.fulltext table.order tr:first-child td:last-child {

					border-radius: 5px 0 0 0;

				}

			.fulltext table.order tr:last-child td:first-child {

				border-radius: 0 0 5px 0;

			}

			.fulltext table.order tr:last-child td:last-child {

				border-radius: 0 0 0 5px;

			}

			.fulltext table tr td {

				border-top: 1px solid #E0E4E8;

				border-right: 1px solid #E0E4E8;

			}

			.fulltext table tr th:first-child, .fulltext table tr td:first-child {

				border-right: none;

			}

			.fulltext table tr td img {

				vertical-align: middle;

				max-height: 55px;

			}

.carousel.flickity-enabled.flickity-rtl.is-draggable {

    min-height: 365px;

}

.flickity-viewport {  min-height: 365px; }

.as_title {

    position: relative;

    padding-right: 65px;

}

.as_title::before {

    content: " ";

    background: #253A46;

    width: 7px;

    height: 7px;

    right: 50px;

    top: 10px;

    position: absolute;

    border-radius: 15px;

}

.as_title::after {

    content: " ";

    background: #EBA200;

    width: 45px;

    height: 7px;

    right: 0;

    top: 10px;

    position: absolute;

    border-radius: 15px;

}

.as_title h1 {

    font-size: 23px;

    font-weight: 900;

}

.why_list__index {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    padding: 10px;

    direction: rtl;

}

.why_list__index li {

    flex: 1 0 31%;

    margin: 10px;

    background: #fff;

        background-size: auto;

    background-size: auto;

    float: right;

    text-align: center;

    padding: 25px 0;

    box-shadow: 0 0 5px #ccc;

    border-radius: 15px;

    border: 1px solid #ccc;

    position: relative;

    cursor: default;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.why_list__index li::before {

    content: " ";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 60px;

    height: 60px;

    border-radius: 15px 0;

    background: #ECA710;

    display: block;

    z-index: -1;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    box-shadow: 10px 2px 16px -7px #777;

    border-radius: 25px 0 25px 0;

    background: transparent #48B893 !important;

    background-image: linear-gradient(to right, #ECA710 , #FFA250);

}

.why_list__index li::after {

    content: " ";

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border-radius: 15px 0;

    background: #FFA250;

    display: block;

    z-index: -1;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    box-shadow: 10px 2px 16px -7px #777;

    background: transparent #48B893 !important;

    background-image: linear-gradient(to right, #FFA250 , #ECA710);

}

.why_list__index li:hover::before {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    right: -10px;

    bottom: -10px;

}

.why_list__index li:hover::after {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    left: -10px;

    top: -10px;

}

.about_section p {

    line-height: 200%;

    text-align: justify;

}

.about_section {

    padding: 50px 0;

}

.why_list__index li:hover {

    box-shadow: 0 0 0px #ccc;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.why_list__index li h3 {

    font-size: 18px;

    text-align: center;

    font-weight: 900;

    margin: 0 0 15px 0;

	color: #253A46;

}

.why_list__index li span {

    font-size: 1.2rem;

    color: #404040;

    display: block;

    margin: 5px 10px;

    line-height: 200%;

    text-align: justify;

}

.cta_index {

    width: 100%;

    float: right;

    height: 200px;

    margin: 50px auto;

    background: #ECA710;

    border-radius: 15px;

    background-image:linear-gradient(to right, #ECA710 , #FFA250);

    padding: 20px 35px;

}

.as_title.white::before {

    background: #FFC001;

}

.as_title.white h1 {

    color: #fff;

}

.as_title.white::after {

    background: #FFC001;

}

.cta_index p {

    color: #fff;

    font-size: 1.2rem;

    line-height: 200%;

    text-align: justify;

}

.icon_spec {

    width: 64px;

    height: 64px;

    background: #EBA200;

    display: block;

    margin: -40px auto 10px;

    border-radius: 10px;

}

.cta_index a {

    background: #fff;

    padding: 5px 20px;

    border-radius: 50px;

}

.cta_index a {

    background: #fff;

    padding: 5px 20px;

    border-radius: 50px;

    color: #253A46;

    font-weight: 900;

}

.news_index {



    position: relative;



	margin: 15px auto;



}



    .index_news_title a {



        color: #273B45;



        font-size: 14px;



        font-weight: 900;



    }



.news_index .section_title {



    padding: 10px 0;



    background: none;



	text-align:center



}



.index_posts li h1 {

    text-align: center;

    margin: 15px auto;

    font-size: 1.3rem;

    font-weight: 900;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #1F3775;padding: 5px;

}



.index_posts li .date {



    float: right;



    color: #ccc;padding: 5px;



}



.index_posts li .readmore {

    float: left;

    color: #1F3775;

    padding: 5px;

    font-size: 1.2rem;

    font-weight: 300;

}





.index_posts {



    width: 20%;



    margin: 10px;



    background: #fff;



    padding: 0;



    border-radius: 10px;



    box-shadow: 0 0 15px #e8e8e8;



    border: 1px solid #ece8e8;



    overflow: hidden;



}



.index_posts .icon img {



    width: 100%;



    height: 150px;



}



    



    .index_excerpt p {



        color: #273B45;



        font-size: 12px;



        text-align: justify;



        font-weight: 300;



    }



    .index_news_items {



        direction: rtl;

max-height: 280px;

        padding: 5px;



    }



    .inc_maintitle { margin: 0px 0 20px; }



.btn_readmore__news {

    position: relative;

    background: #1F3775;

    color: #fff;

    padding: 10px 25px;

    border-radius: 50px;

    font-weight: 900;

    margin: 10px auto 0px;

    width: 160px;

    display: block;

    text-align: center;

    box-shadow: 0 5px 10px #829EE6;

	border: 2px solid #1F3775;

	-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;

	-ms-transition: all ease 0.3s;

	-o-transition: all ease 0.3s;

	transition: all ease 0.3s;

}

.btn_readmore__news:hover {

    background: #fff;

    color: #1F3775;

    border: 2px solid #1F3775;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;

	-ms-transition: all ease 0.3s;

	-o-transition: all ease 0.3s;

	transition: all ease 0.3s;

}



    .index_excerpt * {



        direction: rtl;



        line-height: 200%;



        font-weight: 300 !important;



        text-align: justify;



        font-size: 1.2rem !important;



    }



.col-md-6.index_news_items a {

    background: var(--news-list-bg);

}

.col-md-6.index_news_items a {

    float: right;

    width: 100%;

    background: #253A46;

    margin: 5px;

    padding: 10px 25px 10px 10px;

    border-radius: 15px;

    color: #fff;

    font-weight: bold;

    position: relative;

}

.about_section .col-md-8 {

    padding: 100px 50px 0 0;

}

.about_img img {

    width: 80%;

    margin: 0 auto;

    display: block;

}

.icon_spec img {

    width: 70%;

    margin: 10px auto;

}

.smoothslides, .smoothslides-on {
    margin: 0 auto;
}