/*Persian & English Fonts Offline*/
@import url(Fonts.css);

/*Key Frames*/
@import url(KeyFrames.css);

/*Fontello Icons*/
@import url(FontelloIcones/css/fontello.css);

/*Persian Fonts Online*/
/*@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);*/ /* Droid Arabic Kufi */
/*@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);*/ /* Droid Arabic Naskh */

/*English Fonts Online*/
/*@import url(http://fonts.googleapis.com/css?family=Laila:400,500,300,600,700&subset=latin,devanagari,latin-ext);*/ /* Laila */
/*@import url(http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic&subset=latin,vietnamese,latin-ext);*/ /* Noticia Text */
/*@import url(http://fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic);*/ /* Amaranth */
/*@import url(http://fonts.googleapis.com/css?family=roboto:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,greek-ext,cyrillic-ext,latin-ext,greek,cyrillic);*/ /* roboto */

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	direction: rtl;
}

body {
	/*background-image: url(../images/BGRobot.png);
	background-size: 100px auto;
	background-repeat: no-repeat;
	background-position: 100px 70px;
	background-attachment: fixed;*/

	background-image: url(../images/BGs/p5.png);
	background-position: center center;
	background-attachment: fixed;

	/*font-family: 'Laila', 'Droid Arabic Naskh', sans-serif;*/
	/*font-family:   'DroidArabicNaskh','roboto', sans-serif;*/
	font-family:   'BHoma','roboto', sans-serif;
	direction: rtl;
	font-size: 1.3em;
	line-height: 1.7em;
	/*padding: 51px 0 0 0 !important;*/

	animation: Body 0.7s linear;
	-webkit-animation: Body 0.7s linear;
	-moz-animation: Body 0.7s linear;
	-ms-animation: Body 0.7s linear;
	-o-animation: Body 0.7s linear;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Noticia Text', 'DroidArabicKufi', serif;*/
	/*font-family: 'DroidArabickufi', 'roboto', serif;*/
	font-family: 'BYekan', 'roboto', serif;
	text-shadow: 1px 1px 1px #777;
	font-weight: 700;
	margin: 3%;
}

p {
	text-align: justify;
}
a {
	cursor: pointer;
}
a:focus {
	text-decoration: none;
	outline: 1px dotted #00F;
}
.row {
	margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.container,
.container-fluid {
	padding: 0;
}
.container {
	/*min-width: 370px;*/
}
span.PersianNumber {
	font-family: 'BHoma';
	font-size: inherit;
}
/*---------------------------------------------NavBar--------------------------------------------*/
.navbar {
  margin: 0 auto;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #777;
  border-radius: 0;
  background-color: #555;
}

.navbar-nav > li {
	font-family: 'DroidArabicKufi', 'roboto', serif;
	font-size: 1em;
}

.navbar-nav > li > ul li {
	font-family: 'DroidArabicKufi', 'roboto', serif;
	font-size: 1.1em;
}

.dropdown-menu {
/*	right: 0;
	left: auto;*/
	text-align: right;
	background-color: #CCC;
	min-width: 300px;
}
#SiteLogo {
	padding: 10px;
	margin: 0;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	/*max-height: unset;*/
}

