﻿@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('font/eot/iranyekanwebbold.eot');
	src: url('font/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebbold.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('font/eot/iranyekanwebthin.eot');
	src: url('font/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebthin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebthin.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('font/eot/iranyekanweblight.eot');
	src: url('font/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanweblight.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('font/eot/iranyekanwebregular.eot');
	src: url('font/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebregular.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('font/eot/iranyekanwebmedium.eot');
	src: url('font/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebmedium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebmedium.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('font/eot/iranyekanwebextrabold.eot');
	src: url('font/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebextrabold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebextrabold.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('font/eot/iranyekanwebblack.eot');
	src: url('font/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebblack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebblack.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 950;
	src: url('font/eot/iranyekanwebextrablack.eot');
	src: url('font/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('font/woff/iranyekanwebextrablack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('font/ttf/iranyekanwebextrablack.ttf') format('truetype');
}
body {
	margin: 0;
	background-color: #ffffff;
	color: #615f5c;
	font-size: 12pt;
	font-family: 'iranyekan',tahoma;
	line-height: 200%;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
}
input, select, textarea, option,button {
	font-family: 'iranyekan',tahoma;
}
#mobileHeader {
	display: none;
}
#mobileMenuBar {
	text-align: center;
	direction: rtl;
	box-sizing: border-box;
	position: fixed;
	top: 0;;
	left: 0;
	background: #1A5648;
	color:#ffffff;
	width: 100%;
	min-height: 50px;
	padding-right: 13px;
	padding-left: 13px;
	z-index: 1998;
}
.mobileMenuTitle {
	line-height: 50px;
	display: inline-block;
	white-space: nowrap;
	color: #ffffff;
	font-size: 9pt;
}
#mobilemenu {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	width: 220px;
	margin-right: -220px;
	background: #1A5648;
	direction: ltr;
	padding-top: 50px;
	box-sizing: border-box;;
	z-index: 2000;
}
.mobileMenuSignin {
	font-size: 10pt;
	color: #000000;
	display: block;
	width: 100%;
	line-height: 35px;
	padding-right: 10px;
	border-bottom: 1px solid #555555;
}
.mobileMenuItem {
	font-size: 10pt;
	color: #ffffff;
	display: block;
	width:100%;
	line-height: 35px;
	padding-right: 10px;
	border-bottom: 1px solid #555555;
	box-sizing:border-box;
}
a.mobileMenuItem:hover {
	font-size: 10pt;
	background: #555555;
	color: #ffffff;
}
.mobileSubMenuItem {
	font-size: 9pt;
	color: #ffffff;
	display: block;
	width: 100%;
	line-height: 35px;
	padding-right: 20px;
	box-sizing:border-box;
}
.mobileSubMenuItem:hover {
	color: #ffffff;
	background: #333333;
}
.mobileMenuItem:before {
	font-family: 'Times New Roman';
	display: inline-block;
	content: '◄';
	font-size: 6pt;
	margin-left: 5px;
}
.mobileMenuItem.changed:before {
	font-family: 'Times New Roman';
	display: inline-block;
	content: '▼';
	font-size: 6pt;
	margin-left: 5px;
}
#mobileMenuMask {
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	width: 100vw!important;
	height: 100vh!important;
	opacity: 0.5;
	background-image: none!important;
	background-color: #000;
	z-index: 1999;
	display: none;
}
#backButton {
	width: 60px;
	height: 50px;
	position: fixed;
	top: 0;
	left: 15px;
	z-index: 2000;;
	box-sizing: border-box;
	background: url('template/back.png') no-repeat left center;
	background-size: 8px 12px;
}
#humburger {
	width: 48px;
	height: 48px;
	position: fixed;
	top: 0;
	right: 15px;
	z-index: 2002;;
	box-sizing: border-box;
}
.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
	background: transparent;
}
.c-hamburger:focus {
	outline: none;
}
.c-hamburger span {
	display: block;
	position: absolute;
	top: 22px;
	left: 9px;
	right: 9px;
	height: 4px;
	background: white;
	border-radius: 2px;
}
.c-hamburger span::before, .c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	border-radius: 2px;
	height: 4px;
	background-color: #ffffff;
	content: "";
}
.c-hamburger span::before {
	top: -10px;
}
.c-hamburger span::after {
	bottom: -10px;
}
.c-hamburger--htx {
}
.c-hamburger--htx span {
	transition: background 0s 0.3s;
}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
	transition-property: top, transform;
}
.c-hamburger--htx span::after {
	transition-property: bottom, transform;
}
.c-hamburger--htx.is-active {
	background-color: transparent;
}
.c-hamburger--htx.is-active span {
	background: none;
}
.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
}
@media all and (max-width:768px){
#mobileHeader {
	display: block;
}
#desktopHeader {
	display: none;
}
}
.rtl {
	direction: rtl;
}
.ltr {
	direction: ltr;
}
.bold{
	font-weight:bold;
}
.displayNone {
	display: none;
}
.inline {
	display: inline-block;
}
.inlineBlock {
	display: inline-block;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignJustify {
	text-align: justify;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.marginAuto {
	margin: auto;
}
.pointer {
	cursor: pointer;
}
.pt9 {
	font-size: 9pt;
}
.pt8 {
	font-size: 8pt;
}
.grid {
	display: flex;
	flex-wrap: wrap;
}
.centerH {
	justify-content: center;
}
.centerV {
	align-items: center;
}
.reverse {
	flex-direction: row-reverse;
}
.col20 {
	flex: 0 0 20%;
	box-sizing: border-box;
}

.col125 {
	flex: 0 0 12.5%;
	box-sizing: border-box;
}
.col6 {
	flex: 0 0 16.6%;
	box-sizing: border-box;
}
.col25 {
	flex: 0 0 25%;
	box-sizing: border-box;
}
.col33 {
	flex: 0 0 33.33%;
	box-sizing: border-box;
}
.colp33 {
	/*For products details*/
	flex: 1 0 40%;
	box-sizing: border-box;
}
.col50 {
	flex: 0 0 50%;
	box-sizing: border-box;
}
.col66 {
	flex: 0 0 66.66%;
	box-sizing: border-box;
}
.colp66 {
	/*For products details*/

	flex: 1 0 calc(60% - 20px);
	box-sizing: border-box;
	margin-left: 20px;
}
.col100 {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.contactCol75 {
	flex: 0 0 70%;
	box-sizing: border-box;
}
.contactCol25 {
	flex: 0 0 30%;
	box-sizing: border-box;
}
.rightDiv {
	flex: 0 0 80%;
	box-sizing: border-box;
}
.leftDiv {
	flex: 0 0 20%;
	box-sizing: border-box;
}
.b20 {
	flex: 0 0 20%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
}
.b30 {
	flex: 0 0 30%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media all and (max-width:768px){
.col20{
	flex: 0 0 33.33%;
}

.col125 {
	flex: 0 0 50%;
}
.col6 {
	flex: 0 0 33%;
}
.col25 {
	flex: 0 0 50%;
}
.col33 {
	flex: 0 0 100%;
}
.col50 {
	flex: 0 0 100%;
}
.col66 {
	flex: 0 0 100%;
}
.colp66 {
	/*For products details*/
	flex: 0 0 100%;
	box-sizing: border-box;
}
.colp33 {
	/*For products details*/
	flex: 0 0 100%;
	box-sizing: border-box;
}
.rightDiv {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.leftDiv {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.b20 {
	flex: 0 0 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #aaaaaa;
	text-align: center;
}
.b30 {
	flex: 0 0 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #aaaaaa;
}
}
@media all and (max-width:640px){

.col20{
	flex: 0 0 50%;
}


.col125 {
	width: 50%;
}
.col6 {
	flex: 0 0 50%;
}
.col25{
	flex:0 0 100%;
}
.col50 {
	width: 100%;
	float: none;
}
}
.fp20 {
	flex: 0 0 20%;
	box-sizing: border-box;
	padding-right: 10px;
}
.fp80 {
	flex: 0 0 80%;
	box-sizing: border-box;
}
@media all and (max-width:768px){
.contactCol75 {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.contactCol25 {
	flex: 0 0 100%;
	box-sizing: border-box;
	border-top: 1px solid #aaaaaa;
	margin-top: 10px;
	padding-top: 20px;
}
.fp20 {
	flex: 0 0 100%;
	padding-right: 0px;
}
.fp80 {
	flex: 0 0 100%;
}
}
.max100 {
	max-width: 100%;
}
.max440 {
	max-width: 440px;
}
.padding20 {
	padding: 20px;
}
h1 {
	font-size: 13pt;
	text-align: right;
	padding: 0;
	margin: 0;
}
h2 {
	font-size: 16pt;
	font-weight: bold;
}
.contentBody img, .contentBody table {
	max-width: 100%;
}
.treeDiv {
	box-sizing: border-box;
	text-align: right;
	background-color: ;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 9pt;
	color: #555555;
	background: transparent;
	border: 0px solid #e9e8ed;

}
.treeDiv a {
	display:inline-block;
	font-size: 10pt;
	color: #aaaaaa;
	height:23px;
	vertical-align:top;
}

.rasquo{

	display:inline-block;
	width:23px;
	height:23px;
	vertical-align:top;
	background:url('template/rasquo.svg');
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:center 9px;
}

.billboardHolder {
	width: 100%;
	padding-top: 43%;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	background-image:url('template/billboardbg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}

.width100{
	width:100%;
}
.billboard {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 12%;
	right: 4.4%;
	width: 52%;
	height: 69%;
	display: none;
	z-index: 1;
	border-radius:10px;
}

.billboardbullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #ffffff;
	cursor: pointer;
	margin-right: 5px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 50%;
	border:1px solid #33CC33;
	
}
.billboardbulletWrapper {
	position:absolute;
	right: 4.4%;
	width: 52%;
	bottom:60px;
	text-align:center;
}
.billboardText {
	display: none;
	position: absolute;
	border:0px solid #ff0000;
	top: 12%;
	left: 4.4%;
	z-index: 2;
	white-space: nowrap;
	width: 39%;
	height: 69%;
}

.billboardTitle{
	font-weight:700;
	font-size:28pt;
	line-height:70px;
	padding-right:40px;
	padding-left:40px;
	box-sizing:border-box;
}
.billboardSubTitle{
	font-weight:400;
	font-size:15pt;
	line-height:35px;
	padding-right:40px;
	padding-left:40px;
	box-sizing:border-box;
}

.billboardLink{
	border:1px solid #33CC33;
	padding-right:24px;
	padding-left:24px;
	padding-top:5px;
	padding-bottom:5px;
	color:#33CC33;
	font-size:12pt;
	display:inline-block;
	border-radius:6px;
	box-sizing:border-box;
	background:#ffffff;
}
.billboardLink:hover{
	color:#33CC33;
	box-shadow:0 0 5px 5px rgba(100,100,100,0.1)
}

#billboardPlaceHolder{
	width:52%;height:69%;position:absolute;top:12%;right:4.4%;z-index:70;
}


@media all and (max-width:768px){


	.billboardHolder {
		position: static;
		overflow: auto;
		padding-top:initial;
	}



	#billboardPlaceHolder{
		width:100%;
		position:static;
		top:0%;
		right:0%;
		z-index:70;

	}
	#billboardPlaceHolder td{
		padding-top:57%;
	}
	
	.billboard{
		display:block;
		position:static;
		width:100%;
		height:auto;
		padding-top:57%;
		top:0;
		right:0;
		border-radius:0;
	}
	
	.billboardText {
		display: none;
		position: static;
		border:0px solid #ff0000;
		top: 0;
		left: 0;
		z-index: 2;
		white-space: normal;
		width: 100%;
		height: auto;
	}
	.billboardbulletWrapper {
		position:static;
		right: 0%;
		width: 100%;
		bottom:0px;
		text-align:center;
	}

}

.hr_orange {
	line-height: 30px;
}
.billboardText0 {
	width: 280px;
}
.billboardText1 {
	font-size: 14pt;
	color: #000000;
	line-height: 40px;
}
.billboardText2 {
	font-size: 14pt;
	color: #000000;
	line-height: 40px;
}
.billboardText3 {
	font-size: 16pt;
	color: #000000;
}
.billboardReadMore {
	display: inline-block;
	background: #ffffff;
	border-radius: 20px;
	width: 120px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 30px;
	border:1px solid #aaaaaa;
}
.billboardtext a:hover {
	background: #fcaf17;
}
.specialbox {
	overflow: auto;
}
.specialbox p:empty {
	margin: 0;
	padding: 0;
}
.specialbox p:empty {
	margin: 0;
	padding: 0;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.max440 {
	width: 440px;
	max-width: 100%;
	box-sizing: border-box;
}
.max220 {
	width: 220px;
	max-width: 100%;
	box-sizing: border-box;
}
.full {
	direction: rtl;
	width: 98%;
	max-width: 1200px;;
	margin: auto;
}
.inner {
	width: calc(100% - 10px);
	margin-right: 5px;
	margin-left: 5px;
	box-sizing: border-box;
}
.inner * {
	max-width: 100%;
}
table {
	border-collapse: collapse;
}
.clear {
	clear: both;
}
a {
	color: rgb(51,204,51);
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #e98f00;
}
.bordered {
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,1px 1px 0 #000;
}
.photothumb {
	border: 1px solid #aaaaaa;
	border-radius: 2px;
	vertical-align: top;
	box-sizing: border-box;
}
.titles {
	padding: 0px;
	line-height: 40px;
	width: 100%;
	box-sizing: border-box;
	color: #222222;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}
.clear {
	clear: both;
	display: block;
}
form {
	margin: 0;
}
input {
	;font-size: 10pt;
	outline: 0;
}
input, textarea {
	box-sizing: border-box;
}
.topmenu {
	position: relative;
	top: 0;
	left: 0;
}
.menu {
	color: #000000;
	display: inline-block;
	min-width: 140px;
}
.brief {
	;color: #dddddd;
	font-size: 8pt;
	display: block;
}
.myhr {
	height: 1px;
	background: #999999;
}
.paging {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #ffffff;
	color:#1A5648;
	vertical-align: middle;
	border-radius:50%;
	line-height:35px;
}
.pagingActive, .paging:hover {
	display: inline-block;
	width:35px;
	height:35px;
	background: #1A5648;;
	vertical-align: middle;
	color: #ffffff;
}
.listitem {
	transition: box-shadow 0.5s linear;
	box-shadow: 0 0 2px 0 rgba(80,80,80,0.2);
	width: 19%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 20px;
	vertical-align: top;
	display: inline-block;
	background: #ffffff;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	border: 1px solid #999999;
	float: right;
	padding: 10px;
	border-radius: 5px;
}
.listitem:hover {
	box-shadow: 0 0 12px 0 rgba(80,80,80,0.7);
}
@media all and (max-width:800px){
.listitem {
	width: 24%;
}
}
@media all and (max-width:600px){
.listitem {
	width: 49%;;
}
}
@media all and (max-width:450px){
.listitem {
	width: 100%;
	margin-right: 0;
}
}
.listthumb {
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.listlink {
	display: block;
	width: 100%;
	text-align: center;
	color: #000000;
}
.listlink:hover {
	color: #111111;
}
.pagerinactive {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #888888;
	cursor: pointer;
	border-radius: 10px;
	margin: 0;
	padding: 0;
}
.pageractive {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #0082c5;
	margin: 0;
	padding: 0;
}
@media all and (max-width:760px){
#mobileMenuIcon {
	display: block;
}
#topmenu {
	display: none;
}
#mobilemenu {
	display: block;
}
}

.adminPlus{
	display:inline-block;
	width:12px;
	height:12px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #aaaaaa;
	border-radius:50%;
	line-height:15px;
	font-size:8pt;
}
.adminDelete {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/delete.png') no-repeat;
	background-size:contain;
}
.adminGrayDelete {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/delete-gray.png') no-repeat;
	background-size:contain;
}
.adminArchive {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/archive.png') no-repeat;
	background-size:contain;
}
.adminAdd {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/add.png') no-repeat;
	background-size:contain;
}
.adminSub {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/sub.png') no-repeat;
	background-size:contain;
}
.adminEdit {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/edit.png') no-repeat;
	background-size:contain;
}
.adminUp {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/up.png') no-repeat;
	background-size:contain;
}
.adminVisible {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/visible.png') no-repeat;
	background-size:contain;
}
.adminHidden {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/hidden.png') no-repeat;
	background-size:contain;
}
.adminUpload {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/upload.png') no-repeat;
	background-size:contain;
}
@media print{
}
.membersLink {
	font-size: 9pt;
	min-width: 90px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
	background: #ffffff;
	border: 1px solid #aaaaaa;
	text-align: right;
	display: inline-block;
	color: #444444;
}
.membersMenu {
	margin: 5px;
	background: #ffffff;
	border-radius: 5px;
	font-size: 9pt;
	padding: 10px;
	text-align: center;
	border: 1px solid #aaaaaa;
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	box-sizing: border-box;
}
.box {
	background: #ffffff;
	padding: 10px;
	box-sizing: border-box;
}
.boxBorder {
	border: 1px solid #dddddd;
}
.semiSubmit {
	display: inline-block;
	padding: 8px;
	border-radius: 4px;
	background: #091b92;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}
.semiSubmit:hover {
	background: #102190;
}
.wow {
	line-height: 20px;
	font-weight: bold;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: red;
	border-radius: 50%;
	color: white;
	text-align: center;
}
/* Style for top menu */
ul.drop {
	font-size: 10.5pt;
}
ul.drop {
	z-index: 597;
	margin: auto;
	direction: rtl;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	box-sizing: border-box;
}
ul.drop > li a {
	text-decoration: none;
	text-align: center;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	box-sizing: border-box;
	vertical-align: top;
	line-height: 50px;
	font-weight: normal;
	box-sizing: border-box;
	font-weight:700;
}
ul.drop > li a:hover {
	color: #000000;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
ul.drop, ul.drop li, ul.drop ul {
	list-style: none;
	padding: 0;
}
ul.drop > li {
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	min-width: 110px;
	box-sizing: border-box;
	min-height: 40px;
}
ul.drop > li:last-of-type {
	border-left: 0px;
}
ul.drop > li.hover, ul.drop > li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.drop ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	right: -1px;
	z-index: 0;
	box-shadow: 0 0 10px 5px rgba(230,230,230,0.5);
}
ul.drop ul li a {
	color: #000000;
	display: block;
	line-height: 45px;
	text-align: right;
	box-sizing: border-box;
	background: #ffffff;
	border-bottom: 1px solid #f1f1f5;
}
ul.drop ul li a:hover {
	color: #000000;
	background: #dddddd;
}
ul.drop ul li {
	position: relative;
}
ul.drop ul ul {
	position: absolute;
	top: 0px;
	right: 100%;
	z-index: 1;
}
ul.drop li:hover > ul {
	visibility: visible;
	opacity: 1;
}
ul.drop li ul li a {
	min-width: 240px;
	max-width: 300px;
	text-align: right;
	white-space: nowrap;
}
.submenuArrowLeft{
	width:30px;height:40px;
	display:inline-block;
	vertical-align:middle;
	float:left;
	background:url('template/submenu.svg') no-repeat;
	background-position:center 15px;
}

.submenuArrowDown{
	width:15px;height:15px;
	display:inline-block;
	vertical-align:middle;
	background:url('template/submenudown.svg') no-repeat;
	background-size:contain;
	background-position:center center;
	margin-right:10px;
}


/* End of Style for top menu */
.paperOptions {
	float: left;
	display: inline-block;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 2px;
	background: #eeeeee;
	border: 1px solid #dddddd;
	text-align: center;
}
.progress {
	display: none;
	position: relative;
	width: 400px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
	margin: auto;
}
.bar {
	background-color: #B4F5B4;
	width: 0%;
	height: 20px;
	border-radius: 3px;
}
.percent {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 48%;
}
.red {
	color: red;
}
.fpAboutMore {
	background: #fcaf17;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 30px;
	font-size: 12pt;
	color: #000000;
}
.fpAboutMore:hover {
	color: #000000;
	background: #ffffff;
}
.fpProductBox {
	position: relative;
	padding-top: 100%;
	display: block;
	overflow: hidden;
}
.fpProductContent {
	padding: 20px;
	padding-top:10px;
	padding-bottom:10px;
	box-sizing: border-box;
	text-align: right;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom:0;
	background: rgba(0,100,255,0.8);
	color: #ffffff;
	left: 0;
}
.fpnews{
	margin-bottom:10px;
}
.shadow{
	box-shadow:0 9px 5px -5px rgba(207,207,207,1);
	height:100%;
	background:#ffffff;
}
.fpnews a{
	display:block;color:#444444;
}
.fpnews img{
	vertical-align:top;
	margin-bottom:10px;
	width:100%;
}
@media all and (max-width:768px){
.fpProductContent {
	bottom: 0;
}
}
.fpProductContent p {
	padding: 0;
	margin: 0;
}
.fpProductAnchors {
	color: #acaab7;
	font-size: 14pt;
	padding-right: 15px;
	padding-left: 15px;
}
.fpProductAnchors:hover {
	color: #0078ff;
}
.fpSolutionBox {
	position: relative;
	padding-top: 66%;
	display: block;
	overflow: hidden;
}
.fpSolutionContent {
	padding: 20px;
	box-sizing: border-box;
	text-align: right;
	width: 90%;
	left: 5%;
	position: absolute;
	z-index: 2;
	height: 105px;
	bottom: 0px;
	background: #ffffff;
	color: #000000;
}
.fpSolutionContent p {
	padding: 0;
	margin: 0;
}
.fpSolutionAnchors {
	color: #ffffff;
	font-size: 14pt;
	padding-right: 15px;
	padding-left: 15px;
}
.fpSolutionAnchors:hover {
	color: #258cff;
}
.fpSolutionMore {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url('template/a1.svg');
	background-size: 50px 50px;
	background-repeat: no-repeat;
	border-radius: 50%;
}
.fpSolutionMoreActive {
	background-image: url('template/a2.svg');
}
.fpLinkBox {
	position: relative;
	padding-top: 79%;
	display: block;
	overflow: hidden;
}
.fpLinkMore {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url('template/a1.svg');
	background-size: 50px 50px;
	background-repeat: no-repeat;
	border-radius: 50%;
}
.blueOverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0078ff;
	z-index: 2;
	display: none;
}
.rotateMore {
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	background: #eff2f5;
	box-shadow: 0 2px 2px 1px rgba(0,0,0,0.1);
	position: relative;
	top: -25px;
	z-index: 10;
	line-height: 53px;
	text-align: center;
	font-size: 17pt;
	color: #0078ff;
}
.fpBrands img {
	-webkit-transition: all 300ms;
	-webkit-filter: grayscale(1);
	vertical-align: top;
	margin: 10px;
	width:150px;
}
.fpBrands:hover img {
	-webkit-filter: grayscale(0);
}
.fpBrands{
	font-size: 10pt;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	height:100px;
	margin-left:30px;
}
.fpBrands:hover {
	color: #0078ff;
}
.underlineBlue {
	background-color: #0078ff;
	height: 2px;
	margin-top: 20px;
}
.underlineOrange {
	background: #fcaf17;
	height: 2px;
	margin-top: 20px;
}
.submitContact {
	width: 220px;
	height: 50px;
	background: #0078ff;
	text-align: center;
	border-radius: 7px;
	border: 0;
	outline: 0;
	color: #ffffff;
}
#thumbs {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: hidden;
	height: 110px;
	max-height: 110px;
}
#thumbsInner {
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	font-size: 0;
	direction: ltr;
	height: 100%;
	max-height: 100%;
	overflow-y:hidden;
}
.membersItems {
	display: block;
	line-height: 100px;
	width: calc(100% - 20px);
	margin: auto;
	border: 1px dotted #aaaaaa;
	text-align: center;
	margin-bottom: 20px;
}
.orderTable {
	width: 100%;
	box-sizing: border-box;
}
.orderTable tr {
	border-bottom: 1px solid #aaaaaa;
}
.orderTable td {
	padding: 5px;
}

.orderTable td:nth-child(even){
	width:100px;
}
.orderTable tr:hover {
	background: rgba(100,100,100,0.05);
}
.basket {
	border:1px solid #efefef;
	border-radius:5px;
	text-align:center;
	width:100px;
	height:40px;
	vertical-align:middle;
	box-sizing:border-box;
}
.reBasket {
	box-sizing: border-box;
	border: 1px solid #1A5648;
	background: #ffffff;
	border-radius:50%;
	line-height: 28px;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #1A5648;
}
.reBasket:hover {
	background: #444444;
	color: #ffffff;
}
.priceTitle {
	display: block;
	background: #bbbbbb;
	padding-right: 5px;
	padding-left: 5px;
}
.priceAmount {
	display: inline-block;
	width: 40%;
	float: right;
}
.priceRoller {
	display: inline-block;
	width: 60%;
	float: left;
	text-align: left;
}

.rowPrice{
	color:#33CC33;
	font-size:20pt;
}

.gotoBasket{
	width:100%;max-width:300px;
	text-align:center;
	background:#1A5648;
	border:0;
	border-radius:10px;
	color:#ffffff;
	height:50px;
	background-image:url('template/tempbasket.svg');
	background-repeat:no-repeat;
	background-size:22px 22px;
	background-position:calc(100% - 20px) center;
	font-size:14pt; 
}
.galleryHolder {
	display: flex;
	flex-wrap: nowrap;
	direction: rtl;
	margin: auto;
}
.galleryNext {
	flex: 0 0 100px;
	box-sizing: border-box;
	background: url('template/galleryNext.png') no-repeat center right;
	cursor: pointer;
	background-size: 40px;
}
.galleryNextMobile {
	cursor: pointer;
	display: none;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 100%;
	background-image: url('template/galleryNext.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;
	z-index: 4;
}
.galleryPrev {
	flex: 0 0 100px;
	box-sizing: border-box;
	background: url('template/galleryPrev.png') no-repeat center left;
	background-size: 40px;
	cursor: pointer;
}
.galleryPrevMobile {
	cursor: pointer;
	display: none;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100%;
	background-image: url('template/galleryPrev.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;
	z-index: 4;
}
.galleryData {
	flex: 0 0 calc((100% - 200px) * 0.44);
	box-sizing: border-box;
}
.galleryData table {
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center center;
}
.galleryData table td {
	padding: 40px;
}
.galleryImages {
	flex: 0 0 calc((100% - 200px) * 0.56);
	box-sizing: border-box;
}
.galleryDataIcon {
	width: 15%;
}
.galleryDataEtitle {
	color: #ffffff;
	font-size: 7vh;
	font-weight: bold;
}
.galleryDataTitle {
	color: #ffffff;
	font-size: 4vh;
	padding-top: 20px;
	padding-bottom: 10px;
}
.galleryDash {
	width: 35px;
	height: 4px;
	background: #ffffff;
	margin-top: 20px;
}
.galleryWrapper {
	padding: 70px;
	box-sizing: border-box;
}
.galleryImagesWrapper {
	position: relative;
	width: 100%;
	padding-top: 66.66%;
	overflow: hidden;
	background: url('template/wait.svg') no-repeat center center;
}
.galleryImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: top;
	z-index: 1;
}
.galleryBlueWrap {
	position: absolute;
	height: 100%;
	top: 0;
	right: -100%;
	width: 100%;
	background: #0078ff;
	z-index: 2;
}
.galleryDesc {
	padding-top: 20px;
	text-align: center;
	color: #888888;
}
@media all and (max-width:900px){
.galleryHolder {
	display: flex;
	flex-wrap: wrap;
	direction: rtl;
	margin: auto;
}
.galleryNext {
	display: none;
}
.galleryNextMobile {
	display: block;
}
.galleryPrev {
	display: none;
}
.galleryPrevMobile {
	display: block;
}
.galleryData {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.galleryData table {
	background-size: cover;
	width: 100%;
	height: auto;
	background-position: center center;
}
.galleryData table td {
	padding: 10px;
}
.galleryImages {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.galleryDataIcon {
	width: 40px;
	vertical-align: middle;
}
.galleryDataEtitle {
	display: none;
	color: #ffffff;
	font-size: 8vh;
	font-weight: bold;
}
.galleryDataTitle {
	color: #ffffff;
	font-size: 4vh;
	padding-top: 20px;
	padding-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
}
.galleryDash {
	display: none;
}
.galleryWrapper {
	padding: 10px;
	box-sizing: border-box;
}
.galleryImagesWrapper {
	position: relative;
	width: 100%;
	padding-top: 66.66%;
	overflow: hidden;
	background: url('template/wait.svg') no-repeat center center;
}
.galleryImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: top;
	z-index: 1;
}
.galleryBlueWrap {
	position: absolute;
	height: 100%;
	top: 0;
	right: -100%;
	width: 100%;
	background: #0078ff;
	z-index: 2;
}
.galleryDesc {
	padding-top: 20px;
	text-align: center;
	color: #888888;
}
}
#aboutTable {
	width: 100%;
	background-image: url('about/bg.jpg');
	background-size: cover;
	background-position: center center;
	color: #ffffff;
}
.aboutText {
	text-align: center;
	display: none;
}
.aboutTableArrows {
	width: 100px;
	text-align: center;
}
@media all and (max-width:768px){
#aboutTable {
	width: 100%;
	background-image: none;
	background-size: cover;
	background-position: center center;
	color: #000000;
	background-color: #137cf3;
}
.aboutText {
	display: block;
}
.aboutTableArrows {
	display: none;
	width: 1px;
	text-align: center;
}
}
.galleryPager {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 30px;
	border: 2px solid #999999;
	line-height: 30px;
	box-sizing: border-box;
	display: inline-block;
	color: #000000;
	background: #cccccc;
	zoom: 0.8;
	cursor: pointer;
}
.galleryPager:hover {
	color: #000000;
	background: #aaaaaa;
}
.galleryTear {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 0 50% 50% 50%;
	border: 2px solid #999999;
	transform: rotate(45deg);
	margin-top: 15px;
	line-height: 20px;
	position: relative;
	top: -4px;
	color: #000000;
	background: #cccccc;
	zoom: 0.8;
	cursor: pointer;
}
.galleryTear:hover {
	color: #000000;
	background: #aaaaaa;
}
.galleryTear span {
	display: inline-block;
	transform: rotate(-45deg);
	position: relative;
	bottom: -4px;
}
.alignCenter {
	text-align: center;
}


.searchIcon {
	display:inline-block;
	width: 20px;
	height: 20px;
	background-image: url('template/search.svg');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	outline: 0;
	vertical-align: middle;
	cursor:pointer;
}



.basketIcon{
	display:inline-block;
	width: 24px;
	height: 24px;
	background-image: url('template/basket.svg');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	outline: 0;
	vertical-align: middle;
	cursor:pointer;
	margin-right:33px;
	position:relative;
	top:0;
	left:0;

}

#basketCounter {
	display: none;
	position: absolute;
	top: -10px;
	right: -5px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #ff0000;
	font-size: 8pt;
	text-align: center;
	line-height: 19px;
	color: #ffffff;
}

.signInLink
{
	width:125px;
	height:48px;
	background:#33CC33;
	border-radius:6px;
	text-align:center;
	color:#ffffff;
	display:inline-block;
	margin-right:33px;
	line-height:48px;
}
.signInLink:hover{
	color:#ffffff;
}

.filterBox{
	border:1px solid #dddddd;
	display:inline-block;
	margin:2px;
}

.appInput {
	outline: 0;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	box-sizing: border-box;
	height: 30px;
	padding: 10px;
	width:100%;
}
.blueButton {
	background: #289dfd;
	border: 1px solid #289dfd;
	border-radius: 5px;
	outline: 0;
	width: 100%;
	height: 35px;
	color: #ffffff;
}
#totalWrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: hidden;
	height: 170px;
	display:inline-block;
}
#mobileWrapper {
	width: 100%;
	margin:auto;
}
#passwordWrapper {
	width: 100%;
	display:none;
	margin:auto;
}

