﻿@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: #000000;
	font-size: 12pt;
	font-family: 'iranyekan',tahoma;
	line-height: 200%;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
}
input, select, textarea, option {
	font-family: 'iranyekan',tahoma;
}
#mobileHeader {
	display: none;
}
#mobileMenuBar {
	text-align: center;
	direction: rtl;
	box-sizing: border-box;
	position: fixed;
	top: 0;;
	left: 0;
	background: #222222;
	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: 280px;
	margin-right: -280px;
	background: #222222;
	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;
}
a.mobileMenuItem:hover {
	font-size: 10pt;
	background: #555555;
	color: #ffffff;
}
.mobileSubMenuItem {
	font-size: 10pt;
	color: #ffffff;
	display: block;
	width: 100%;
	line-height: 35px;
	padding-right: 30px;
}
.mobileSubMenuItem:hover {
	font-size: 10pt;
	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;
}
.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;
}
.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-right:20px;
}

.col100 {
	flex: 0 0 100%;
	box-sizing: border-box;
}

.contactCol75{
	flex: 0 0 75%;
	box-sizing: border-box;	
}
.contactCol25{
	flex: 0 0 25%;
	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){
.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){
.col125 {
	width: 50%;
}
.col6 {
	flex: 0 0 50%;
}
.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: 16pt;
	text-align: right;
	padding: 0;
	margin: 0;
}
h2 {
	font-size: 14pt;
	font-weight: Bold;
	margin:0;
	padding:0;
}
.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: #f2f1f6;
	border: 1px solid #e9e8ed;
	line-height: 50px;
	margin-top: 20px;
}
.treeDiv a {
	font-size: 9pt;
	color: #555555;
}
.billboardHolder {
	width: 100%;
	padding-top: 45%;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	z-index:1;
}

@media all and (max-width:768px){
	.billboardHolder {
		padding-top: 60%;
	}
}
.billboard {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1;
}
.billboardbullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #ffffff;
	cursor: pointer;
	margin-right: 5px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 20px;
}
.billboardText {
	display:none;
	position: absolute;
	top: 0;
	right:18%;
	z-index: 2;
	white-space: nowrap;
	width:30%;height:100%;
	pointer-events:none;
}

.hr_orange{
	line-height:30px;
}

.billboardText0{
	width:280px;
}
.billboardText1{
	font-size:14pt;color:#ffffff;line-height:40px;
}
.billboardText2{
	font-size:14pt;color:#ffffff;line-height:40px;
}
.billboardText3{
	font-size:16pt;color:#ffffff;
}


.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; 
}

.billboardtext a:hover{
	background:#fcaf17;
}

@media all and (max-width:900px){
	.billboardText {
		right:10%;
	}
	
	.hr_orange{
	line-height:20px;
	}

	.billboardText0{
		width:120px;
	}
	.billboardText1{
		font-size:10pt;color:#ffffff;line-height:30px;
	}
	.billboardText2{
		font-size:10pt;color:#ffffff;line-height:30px;
	}
	.billboardText3{
		font-size:10pt;color:#ffffff;
	}
	
	.billboardReadMore{
		display:inline-block;
		background:#ffffff;
		border-radius:20px;
		width:80px;
		line-height:30px;
		text-align:center;
		color:#000000;
		font-size:9pt;
		font-weight:bold;
		margin-top:20px;
	}
	
}


.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: #4861c2;
	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;
	width: 100%;
	box-sizing: border-box;
	color: #222222;
	font-size: 16pt;
	font-weight: bold;
	color: #000000;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}
@media all and (max-width:780px){
	.titles {
	line-height: 40px;
	}
}
.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: 25px;
	height: 25px;
	background: #eeeeee;
	border: 1px solid #666666;
	vertical-align: middle;
}
.pagingActive, .paging:hover {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #03cbff;
	border: 1px solid #666666;
	vertical-align: middle;
	color: #000000;
}


.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;
}
}
.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: 10pt;
}
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: 45px;
	font-weight: normal;
	box-sizing: border-box;
}
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: 80px;
	box-sizing: border-box;
	min-height: 45px;
	border-left:1px dotted #dddddd;
}
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.8);*/
}
ul.drop ul li a {
	color: #000000;
	display: block;
	line-height: 40px;
	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: 190px;
	max-width: 300px;
	text-align: right;
	white-space: nowrap;
}
/* 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: 77%;
	display: block;
	overflow: hidden;
}
.fpProductContent {
	padding: 20px;
	padding-top:10px;
	padding-bottom:10px;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom:0;
	background: rgba(0,100,255,0.8);
	color: #ffffff;
	left: 0;
}
@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;
}
.fpStandard img {
	-webkit-transition: all 300ms;
	-webkit-filter: grayscale(1);
	vertical-align: top;
	width: 80px;
	margin: 10px;
}
.fpStandard:hover img {
	-webkit-filter: grayscale(0);
}
.fpStandard {
	color: #7c7c7c;
	line-height: 100%;
	font-size: 10pt;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.fpStandard: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;
}
.searchField {
	height: 33px;
	width: 400px;
	background: #f1f1f5;
	border: 0;
	outline: 0;
	border-radius: 20px;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 10px;
	padding-right: 40px;
}
.searchSubmit {
	width: 33px;
	height: 33px;
	background-color: #0078ff;
	background-image: url('template/searchicon.png');
	background-size: 12px 12px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	outline: 0;
	border-radius: 20px;
	vertical-align: middle;
	position: relative;
	left: -33px;
	margin-right: -33px;
}
.signinLink {
	color: #565656;
}
.signinLink img {
	margin-left: 15px;
}
.signinLink:hover {
	color: #565656;
}


#thumbs{
	position:relative;top:0;left:0;width:100%;overflow-x:hidden;height:80px;max-height:80px;
}

#thumbsInner{
	min-width:100%;position:absolute;top:0;left:0;white-space:nowrap;font-size:0;direction:ltr;height:100%;max-height:100%;
}

.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 tr:hover{background:rgba(100,100,100,0.05)}

.basket{
	height:25px;
}

.reBasket{
	box-sizing:border-box;border:1px solid #888888;line-height:22px;vertical-align:middle;height:25px;display:inline-block;width:25px;text-align:center;cursor:pointer;background:#888888;color:#ffffff;
}
.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;
}


.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.gif') 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.gif') 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;
	}


}


.chainLink{
	margin:auto;
	line-height:100%;
}


.chainLink a{
	display:inline-block;
	margin:3px;
	color:#222222;
	font-size:8pt;
}

.chainLink a:hover img{
filter: grayscale(0%);
}
.chainLink img{
	-webkit-transition: all 300ms;
	width:110px;
	max-width:100%;
	vertical-align:top;
	filter: grayscale(100%);
}



.langSelect{
	color:#1A5648;display:inline-block;width:40px;text-align:right;font-size:14pt;position:relative;top:5px;
}

.languageSelector {
	position: relative;
	display: inline-block;
	cursor:pointer;
}

.languageSelector img{
	width:25px;
	height:25px;
	vertical-align:middle;
}

.languageSelector-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	right:0;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	text-align:right;
	direction:rtl;
}

.languageSelector-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-size:9pt;
}

.languageSelector-content a img {
	margin-left: 10px;
	width:25px;
	height:25px;
	vertical-align:middle;
}

.languageSelector-content a:hover {
	background-color: #f1f1f1;
}

.languageSelector:hover .languageSelector-content {
	display: block;
}

.languageSelector img {
	cursor: pointer;
}