.navbar-default .navbar-toggle {
   border-color: #777;
   background-color: #CCC;
}
.navbar-right,
.navbar-left {
	padding: 0;
	margin: 0;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  /*max-height: auto;*/
}
.MainNav {
	/*background-color: #555;*/
}
.MainNav > ul.navbar-left > li a span {
	font-size: 1.3em;
}
/*.MainNav > ul.navbar-left > li:hover a span {
	color: #FFF;
}*/
.MainNav > ul.navbar-left > li#Login div#LoginForm {
	color: #CCC;
	font-weight: 700;
}
.MainNav > ul.navbar-left > li#Login div#LoginForm form {
	padding: 15px 3px;
}
.MainNav > ul.navbar-left > li#Login div#LoginForm .row {
	padding: 7px;
}
.MainNav > ul.navbar-left > li#Login div#LoginForm input {
	text-align: center;
	border-radius: 3px;
	border: none;
	padding: 0 7px;
	box-shadow: 0 0 3px #333;
	width: 100%;
	font-weight: 300;
	color: #333;
}
.MainNav > ul.navbar-left > li#Login div#LoginForm input:focus {
	border-radius: 3px;
	box-shadow: 0 0 3px #0F0;
}
.MainNav > ul.navbar-left > li#Login div#LoginForm #LoginSubmit div {
	text-align: center;
}
.MainNav > ul.navbar-left > li#Login div#LoginForm #LoginSubmit div button {
	width: 70%;
	height: 100%;
	font-size: 1em;
	letter-spacing: 1px;
	padding: 7px 0;
	margin: 7px;
	border-radius: 3px;
}
/*.MainNav > ul > li {
	opacity: 1;

	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
}*/
.navbar-default .navbar-nav > li > a {
	color: #CCC;
	font-weight: 700;
	padding: 15px 7px;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav .open > a {
	color: #FFF !important;
}
.navbar-default .navbar-nav .open > a {
	color: #AAA;
	background-color: #777 !important;
}
.navbar-default .navbar-nav .open > a > span {
	opacity: 1;
}
.navbar-default .navbar-nav > li > a:focus  {
	text-decoration: underline;
	outline: 1px dotted #00F;
	text-decoration: none;
	color: #FFF;
	background-color: #777;
}
/*.MainNav > ul > li > a > span {
	opacity: 0;
	position: absolute;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}*/
.MainNav > ul > li:hover > a span {
	opacity: 1;
}
/*.MainNav > ul > li > a > span.ArrowIcons {
	font-size: 1.3em;
	top: 33%;
	left: -7px;
	opacity: 1;
	position: absolute;

	transition: all 0.1s linear 0s both;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
}*/
/*.MainNav > ul > li:hover > a span.ArrowIcons {
	color: #008aff;

	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}*/
.MainNav > ul > li ul {
	border-top: 3px solid #008aff;
	background-color: rgba(68, 68, 68, 1);
	padding-right: 0;
}

.MainNav > ul > li ul li a {
	color: #FFF;
	opacity: 0.7;
	padding: 7px 13px;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}
.MainNav > ul > li ul li a:hover,
.MainNav > ul > li ul li a:focus {
	opacity: 1;
	color: #FFF;
	background-color: #777;
}
.MainNav > ul > li ul li a span {
	position: absolute;
	left: 15px;
	opacity: 0;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}
.MainNav > ul > li ul li a:hover span,
.MainNav > ul > li ul li a:focus span {
	opacity: 1;
}
/*.MainNav > ul > li:hover ul {
	display: block;
}*/
.MainNav > ul > li.MegaMenu {
	position: static;
}
.MainNav > ul > li.MegaMenu ul {
	list-style: none;
	background-color: rgba(68, 68, 68, 0.97);
}
.MainNav > ul > li.MegaMenu .Cols ul {
	border-top: none;
	background-color: transparent;
}
.MainNav > ul > li.MegaMenu > ul {
	width: 70%;
	min-width: 300px;
	min-height: 400px;
	padding: 30px 0 0;
	margin: 0 15%;
}
.MainNav > ul > li.MegaMenu ul li .row {
	margin: 0 30px;
}
.MainNav > ul > li.MegaMenu ul li a {
  display: block;
  text-decoration: none;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu > a {
	padding-left: 13px;
	padding-right: 13px;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu > ul {
	position: absolute;
	display: none;
	top: 0;
	right: 100%;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background-color: transparent;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu:hover {
	background-color: rgba(68, 68, 68, 0.8);
	border-radius: 0 3px 3px 0;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu:hover > ul {
	display: block;
	background-color: rgba(68, 68, 68, 0.8);
	border-radius: 3px;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu.FirstMegaSubmenu:hover > ul {
	border-radius: 3px 0 3px 3px;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu ul li {
	color: #FFF;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu a span {
	font-size: 1em;
	position: absolute;
	left: 13px;
	opacity: 1;

	transition: all 0.1s ease-in 0s;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s; 
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu:hover > a {
	border-bottom-color: #008aff;
	border-right-color: #008aff;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu:hover > a span {
	color: #008aff;
	left: 7px;

	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu ul li a img {
	position: absolute;
	width: 70%;
	z-index: 300;
	display: none;
	top: 0;
	right: 100%;
	padding: 0 7%;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu ul li a:hover {
	text-decoration: underline;
	opacity: 1;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu ul li a span {
	opacity: 0;
	font-size: 1.3em;

	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu ul li:hover a span {
	opacity: 1;
}
.MainNav > ul > li.MegaMenu ul li .Cols .MegaSubmenu ul li:hover a img {
	display: block;
	opacity: 1;
}
.MainNav .MegaMenu #MegaSubmenuHotSpace {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: 0;
	opacity: 0.3;

	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
.MainNav .MegaMenu #MegaSubmenuHotSpace:hover {
	opacity: 1;
}
.MainNav .MegaMenu .MegaSubmenuHotLinks {
	text-align: center;
	margin: 0 auto;
	left: 0;
	padding: 10px;
}
.MainNav .MegaMenu .MegaSubmenuHotLinks a {
	background-color: #000;
	font-size: 2em;
	color: #CCC;
	display: inline-block;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 700;
	display: inline-block;
	width: 70%;
	border-radius: 3px;
	opacity: 1;
}
.MainNav .MegaMenu .MegaSubmenuHotLinks a:hover {
	text-shadow: 0 0 3px #FFF;
}
/*-------------------------------------Site Body-------------------------------------*/
#SiteContent {
	min-height: 100%;
	width: 100%;
}
/*-------------------------------------Welcome Home-------------------------------------*/
#SectionOne {
	width: 100%;
	min-height: 100%;
	position: relative;
}

#HomePageTitle {
	text-align: center;
}

#HomePageTitle {
	overflow: hidden;
	height: auto;
}

#HomePageTitle h1 {
	display: inline-block;
}

#HomePageTitle span {
	border: 2px solid;
	border-radius: 50%;
	padding: 3px;
	margin: 0 7px;
}

#HomePageTitle img {
	width: 200px;
	opacity: 0.7;

	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
}

#HomePageTitle img:hover {
	opacity: 1;
}

#HomePageTitleLinks {
	animation: HomePageTitle 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-webkit-animation: HomePageTitle 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-moz-animation: HomePageTitle 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-ms-animation: HomePageTitle 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-o-animation: HomePageTitle 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
}

#HomePageTitleLinks div a {
	display: inline-block;

	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
}

#HomePageTitleLinks div a h3 span {
	font-size: 1.5em;
}