.footer{
	background-image:url('template/footer-bg.jpg');
	background-size:cover;
	background-position:bottom center;
}

.item{
	padding:10px;margin:auto;width:100%;max-width:300px;margin-bottom:10px;
	box-sizing:border-box;
}
.item a{
	 display:block;
	 font-size:10.5pt;
	 color:#615F5C;
}
.item a:hover{
	 display:block;
	 font-size:10.5pt;
	 color:#615F5C;
}
.greenLeft{
	width:16px;height:16px;
	background-image:url('template/green-left.svg');
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:contain;
	background-position:center center;
	display:inline-block;
	margin-right:5px;
}
.item a img{
	width:300px;max-width:100%;
}

.green{
	color:#33CC33;
}

.green:hover{
	color:#33CC33;
}


.fpIntro{
	background-image:url('template/greenBg.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top center;
	color:#ffffff;
}

.fpIntro img{
	border-radius:10px;
	float:right;
	margin-left:40px;
	width:calc(50% - 40px);
}
.fpIntro a{
	color:#ffffff;
}
@media all and (max-width:768px){

	.fpIntro{
		background-image:none;
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:top center;
		color:#000000;
	}

	.fpIntro img{
		border-radius:10px;
		float:none;
		margin-left:0px;
		width:100%;
	}
	.fpIntro a{
		color:blue;
	}

}

.fpGray a{
	color:#615f5c;border-radius:10px;
}

.fpGallery{
	position:relative;
	padding-top:40%;
}

.fpGallery a img{
	width:100%;height:100%;border-radius:10px;
}

.fpGallery a:nth-of-type(1){
	display:inline-block;
	position:absolute;left:0;top:10%;
	height:63%;
	width:24%;
	z-index:1;
}

.fpGallery a:nth-of-type(2){
	display:inline-block;
	position:absolute;left:22%;bottom:0%;
	height:63%;
	width:24%;
	z-index:2;
}
.fpGallery a:nth-of-type(3){
	display:inline-block;
	position:absolute;left:34.1%;top:0%;
	height:83.3%;
	width:31.7%;
	z-index:3;
	box-shadow:0 0 5px 5px rgba(100,100,100,0.05);

}
.fpGallery a:nth-of-type(4){
	display:inline-block;
	position:absolute;right:22%;bottom:0%;
	height:63%;
	width:24%;
	z-index:2;
}
.fpGallery a:nth-of-type(5){
	display:inline-block;
	position:absolute;right:0;top:10%;
	height:63%;
	width:24%;
	z-index:1;
}

.codeSubmit{
	background:url('template/waranty-bg.jpg');
	padding:40px;color:#1A5648;font-size:18pt;
	background-attachment:fixed;
	background-size:100% auto;
	background-repeat:repeat;
}
.codeSubmitA{
	background:#ffffff;
	display:inline-block;
	width:180px;
	line-height:48px;
	text-align:center;
	color:#33cc33;
	border-radius:6px;
	padding:0;
	font-size:12pt;
	height:48px;
	min-height:0;
}
.codeSubmitA:hover{
	color:#33cc33;
}

.fpFaq{
	border-radius:10px;
	padding-top:24px;
	padding-right:50px;
	padding-left:50px;

}

.fpFaqActive{

	margin-bottom:32px;
	padding-bottom:24px;
	box-shadow: 0px 4px 20px 0px rgba(173,173,173,0.3);
}

.faqArrowDown{
	display:inline-block;
	width:21px;
	height:12px;
	background-image:url('template/faqArrowDown.svg');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.faqArrowLeft{
	display:inline-block;
	height:21px;
	width:12px;
	background-image:url('template/faqArrowLeft.svg');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	vertical-align:middle;
	margin-right:10px;
}


.faqArrowUp{
	background-image:url('template/faqArrowUp.svg');
}

.fpQuestion,fpQuestion:hover{
	display:block;
	font-size:12pt;
	cursor:pointer;
	color:#979592;
}

.fpAnswer{
	font-size:10pt;
	display:none;
}


/* Divs in content page*/
.productGallery{
	flex:0 0 calc(50% - 70px);
}
.productBody{
	flex:1 0 calc(50% - 70px);
}
.productLinks{
	flex:0 0 140px;
}

@media all and (max-width:768px){

	.productGallery{
		flex:0 0 100%;
	}
	.productBody{
		flex:1 0 100%;
	}
	.productLinks{
		flex:0 0 100%;
	}

}

.attachment{
	display:inline-block;
	width:130px;
	line-height:48px;
	border:1px solid #efefef;
	border-radius:25px;
	box-sizing:border-box;
	color:#aaaaaa;
	font-size:10pt;
	padding-right:20px;
}
.catalog{
	background:url('template/catalog.svg');
	background-size:22px 22px;
	background-position:25px center;
	background-repeat:no-repeat;
}

.dwg{
	background:url('template/dwg.svg');
	background-size:22px 22px;
	background-position:25px center;
	background-repeat:no-repeat;
}

.contentKeywords a{
display:inline-block;padding-right:14px;padding-left:14px;font-size:10pt;border:1px solid #efefef;border-radius:16px;color:#aaaaaa;margin-bottom:5px;
}
.contentKeywords a:hover{
color:#ffffff;
background:#33CC33;
}

.tab{
	cursor:pointer;
	float:right;
	line-height:60px;
	display:inline-block;
	color:#aaaaaa;
	padding-right:30px;
	padding-left:30px;
	position:relative;bottom:-1px;
	background:#ffffff;
}
.tab img{
	filter: grayscale(100%);
}
.tabActive{
	color:#1A5648;
	border:1px solid #efefef;
	border-bottom:0;
	border-radius:10px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.tabActive img{
	filter: grayscale(0%);

}
.tabContent{
	padding-top:20px;
}


/*basket Page details*/
.basketRight{
	flex:0 0 300px;
}

.basketLeft{
	flex:0 0 calc(100% - 300px);
}

.tdbg{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAABvCAYAAAA6yTpqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdENzQ1RDc3NDE1MTFFQjk5QkVGNUU1Q0FCOEM2MjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzdENzQ1RDg3NDE1MTFFQjk5QkVGNUU1Q0FCOEM2MjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0Q3NDVENTc0MTUxMUVCOTlCRUY1RTVDQUI4QzYyNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozN0Q3NDVENjc0MTUxMUVCOTlCRUY1RTVDQUI4QzYyNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi+mrsgAAAChSURBVHja7NbLDcMgDAZgUxbJCL0iGCaZgGYTMkHVXRDnjJBJICZSqjzMocdKP5Ilgz5h4xNUSqFrxBiLdP6gHxYwMDAwMDAw8P9iVf8+W6IUpZR8zvnF245j1loHY8zna/aEYc/5W7hwtNaGUxsMfaO6l3p+NnAn4aWBZwlPkqyPvGHnXOCJDIebaqWxToMOD8P3EhgYGBgYGBj4vFYBBgCWXmlH05yF9AAAAABJRU5ErkJggg==');
	background-position:center center;
	background-repeat:no-repeat;
}

.trash{
	display:inline-block;
	width:15px;height:20px;
	background:url('template/trash.svg');
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
}

.basketCol1{flex:0 0 44%;text-align:right;padding-right:10px;padding-left:10px;box-sizing:border-box;}
.basketCol2{flex:0 0 18%;;text-align:center;box-sizing:border-box;border:0px solid #ff0000}
.basketCol3{flex:0 0 10%;;text-align:center;box-sizing:border-box;border:0px solid #ff0000}
.basketCol4{flex:0 0 18%;;text-align:center;box-sizing:border-box;border:0px solid #ff0000}
.basketCol5{flex:0 0 10%;;text-align:center;box-sizing:border-box;border:0px solid #ff0000}

#basketHeaderRow {
	color:#7a7a7a;font-weight:300;font-size:12pt;
	border:1px solid #efefef;
	border-top-right-radius:5px;
	border-top-left-radius:5px;	
	line-height:40px;
}

.orderRow * {
	color:#7A7A7A;
	font-size:12pt;
}
.orderRow{
	padding-top:20px;
	padding-bottom:20px;
	border:1px solid #efefef;
	border-top:0;
	box-sizing:border-box;
	align-items: center;
}
.mobileTitle{
	display:none;
}
@media all and (max-width:768px){
	.mobileTitle{
		display:inline;
	}
	#basketHeaderRow,#basketTabs{
		display:none;
	}
	.orderRow{
		width:100%;
		padding:10px;
		border-top:1px solid #efefef;
		margin-top:5px;
		margin-bottom:5px;		
	}
	.basketCol1{flex:0 0 100%;text-align:right;}
	.basketCol2{flex:0 0 100%;text-align:right;}
	.basketCol3{flex:0 0 100%;text-align:right;}
	.basketCol4{flex:0 0 100%;text-align:right;}
	.basketCol5{flex:0 0 100%;text-align:left;}
	
	.basketRight{
		flex:0 0 100%;
	}
	
	.basketLeft{
		flex:0 0 100%;
	}

}



.darkGreen{
	background:#1A5648;
	color:#ffffff;
	text-align:center;
}

.darkGreenFont{
	color:#1A5648;
}

.lightGreen{
	color:#33CC33;
}

.bottom25{
	flex:0 0 25%;
	box-sizing:border-box;
}
.bottom50{
	flex:0 0 50%;
	box-sizing:border-box;
}
@media all and (max-width:768px){

	.bottom25{
		flex:0 0 50%;
	}
	.bottom50{
		flex:0 0 100%;
	}

}


.wait{
	height:50px;
	width:100%;
	background:url('template/wait.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px 40px;
}


.enamadWrapper{
	padding-right:40px;
	padding-left:40px;
	box-sizing:border-box;
}

@media all and (max-width:768px){
.copyRight50{
	text-align:center;margin-bottom:10px;
}
.enamadWrapper{
	text-align:center
}

}



.listTitle{
	color:#615F5C;
	font-weight:500;
}
.listSubtitle{
	color:#615F5C;
}

/*Serach Section */
#searchBox{
	background:#eeeeee;
	display:none;
}

.topSearchDiv{
	width:100%;max-width:600px;margin:auto;
}

.topSearchDiv form{
	margin:0;
}
.topSearchDiv form #keyword{
	float:right;width:calc(100% - 85px);border-radius:5px;padding:5px;border:1px gray outset;
}
.topSearchDiv form #keysubmit{
	border-radius:5px;padding:5px;float:left;width:80px;text-align:center;border:1px gray outset;
}

.mobileSearchSubmit{
	vertical-align:middle;background-color:transparent;border:0;
	display:inline-block;
	width: 20px;
	height: 20px;
	background-image: url('template/searchWhite.svg');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	outline: 0;
	vertical-align: middle;
	cursor:pointer;
}

/*inline styles */
/*The general Div after body for all pages */
.minHeight{
	min-height:400px;
}

.langSelect{
	color:#1A5648;display:inline-block;width:40px;text-align:left;font-size:14pt;position:relative;top:5px;
}
