 @import url('https://fonts.googleapis.com/css?family=Tajawal:300&display=swap');
html {
	box-sizing: border-box;font-family:'Tajawal', sans-serif;
}
*, *:after, *:before {
	box-sizing: inherit
}

.box-represetative{
	display: block;
	float: left;
	width: 100%
}
.content {
	display: block;
	width: 96%;
	margin: 0 auto;

}
.col-select {
	float: none;
	width: 70%;
	padding: 0 5px;
	display: inline-block
}
.chosen-container-single .chosen-single {
	margin: 0 !important
}
.wrap-select {
	text-align: center;
	display: block;
	margin: 40px auto;
	max-width: 960px
}
.box-represetative {
	text-align: center;
	padding: 20px 0;
	line-height: 20px;
}
.title-representative {
font-family:'Tajawal', sans-serif; text-transform:uppercase; font-size:18px;; 
}
.wtfind-results {
	padding: 20px 0
}
.text-representative {
	font-family:'Tajawal', sans-serif; font-size:16px; color:#82639d; font-weight:bolder;
	max-width: 320px;
	margin: 0 auto
	
}
.online-stores {
	padding: 40px 0 0 0;
	border-top: 1px solid #fff
}
.text-online-stores {
	text-transform: uppercase;
	color: #000;
	line-height: 20px;
	float: left;
	width: 50%;
	text-align: right;
	padding: 0 20px
}
.text-online-stores strong {
	font-weight: normal
}
.link-online-stores {
	float: left;
	width: 50%;
	text-transform: uppercase;
	padding: 0 10%;
	color: #000;
	line-height: 20px;
	text-align: center;
	font-size: 18px
}



.js-slide-text {
	display: none
}
.js-slide-text.active {
	display: block
}
.wapper-run-module {
	margin: 0 auto;
	float: none;
	width: 90%;
}
.wapper-run-module .box-represetative {
	width: 33.3%;
	padding: 20px;
	min-height: 160px;

}

@media screen and (max-width: 780px) {
.franchisee-menu {
	margin-top: 50px
}
.col-select {

	width: 100%;
	
}
}
@media screen and (min-width: 500px) and (max-width: 780px) {
.wapper-run-module .box-represetative {
	width:50%;
	padding: 20px;
	min-height: 120px;
	text-align: left
}
}
@media screen and (max-width:499px) {
.wapper-run-module .box-represetative {
	width:100%;
	padding: 20px;
	min-height: 100px;
	text-align: left
}
}


.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	zoom: 1;
 *display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.chosen-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border: 1px solid #000;
	border-top: 0;
	background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
	left: 0;
}
.chosen-container a {
	cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	color: #000;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
	content: ":";
	padding-left: 2px;
	vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
    font-size:2em;
	height: auto; padding:10px 0;
	border-bottom: 2px solid #bd8cbf;
	background-color: transparent;
	background-clip: padding-box;
	color: #333; text-transform:uppercase;
	text-decoration: none;
	white-space: nowrap;
	line-height: 39px;font-family:'Tajawal', sans-serif;
}
.chosen-container-single .chosen-default {
	color: #333;
}
.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background:#F90 -42px 1px no-repeat;
	font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 100%;
}
.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background:url(lupa.jpg) no-repeat 0px 15px; right:10px; position:relative

}
.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #333;
	background: white url('../images/sprite/chosen-sprite.png') no-repeat 100% -20px;
	background: url('../images/sprite/chosen-sprite.png') no-repeat 100% -20px;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	line-height: normal;
}
.chosen-container-single .chosen-drop {

	background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
	color: #333;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch; font-family:'Tajawal', sans-serif; text-transform:uppercase; font-size:1em; font-weight:bold
}
.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #333;
	cursor: default;
}
.chosen-container .chosen-results li.highlighted {
	background-color: #333;
	color: #fff;
}
.chosen-container .chosen-results li.no-results {
	color: #333;
	display: list-item;
	background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
	display: list-item;
	
	cursor: default;
}
.chosen-container .chosen-results li.group-option {
	padding-left: 15px;
}
.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}
@media screen and (max-width: 780px) {
.chosen-container-single .chosen-single{ width:90%}}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],  .chosen-container-single .chosen-single abbr,  .chosen-container-single .chosen-single div b,  .chosen-container-single .chosen-search input[type="text"],  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,  .chosen-container .chosen-results-scroll-down span,  .chosen-container .chosen-results-scroll-up span {
 background-image: url('../images/sprite/chosen-sprite@2x.png') !important;
 background-size: 52px 37px !important;
 background-repeat: no-repeat !important;
}
}
/* @end */

#box-oqdizem{width:70%; height:auto; margin:0 auto;margin-bottom:30px; line-height:25px; }
.oqdizem{width:100%; height:auto; border-top:1px dashed #ccc; margin:0 auto; padding:5px; margin:10px 0;font-family:'Tajawal', sans-serif; text-transform:uppercase;  font-size:13px}
.simpleButton-loj{
	background: none;
	border: none;
	-webkit-box-shadow: inset 0 0 0 2px rgb(255, 201, 201);
	box-shadow: inset 0 0 0 2px rgb(255, 201, 201);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	color: #000;
	width: auto;
	padding: 10px 60px;
	margin: 0 auto;
	font-size: 16px;
	
	line-height: 30px;
	outline: none !important;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family:'Tajawal', sans-serif;
}
.simpleButton-loj:hover {
	color: #000;
	background:#ffc9c9;
	-webkit-box-shadow: inset 0 0 0 4px rgb(255, 201, 201);
	box-shadow: inset 0 0 0 4px rgb(255, 201, 201);
}

@media (max-width:50.875em) {
	.chosen-container-single .chosen-single { font-size:1.2em}
	.box-tendencia h1{ text-align:center;font-weight: lighter; color:#000; font-size:1.5em; text-transform:uppercase; padding:0; font-style:italic}
	#box-oqdizem{width:100%; height:auto; margin:0 auto;margin-bottom:30px}
	
	
	.titulo-banner {font-size: 1.2em; line-height: 2em	}
	
	
	
}