#HomePageSlider .carousel-indicators li {
	background-color: transparent;
	width: 10px;
	height: 10px;
	border: 3px solid #337ab7;


	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
}

#HomePageSlider .carousel-indicators li:hover {
	border-color: #00CCFF;
}

#HomePageSlider .carousel-indicators .active {
	border: 3px solid #337ab7;
	width: 12px;
	height: 12px;
}

#HomePageSlider img {
	width: 100%;
}

#HomePageSliderLeftArrowIcon,
#HomePageSliderRightArrowIcon {
	color: #FFF;
	opacity: 0.3;
	font-size: 3em;
  height: 1em;
  width: 1em;
  margin-top: -30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;

	transition: all 0.3s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

#HomePageSliderLeftArrowIcon {
	left: 7%;
}

#HomePageSliderRightArrowIcon {
	right: 7%;
}

.carousel-control.left:hover #HomePageSliderLeftArrowIcon {
	left: 50%;
	opacity: 1;
	color: #337ab7;
}

.carousel-control.right:hover #HomePageSliderRightArrowIcon {
	right: 50%;
	opacity: 1;
	color: #337ab7;
}

.carousel-control {
	overflow: hidden;                  
}
.carousel-control.left {
	overflow: hidden;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);	                  
}
.carousel-control.right {
	overflow: hidden;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.carousel-indicators {
	direction: ltr;
	margin-bottom: -43px
}

#HomePageSlider .carousel-caption {
	padding: 0;
	bottom: -1px;
	text-align: inherit;
}

#HomePageSlider .SlidersTexts {
	font-family: 'BNazanin', 'roboto', sans-serif;
	font-size: 2.3em;
	display: inline-block;
	position: absolute;
	opacity: 1;
	font-weight: 700;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	margin: 0;
	padding: 10px 10px 30px;
	border-radius: 7px 7px 0 0 ;
	text-align: center;
	cursor: default;

	transition: all 0.3s linear 0s, box-shadow 0.1s linear 0s;
	-webkit-transition: all 0.3s linear 0s, box-shadow 0.1s linear 0s;
	-moxz-transition: all 0.3s linear 0s, box-shadow 0.1s linear 0s;
	-ms-transition: all 0.3s linear 0s, box-shadow 0.1s linear 0s;
	-o-transition: all 0.3s linear 0s, box-shadow 0.1s linear 0s;

	animation: SlidersText 1s cubic-bezier(0.7,-0.7,0,1.7) 1s both;
	-webkit-animation: SlidersText 1s cubic-bezier(0.7,-0.7,0,1.7) 1s both;
	-moz-animation: SlidersText 1s cubic-bezier(0.7,-0.7,0,1.7) 1s both;
	-ms-animation: SlidersText 1s cubic-bezier(0.7,-0.7,0,1.7) 1s both;
	-o-animation: SlidersText 1s cubic-bezier(0.7,-0.7,0,1.7) 1s both;
}
#HomePageSlider:hover .SlidersTexts {
	box-shadow: 0 0 3px #CCC, 0 0 13px #008aff inset;
}
/*#HomePageSlider #Slider1Text {
	color: #FFF;

	animation: Slider1Text 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-webkit-animation: Slider1Text 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-moz-animation: Slider1Text 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-ms-animation: Slider1Text 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
	-o-animation: Slider1Text 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.5s both;
}

#HomePageSlider #Slider2Text {
	color: #333;
	text-align: left;

	animation: Slider2Text 1s linear 0.5s both;
	-webkit-animation: Slider2Text 1s linear 0.5s both;
	-moz-animation: Slider2Text 1s linear 0.5s both;
	-ms-animation: Slider2Text 1s linear 0.5s both;
	-o-animation: Slider2Text 1s linear 0.5s both;
}*/

#HomePageLinks {
	height: 35%;
	text-align: center;
	/*position: absolute;*/
	width: 100%;
}

#HomePageLinks .HomePageLinksDIV {
	display: inline-block;
	padding: 3%;

	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}

#HomePageLinks a {

	transition: all 0.1s ease-out 0s;
	-webkit-transition: all 0.1s ease-out 0s;
	-moz-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
	-o-transition: all 0.1s ease-out 0s;
}

#HomePageLinks a:hover {
	text-decoration: none;
}

#HomePageLinks .HomePageLinksFontello {
	font-size: 8em;
	display: inline-block;

  transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}

#HomePageLinks .HomePageLinksA:hover .HomePageLinksFontello {
	font-size: 10em;
	/*transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);*/
}

#HomePageLinksDIV:focus {
	outline: thin dotted;
}

#HomePageLinks .HomePageLinksA:focus {
	outline: none;
	text-decoration: none;
}

#HomePageLinks .HomePageLinksA:focus .HomePageLinksFontello {
	font-size: 10em;
}


#HomePageLinks h3 {
	text-shadow: none;
	font-weight: 700;
}

#HomeHotProducts {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
	border-top: 1px solid #777; 
}
#HomeHotProducts .panel-group {
	margin: 0;
}
#HomeHotProducts .panel,
#HomeHotProducts .panel-heading {
	background-color: transparent;
}
#HomeHotProducts .panel-title a {
	padding: 70px 0;
	display: block;
	font-size: 3em;
	text-decoration: none;

	transition: all 0.3s linear 0s;
}
#HomeHotProducts .panel-title a[aria-expanded="true"] {
	padding: 0;
	font-size: 1.7em;
}
#HomeHotProducts .panel-title a img {
	width: 200px;

	transition: all 0.3s linear 0s;
}
#HomeHotProducts .panel-title a[aria-expanded="true"] img {
	width: 150px;
}
#HomeHotProducts .panel-body {
	border: none;
}
#HomeHotProducts .panel-body .HomeHotProductsBoxes img {
	width: 97%;
}
#HomeHotProducts .HomeHotProductsBoxesDetails {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	color: #FFF;
	height: 100%;
	opacity: 0;
	border-radius: 7px;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;

	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
}
#HomeHotProducts .HomeHotProductsBoxesDetails h2 {
	font-family: 'roboto', 'DroidArabicNaskh', sans-serif;
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	font-size: 3.3em;
	margin: 0;
}

#HomeHotProducts .HomeHotProductsBoxesDetails h3 {
	font-family: 'roboto', 'DroidArabicNaskh', sans-serif;
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	font-size: 2em;
	margin: 0;
	font-weight: 100;
}

#HomeHotProducts .HomeHotProductsBoxesDetails a {
	position: absolute;
	top: 70%;
	left: 0;
	width: 100%;
	display: block;
	text-decoration: none;
	opacity: 0;
}

#HomeHotProducts .HomeHotProductsBoxesDetails a span {
	padding: 7px 20px 10px;
	border: 2px solid #CCC;
	border-radius: 3px;
	color: #333;
	font-size: 1em;
	background-color: transparent;
	background-image: url(../images/ButtonBGLeft.png), url(../images/ButtonBGRight.png);
	background-position: 0 100%, 100% 100%;
  	background-repeat: no-repeat, no-repeat;
  	background-size: 100% 100%, 100% 100%;
  	background-position: -40px top, 40px bottom;

	transition: all 0.1s ease-in 0s;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
}

#HomeHotProducts .HomeHotProductsBoxesDetails a span:hover {
	color: #CCC;
	background-position: -130px top, 130px bottom;
}

#HomeHotProducts .HomeHotProductsBoxes:hover  .HomeHotProductsBoxesDetails {
	opacity: 1;

	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-mox-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
}

#HomeHotProducts .HomeHotProductsBoxes:hover .HomeHotProductsBoxesDetails a  {
	opacity: 1;

	transition: all 0.3s ease-in 0.3s;
	-webkit-transition: all 0.3s ease-in 0.3s;
	-moz-transition: all 0.3s ease-in 0.3s;
	-ms-transition: all 0.3s ease-in 0.3s;
	-o-transition: all 0.3s ease-in 0.3s;
}
/*-------------------------------------Footer-------------------------------------*/
#SiteFooterTop {
	font-family: 'DroidArabicNaskh', 'roboto', serif;
	border-top: 7px solid #008aff;
	background-color: #333;
	color: #CCC;

	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}

#SiteFooterTop:hover {
	border-top-color: #005dab;
}

#SiteFooterTop .SiteFooterContentBoxes {
	/*margin: 30px auto 0;*/
	padding: 30px 30px 0;
	/*min-height: 333px;*/
	text-align: center;
}
#SiteFooterTop .SiteFooterContentBoxes li {
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0;
}

#SiteFooterTop .SiteFooterContentBoxes ul li a {
	color: #CCC;
	font-size: 1.1em;
	text-decoration: none;
}

#SiteFooterTop .SiteFooterContentBoxes > ul {
	padding: 0;
	list-style: none;
	position: relative;
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu ul {
	padding-right: 0;
	list-style: none;
	width: 100%;
	color: #FFF;
	border-radius: 3px;
	top: 100%;
	opacity: 0;
	display: none;
	height: 0;
	overflow: hidden;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-mox-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

	transition: all 0.1s ease-in 0s;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s; 
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu ul li a {
	padding-right: 20px;
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu {
	border-bottom: 1px solid #008aff;
	padding-bottom: 7px;
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu ul li:hover {
	background-color: #444;
	border-radius: 3px;
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu:hover ul {
	height: 100%;
	opacity: 1;
	display: block;
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu > span {
	left: 0;
	position: absolute;

	transition: all 0.1s ease-in 0s;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s; 
}

#SiteFooterTop .SiteFooterContentBoxes > ul > li.HasSubMenu:hover > span {
	color: #008aff;

	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.SiteFooterContentBoxes > div > a,
#SiteFooterContact > span {
	color: #CCC;
	font-size: 1em;
	text-decoration: none;
	font-weight: 300;
	margin-bottom: 7px;
	background-image: url(../images/SiteFooterATagsBG.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 0% 100%;
	padding: 0 30px 3px;
	display: inline-block;
	/*margin-right: 15px;*/
	padding-bottom: 3px;

	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s; 
}

.SiteFooterContentBoxes > div > a:hover {
	color: #FFF;
	background-size: 100% 100%;
}

#SiteFooterContact > span {
	background-size: 100% 100%;
	display: block;
	margin-right: 0;
}
 
#SiteFooterContact {
	text-align: center;
}
#SiteFooterTop #Agency {
	max-width: 200px;
	margin: 0 auto;
}
#SiteFooterTop #Agency img {
	width: 70%;
}
#SiteFooterContact .Socials {
	font-size: 2.3em;
}

#SiteFooterContact .Socials a {
	width: 50px;
	height: 50px;
	line-height: 53px;
	display: inline-block;
	border-radius: 50%;
	background-color: transparent;
	background-image: url(../images/CircleBG.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0 0;


	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
}
#SiteFooterContact .Socials a:hover {
	/*background-color: #8e9093;*/
	/*background-color: #CCC;*/
	background-size: 100% 100%;
}
#SiteFooterContact .Socials a span {
	width: 100%;
	height: 100%;
	display: inline-block;
}
#ContactWays {
	max-width: 200px;
	margin: 0 auto;
	height: 137px;
	position: relative;
	overflow: hidden;
}

#ContactWays img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;

/*	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;*/

	animation: ContactWays 7s linear infinite;
	-webkit-animation: ContactWays 7s linear infinite;
	-moz-animation: ContactWays 7s linear infinite;
	-ms-animation: ContactWays 7s linear infinite;
	-o-animation: ContactWays 7s linear infinite;
}

#ContactWays:hover img {
	top: -100%;

/*	transition: all 0.3s linear 0s;	
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;*/

	animation: unset;
	-webkit-animation: unset;
	-moz-animation: unset;
	-ms-animation: unset;
	-o-animation: unset;
}

#QRs {
	position: relative;
}

#SiteFooterContact .QRCodes {
	margin-top: 30px;
	position: static;
	width: 30%;
	margin: 10% 10% 0;
}

#SiteFooterContact .QRCodes img {
	width: 100%;
}

#SiteFooterContact .QRCodes .BigQRCodes {
	position: absolute;
	width: 150%;
	top: auto;
	bottom: 0;
	left: 120%;
	background-color: #000;
	z-index: 100;
	/*max-height: 700px;*/
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	border-radius: 3px;
	padding: 100px;
	padding-bottom: 58px;
}

#SiteFooterContact .QRCodes .BigQRCodes img {
	width: 100%;
	vertical-align: top;
}

#SiteFooterContact .QRCodes .BigQRCodes h2 {
	display: inline-block;
}

#SiteFooterContact .QRCodes:hover .BigQRCodes {
	visibility: visible;
	opacity: 1;

	transition: all 0.3s ease-in 0.5s;
	-webkit-transition: all 0.3s ease-in 0.5s;
	-moz-transition: all 0.3s ease-in 0.5s;
	-ms-transition: all 0.3s ease-in 0.5s;
	-o-transition: all 0.3s ease-in 0.5s; 
}

#EndFooter {
	border-top: 1px solid #008aff;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
	background-color: #444;
	font-size: 1em;
	color: #FFF;
}
/*---------------------------------------------Abou tUs--------------------------------------------*/
#AboutUs {
	background-image: url(../images/AboutUs/Matrix-Photo-Final11.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
	background-color: #ECECEC;
	width: 100%;
}
#AboutUsBody {
	position: relative;
	cursor: default;
	margin: 0 auto 30px;
	width: 90%;
}
#AboutUsBodyContents {
	padding-bottom: 30px;
}
#AboutUsBodyContents p {
	margin-bottom: 30px;
	line-height: 2.3em;
}
#AboutUsBodyContents p b {
	display: block;
	text-align: left;
}
#AboutUsBody .panel-heading h2 a {
	font-size: 1.3em;
	color: #008aff;
	display: block;
	padding: 7px;
}
#AboutUsBody .panel-heading h2 a span {
	position: absolute;

	transition: all 0.3s linear 0s;
}
#AboutUsBody .panel-heading h2 a[aria-expanded="true"] span {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
#AboutUsBody .SmallImages {
	text-align: center;
}
#AboutUsBody .SmallImages img {
	width: 70% !important;
}
#AboutUsBody .AboutUsBodyImagesBoxes {
	overflow: hidden;
}
#AboutUsBody .AboutUsBodyImagesBoxes img {
	width: 100%;
	padding: 3px;

	transition: all 3s linear 0s;
	-webkit-transition: all 3s linear 0s;
	-moz-transition: all 3s linear 0s;
	-ms-transition: all 3s linear 0s;
	-o-transition: all 3s linear 0s;
}
#AboutUsBody .AboutUsBodyImagesBoxes img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
#AboutUsBody .AboutUsBodyImagesBoxes.VerticalSmall,
#AboutUsBody .AboutUsBodyImagesBoxes.VerticalBig {
	text-align: center;
}
#AboutUsBody .AboutUsBodyImagesBoxes.VerticalSmall img {
	width: 83%;
}
#AboutUsBody .AboutUsBodyImagesBoxes.VerticalBig img {
	width: 95%;
}
#AboutUsBody .AboutUsBodyImagesBoxes p {
	margin: 15px;
}

/*---------------------------------------Sales Branches---------------------------------------*/
#SalesBranchesBody {
	font-family: "BHoma", 'roboto', serif;
	cursor: default;
	margin-bottom: 30px;
}
#SalesBranchesBody p {
	font-family: "DroidArabicNaskh", 'roboto', serif;
}
#SalesBranchesBody h2 {
	background-color: #777;
	font-size: 2em;
	color: #FFF;
	padding: 13px;
	border-radius: 3px;
	box-shadow: 0 0 3px #000, 0 0 30px #000 inset;
	text-align: center;
	clear: both;
	font-family: 'DroidArabicKufi', 'roboto', serif;
}
#SalesBranchesBody .panel-group {
	margin: 15px;
}
#SalesBranchesBody h3 a {
	margin: 0;
	padding: 10px;
	font-family: 'BYekan', 'roboto', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
}
#SalesBranchesBody .panel-body p {
	font-family: 'BHoma', 'roboto', sans-serif;
}
#SalesBranchesBody .Images {
	text-align: center;
}
#SalesBranchesBody .Images div {
	padding: 7px;
}
#SalesBranchesBody .Images img {
	width: 100%;
	border: 3px double #BBB;
	background-color: #DDD;
	padding: 3px;
	border-radius: 3px;

	transition: all 1s linear 0s;
	-webkit-transition: all 1s linear 0s;
	-moz-transition: all 1s linear 0s;
	-ms-transition: all 1s linear 0s;
	-o-transition: all 1s linear 0s;
}
#SalesBranchesBody .Images img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
#SalesBranchesBody .Images.OneImage {
	text-align: center;
}
#SalesBranchesBody .Images.OneImage img {
	width: 95%;
}
#SalesBranchesBodyDescription {
	font-size: 1.3em;
	line-height: 1.7em;
	width: 70%;
	margin: 70px auto;
	text-align: justify;
}
/*---------------------------------------------Contact Us--------------------------------------------*/
#ContactUsContents {
	/*min-width: 300px !important;*/
}
#ContactUs .Cells {
	padding: 30px
}
#ContactUs .ContactUsBoxes {
	border: 2px solid #333;
	width: 100%;
	padding: 30px;
	position: relative;
	min-height: 250px;
	cursor: default;
}
#ContactUs .ContactUsBoxes .Header {
	background-color: #3399ff;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 3px #00F;
	margin-bottom: 10px;
	text-shadow: 0 0 13px #000;
}
#ContactUs .ContactUsBoxes .Header span {
	width: 50px;
	height: 50px;
	line-height: 51px;
	margin: 0 auto;
	font-size: 37px;
}
#ContactUs .ContactUsBoxes h2 {
	font-size: 1.7em;
	padding: 7px;
	text-shadow: 0 0 13px #000;
}
#ContactUs .ContactUsBoxes .row .col-sm-6 {
	padding: 3px 0;
}
#ContactUs .ContactUsBoxes h3 {
	font-size: 1.3em;
	margin: 0;
	line-height: 1.3em;
	padding-top: 4px;
	text-shadow: none;
}
#ContactUs .ContactUsBoxes span {
	font-size: 1.7em;
	display: block;
	font-weight: 700;
	height: 30px;
	text-align: center;
	font-family: 'Bhoma', 'roboto', sans-serif;
}
/*---------------------------------------------Agency Request--------------------------------------------*/
#AgencyRequestContent {
	width: 90%;
	margin: 0 auto 30px;
}
#AgencyRequestContent a {
	text-align: left;
	display: inline-block;
	background-color: #DDD;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 3px #333;
}
#AgencyRequestContent a h2 {
	font-size: 1.3em;
	display: inline-block;
	text-decoration: underline;
	margin: 15px 30px;
}
#AgencyRequestContent a img {
	width: 30%;
	min-width: 200px;
	vertical-align: sub;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: 0 0 3px #337ab7;
	opacity: 0.7;
	margin-top: 20px;
}
#AgencyRequestContent a:hover img {
	opacity: 1;
}
/*---------------------------------------------Guarantee--------------------------------------------*/
#GuaranteeContent {
	padding: 0 30px;
	width: 90%;
	margin: 0 auto;
}
#GuaranteeContent > p {
	line-height: 2.3em;
}
#GuaranteeContentImages {
	margin-top: 30px;
	margin-bottom: 30px;
}
#GuaranteeContentImages .GuaranteeContentImagesBoxes {
	text-align: center;
}
#GuaranteeContentImages .GuaranteeContentImagesBoxes img {
	width: 70%;
	border-radius: 3px;
	box-shadow: 0 0 3px #337ab7;

	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
#GuaranteeContentImages .GuaranteeContentImagesBoxes img:hover {
	width: 80%;
}
#GuaranteeContentImages .GuaranteeContentImagesBoxes h2 {
	font-size: 1.5em;
	padding: 30px 17px;
	line-height: 1.7em;
	margin: 0;
}
#GuaranteeContent .Header {
	color: #337ab7;
}
#GuaranteeContent #GuaranteeContentList {
	list-style: inside none persian;
}
#GuaranteeContent #GuaranteeContentList li {
	padding: 7px 7px 10px;
	border-radius: 3px;
	text-align: justify;
}
#GuaranteeContent #GuaranteeContentList li:hover {
	background-color: #DDD;
	cursor: default;
}
/*---------------------------------------------Follow Up--------------------------------------------*/
#FollowUpContent {
	padding: 0 30px;
	width: 90%;
	margin: 0 auto;
}
#FollowUpContentImages {
	margin-top: 70px;
}
#FollowUpContentImages .FollowUpContentImagesBoxes {
	text-align: center;
}
#FollowUpContentImages .FollowUpContentImagesBoxes img {
	width: 70%;
	border-radius: 3px;
	box-shadow: 0 0 3px #337ab7;

	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
#FollowUpContentImages .FollowUpContentImagesBoxes img:hover {
	width: 80%;
}
#FollowUpContentImages .FollowUpContentImagesBoxes h2 {
	font-size: 1.5em;
	padding: 30px 17px;
	line-height: 1.7em;
	margin: 0;

	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
#FollowUpContentImages .FollowUpContentImagesBoxes a:hover img {
	width: 80%;
}
#FollowUpContentImages .FollowUpContentImagesBoxes a:hover h2 {
	font-size: 2em;
}
#FollowUpContentImages .FollowUpContentImagesBoxes h2 span.Number {
	display: block;
} 
#FollowUpContentImages .FollowUpContentImagesBoxes h3 {
	font-family: 'DroidArabicKufi', 'roboto', serif;
	font-size: 1em;
	text-shadow: none;
	margin-top: -20px;
	line-height: 1.3em;
	line-height: 1.7em;
}
#FollowUpContentImages .FollowUpContentImagesBoxes h3 b {
	font-size: 1.7em;
}
#FollowUpContent .GetInfo {
	margin-top: 70px;
	color: #337ab7;
	line-height: 1.7em;
	font-family: 'DroidArabicNaskh', 'roboto', serif;
	font-weight: 300;
}
#FollowUpContent .GetInfo .Icon {
	font-size: 1.5em;
	margin: 0 13px;
}
#FollowUpContent .GetInfo .Important {
	/*font-weight: 700;*/
	color: #F00;
}
/*---------------------------------------------Awards--------------------------------------------*/
#AwardsContent {
	width: 90%;
	margin: 30px auto;
}
#AwardsContent ul {
	padding: 0;
}
#AwardsContent ul.nav li a {
	border: 1px solid #777;
	border-bottom: none;
	margin-right: 7px;	
}
#AwardsContent ul.nav li.active a {
	background-color: #CCC;
	color: #FFF;
}
#AwardsContentTabsContent {
	background-color: #CCC;
	padding: 17px;
	border: 1px solid #777;
	/*border-radius: 3px;*/
	text-align: center;
}
#AwardsContentTabsContent .Cell a {
	text-align: center;
	border-radius: 3px;
	border: 1px solid #EEE;
	display: inline-block;
	width: 90%;
	margin: 10px auto;
	padding: 15px;
	box-shadow: 0 0 3px #FFF;
	cursor: default;

	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
#AwardsContentTabsContent .Cell a:hover {
	border-color: #008aff;
	box-shadow: 0 0 3px #005dab;
	text-decoration: none;
}
#AwardsContentTabsContent .Cell a h5,
#AwardsContentTabsContent .Cell a h6 {
		text-shadow: none;
}
#AwardsContentTabsContent .Images {
	width: 100%;
}
/*---------------------------------------------FAQ--------------------------------------------*/
#FAQContent {
	width: 90%;
	margin: 0 auto;
	cursor: default;
}
#FAQContent .FAQContentBoxes h2 {
	border-bottom: 3px double #CCC;
	padding-bottom: 7px;
	color: #005dab;
	font-size: 1.7em;
}
#FAQContent .FAQContentBoxes > ol {
	padding-right: 0;
	margin: 0 30px 30px;
	font-size: 1.7em;
}
#FAQContent .FAQContentBoxes > ol > li {
	list-style-type: persian;
	background-color: #DDD;
	border-radius: 3px;
}
#FAQContent .FAQContentBoxes .Questions {
	text-shadow: none;
	font-family: 'BHoma', 'roboto', serif;
	line-height: 1.7em;
	padding: 7px;
	margin: 0;

	border: 3px double #CCC;
	border-radius: 5px 5px 0 0;
}
#FAQContent .FAQContentBoxes .Answers {
	font-size: 0.7em;
	font-family: 'DroidArabicNaskh', 'roboto', serif;
	line-height: 1.7em;
	padding: 7px;
	margin-bottom: 15px;
	border: 3px double #CCC;
	border-top: none;
	border-radius: 0 0 5px 5px;
	background-color: #EEE;
}
#FAQContent .FAQContentBoxes .Answers span {
	color: #005dab;
	font-weight: 700;
}
/*---------------------------------------------Suppliers--------------------------------------------*/
#Suppliers h1 {
	margin: 7px 0;
	font-size: 1.7em;
}
#SuppliersContent {
	width: 100%;
	margin: 0 auto 30px;
	/*padding: 30px;
	border: 3px double #333;
	border-radius: 7px;
	background-image: url(../images/Suppliers/AllBrandsLogoBG.png);
	background-position: right top;
	background-attachment: fixed;*/
}
#SuppliersContent .SuppliersContentHedearImages {
	width: 100px;
/*	border: 1px solid #CCC;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 3px #000;*/
}
#SuppliersContent ul {
	padding: 0;
	margin: 0;
}
#SuppliersContent ul li a {
	padding: 7px 15px;
	margin: 0;
	background-color: transparent;
	border: none;
}
#SuppliersContent ul li a:hover,
#SuppliersContent ul li a:focus {
	background-color: transparent;
	outline: none;
	border: none;
}
#SuppliersContent ul li.active a {
	/*background-color: #CCC;*/
	outline: none;
}
#SuppliersContent ul li.active a img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
#SuppliersContent ul li.active a img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
#SuppliersContent ul li a img {
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
}
#SuppliersContent ul li a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
#SuppliersContent #SuppliersContentBrands {
	background-color: #FFF;
	margin: 0 2px;
	padding-bottom: 15px;
}
#SuppliersContent #SuppliersContentBrands #MSI {
	background-image: url(../images/Suppliers/MSI/MarkUp.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100px;
}
#SuppliersContent #SuppliersContentBrands #Intel {
	background-image: url(../images/Suppliers/Intel/MarkUp.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100px;
}
#SuppliersContent #SuppliersContentBrands #AMD {
	background-image: url(../images/Suppliers/AMD/MarkUp.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100px;
}
#SuppliersContent #SuppliersContentBrands #Edifier {
	background-image: url(../images/Suppliers/Edifier/MarkUp.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100px;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsContents .SuppliersContentBrandsContent {
	padding: 0 70px;
	position: relative;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsContents .SuppliersContentBrandsContent .MarkUp {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;

	transform: rotate(-45deg);
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsContents .SuppliersContentBrandsContent h1 {
	font-family: 'DroidArabicKufi', 'ubuntu', serif;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsContents .SuppliersContentBrandsContent .SuppliersContentBrandsSite {
	text-align: left;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsImages {
	text-align: center;
	margin: 15px 7px 0;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsImages div {
	overflow: hidden;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsImages img {
	padding: 7px;
	width: 100%;

	transition: all 1s linear 0s;
	-webkit-transition: all 1s linear 0s;
	-moz-transition: all 1s linear 0s;
	-ms-transition: all 1s linear 0s;
	-o-transition: all 1s linear 0s;
}
#SuppliersContent #SuppliersContentBrands .SuppliersContentBrandsImages img:hover {
	transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
}