@font-face {
	font-family: 'Conv_RonniaBasicBold';
	src: url('../fonts/RonniaBasicBold.eot');
	src: local('☺'), url('http://frootapps.com/theme/fonts/RonniaBasicBold.woff') format('woff'), url('../fonts/RonniaBasicBold.ttf') format('truetype'), url('fonts/RonniaBasicBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_RonniaBasicreg';
	src: url('../fonts/RonniaBasicReg.eot');
	src: local('☺'), url('http://frootapps.com/theme/fonts/RonniaBasicReg.woff') format('woff'), url('../fonts/RonniaBasicReg.ttf') format('truetype'), url('../fonts/RonniaBasicReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_trebuc';
	src: url('../fonts/trebuc.eot');
	src: local('☺'), url('http://frootapps.com/theme/fonts/trebuc.woff') format('woff'), url('../fonts/trebuc.ttf') format('truetype'), url('../fonts/trebuc.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: url(../imgs/bg.gif);
	font-family: Conv_trebuc;
	overflow-x: hidden;
}
ul, li, h1, h2, h3, h4, h5, p {
	list-style: none;
	padding: 0;
	margin: 0;
}
input {
	border: 0;
}
.getin {
	display: block;
	position: absolute;
	top: 0;
	padding-top: 9px;
	background: url(../imgs/getin.png) no-repeat;
	width: 152px;
	height: 54px;
	z-index: 9999999;
}
img {
	border: 0;
	width: 100%;
}
.terms-text {
	color: #847a6f;
	margin-top: 20px;
	overflow-y: scroll;
	display: block;
	height: 300px;
	line-height: 25px;
}
.terms-heading {
	color: #abb943 !important;
	font-family: Conv_RonniaBasicreg;
	font-size: 18px;
}
.logo-container {
	position: absolute;
	width: 100%;
	height: 10px;
	position: absolute;
	width: 100%;
	z-index: 9999999;
}
.getin a, visited {
	color: #FFFFFF;
	display: block;
	font-family: Conv_RonniaBasicBold;
	font-size: 20px;
	height: 54px;
	line-height: 41px;
	text-align: center;
	width: 152px;
	z-index: 99999999;
}
a, visited {
	text-decoration: none;
}
.logo {
	margin: 0 auto;
	width: 77px;
	height: 135px;
	position: relative;
	z-index: 9999999;
}
.slider-content {
	cursor: pointer;
}
.header-content {
	display: block;
	position: relative;
	margin: 0 auto;
}
.mc {
	width: 1900px;
	margin: 0 auto;
	position: relative;
}
.header {
	background: url("../imgs/header.png") no-repeat scroll center transparent;
	display: block;
	height: 168px;
	margin: 0 auto;
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0;
}
.header ul li a, visited {
	font-family: 'Conv_RonniaBasicBold', Sans-Serif;
	font-size: 21px;
	color: #9b8d80;
}
.header ul li {
	display: inline-block;
	height: 120px;
}
.header ul {
	margin: 0 auto;
	line-height: 156px;
	text-align: center;
	position: absolute;
	z-index: 999999;
}
.slider-container {
	height: 714px;
	margin: 0 auto;
	margin-top: -25px;
}
.app-hint {
	display: block;
	float: left;
	height: 177px;
	padding: 10px 68px 10px 20px;
	width: 413px;
}
.app-hint h1, .app-hint h2 {
	color: #c80f73;
	text-shadow: 0.05em 0.06em 0.05em #D1C9CF;
	font-family: 'Conv_RonniaBasicreg', Sans-Serif;
}
.app-hint h1 {
	font-size: 42px;
}
.small {
	font-size: 28px !important;
}
.app-hint h2 {
	font-size: 33px;
}
.small02 {
	font-size: 24px !important;
}
.slider-content {
	display: block;
	margin: 0 auto;
}
.app-hint p {
	color: #847A6F;
	font-size: 18px;
	line-height: 18px;
	padding-top: 2px;
}
.app-store {
	display: block;
	width: 426px;
	height: 61px;
	margin-top: 205px;
}
.app-store a, visited {
	display: block;
	float: left;
}
.top-logos {
	display: block;
	width: 453px;
	height: 55px;
}
.store-container {
	display: block;
	float: left;
}
.featured {
	display: block;
	color: #FFF;
	font-size: 14px;
	margin: 5px 0;
}
.top-logos span {
	display: block;
	position: relative;
}
.who-we-are-container {
	display: block;
	overflow: hidden;
	margin: 300px auto;
}
.who-we-are-container h1 {
	color: #adc023;
	font-size: 50px;
	font-family: 'Conv_RonniaBasicreg';
	font-weight: normal;
}
.who-we-are-container h2 {
	color: #736a61;
	font-size: 33px;
	font-family: 'Conv_trebuc';
	font-weight: lighter
}
.block01 {
	clear: both;
	display: block;
	overflow: hidden;
}
.block01 p {
	color: #736A61;
	display: block;
	float: left;
	font-size: 18px;
	line-height: 28px;
	margin-right: 75px;
}
.rock-container {
	display: block;
	margin: 400px auto;
}
.rock-header {
	min-height: 570px;
	position: relative;
	padding-top: 60px;
	display: block;
}
.rock-header h1 {
	color: #FF7314;
	display: block;
	font-family: 'Conv_RonniaBasicreg';
	font-size: 50px;
	position: absolute;
	top: -29px;
	font-weight: normal;
}
.rock-header ul {
	display: block;
	text-align: center;
}
.rock-header ul li {
	display: inline-block;
	width: 219px;
}
.rock-header ul li div {
	display: block;
	float: left;
	clear: both;
}
.block-content {
	padding: 20px 15px;
	text-align: left;
	color: #736a61;
	line-height: 21px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 20px;
	margin-top: 20px;
	height: 191px;
}
.brands {
	display: block;
	float: left;
}
.brands p {
	color: #847a6f;
	font-size: 25px;
	width: 550px;
	padding-top: 27px;
	line-height: 30px;
}
.partners {
	display: block;
	float: left;
	clear: both;
	position: relative;
}
.partners span {
	display: block;
	position: relative;
}
.featured-logos {
	color: #736a61;
	font-size: 18px;
	margin: 20px 0;
}
.getin-block {
	background-color: #736A61;
	display: block;
	margin: 550px auto 6px;
	padding-top: 30px;
	width: 100%;
	position: relative;
}
.bottom-links {
	background: url("../imgs/footer-links.jpg") no-repeat scroll right center #6B625A;
	border-radius: 10px 10px 10px 10px;
	display: block;
	height: 54px;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}
.bottom-links ul {
	display: block;
	margin-left: 10px;
}
.bottom-links ul li {
	border-right: 1px solid #ADC023;
	display: block;
	float: left;
	height: 15px;
	line-height: 12px;
	margin-top: 6px;
}
.bottom-links ul li a, visited {
	color: #adc023;
	font-size: 12px;
	margin: 0 4px;
	padding: 0 4px;
}
.contacts {
	background: url("../imgs/bottom-contacts.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 323px;
	position: absolute;
	right: 0;
	top: -64px;
	width: 322px;
}
.address {
	clear: both;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 61px;
	padding-top: 61px;
	width: 229px;
}
.address-cont {
	color: #564E47 !important;
	margin-bottom: 7px;
}
.address span {
	display: block;
	float: left;
	clear: both;
	color: #FFF;
}
.address span img {
	margin-right: 10px;
}
.phone, .fax, .mail {
	height: 28px;
	line-height: 28px;
	padding-left: 40px;
	width: 200px;
	margin-top: 8px;
}
.phone {
	background: url("../imgs/phone.jpg") no-repeat scroll left center transparent;
}
.fax {
	background: url("../imgs/fax.jpg") no-repeat scroll left center transparent;
}
.mail {
	background: url("../imgs/mail.jpg") no-repeat scroll left center transparent;
}
.social {
	display: block;
	float: left;
	padding-left: 48px;
	padding-top: 28px;
}
.social span {
	display: block;
	width: 40px;
	height: 41px;
	float: left;
	clear: none !important;
	margin-left: 10px;
}
.newsletter {
	display: block;
	margin-top: 80px;
	position: relative;
}
.newsletter h3 {
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 21px;
	font-weight: bolder;
}
.news-field {
	clear: both;
	display: block;
	float: left;
	position: absolute;
}
.news-field p {
	color: #FFFFFF;
	display: block;
	float: left;
	line-height: 31px;
	padding-right: 47px;
	font-size: 14px;

}
.field input[type="text"] {
	background: url(../imgs/input-bg.jpg) left;
	width: 113px;
	height: 32px;
	padding: 0 20px 0 15px;
	color: #6b625a;
	float: left;
	outline: none;
}
.field input[type="submit"] {
	background: url("../imgs/subscribe.jpg") no-repeat scroll 0 0 transparent;
	color: #9FAA45;
	cursor: pointer;
	float: left;
	font-size: 1px;
	height: 32px;
	margin-left: -4px;
	margin-top: 6;
	padding-top: 20px;
	width: 102px;
}
.copyrights {
	font-size: 12px;
	color: #524b44;
	display: block;
	margin: 0 auto;
	font-weight: normal;
	height: 300px;
}
.brands-logos {
	display: block;
}
.brands-logos li {
	float: left;
	display: block;
	width: 150px;
}
.mobile-none {
	display: block;
}
.mobile-block {
	display: none;
}
 @media only screen and (min-device-width: 900px) and (max-device-width: 5000px) {
	 
.main-container-body {
	width: 980px;
	display: block;
	overflow: hidden;
	margin: 0 auto;

}
.wamda, .teck, .alam, .elec {
	display: block;
	width: 97px;
	height: 43px;
	top: 10px;
}
.wamda {
	left: 10px;
}
.teck {
	left: 110px
}
.alam {
	left: 200px;
}
.elec {
	left: 297px;
}
.gezera, .wamda, .arabia, .elec2, .onhas {
	display: block;
	width: 139px;
	height: 94px;
}
.gezera {
	left: 20px;
}
.wamda {
	left: 200px
}
.arabia {
	left: 400px;
}
.elec2 {
	left: 600px;
}
.onhas {
	left: 800px
}
.app-store a, visited {
	height: 61px;
	width: 176px;
	margin-right: 10px;
}
.inside-container {
	height: 7px;
	margin: 0 auto;
	position: relative;
	width: 980px;
}
#slider, #slider li {
	overflow: hidden;
	margin: 0 auto;
	height: 600px !important;
}
.margin {
	margin-left: 60px;
}
.getin {
	right: 0;
}
.getin img {
	width: auto;
	height: auto;
}
.we-img {
	display: block;
	width: 223px;
	float: left;
}
.concept01, .concept02, .concept03, .concept04 {
	margin-left: 449px;
}
.concept01 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept01.png) no-repeat
}
.concept02 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept02.png) no-repeat
}
.concept03 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept03.png) no-repeat
}
.concept04 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept04.png) no-repeat
}
.slider-container {
	background: url(../imgs/slider-bg.jpg) no-repeat center;
	height: 701px;
	padding-top: 20px;
}
.getin-block {
	height: 216px;
	position: relative;
}
.field {
	display: block;
	float: left;
	clear:right
}
.partners-logos {
	display: block;
	width: 980px;
	height: 103px;
	background: url(../imgs/partners.png) no-repeat;
	position: relative;
}
.brands-logos {
	width: 324px;
}
.brands-logos li {
	margin: 3px 6px;
}
.header-content {
	width: 980px;
	position: relative;
}
.header ul {
	width: 980px;
}
.header ul li {
	margin: 0 55px;
}
.app-hint {
	background: url("../imgs/hint-bg.png") no-repeat scroll 0 0 transparent;
	margin-left: 34px;
	position: absolute;
	padding-top: 20px;
	padding-left: 28px;
}
.logo {
}
.slider-content {
/*	width: 980px;*/
}
#slider ul, #slider li {
	width: 980px;
}
#controls {
	width: 980px;
}
.store-container {
	margin-left: 33px;
	width: 460px;
}
.who-we-are-container {
	width: 980px;
	position: relative;
}
.rock-container {
	width: 980px;
	position: relative;
}
.rock-header {
	background: url(../imgs/rock-line.png) no-repeat top center;
	width: 980px;
}
.rock-header ul {
	width: 980px;
}
.rock-header ul li {
	margin: 20px 11px;
}
.rock-header h1 {
	text-align: center;
	width: 100%;
}
.bottom-links {
	width: 980px;
}
.copyrights {
	width: 980px;
}
.block01 {
	width: 980px;
}
.block01 p {
	width: 681px;
	padding-top: 50px;
}
.slider-content {
	margin: 0 auto;
	width: 888px;
}
.brands {
	width: 590px;
	margin-right: 74px;
}
.prevBtn, .nextBtn {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 18px;
	top: -273px;
	z-index: 1000;
	background: url(../imgs/prev.png) no-repeat 0 0;
	cursor: pointer;
}
.nextBtn {
	left: 956px;
	top: -273px;
}
.nextBtn {
	background: url(../imgs/next.png) no-repeat 0 0;
}
.app-hint p {
	width: 420px;
	font-size: 18px;
	line-height: 22px;
}
.top-logos-img {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	border-radius: 7px 7px 7px 7px;
	display: block;
	height: 55px;
	width: 453px;
}
.top-logos-img a, visited {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 100px;
}
.controls {
	margin-top: -54px;
	padding-left: 423px;
}
.tablet-version {
	width: 633px !important;
	padding-top: 10px !important;
	padding-bottom: 20px !important;
}
.link-who {
	top: -200px;
	position: absolute;
}
.link-how {
	position: absolute;
	top: -200px;
}
.link-we {
	position: absolute;
	top: -200px;
}
.link-get {
	position: absolute;
	top: -200px;
}
.mobile-none {
	display: block;
}
.mobile-block {
	display: none;
}
.validation-span {
	clear: both;
	color: #F8A616;
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	margin-top: 3px;
	padding-left: 420px;
	position: relative;
	top: 0;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 182px !important;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 182px !important;
}
.lang {
	display: block;
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 99999999
}
.partners-logos a, visited {
	display: block;
	float: left;
	height: 90px;
	margin-top: 7px;
	width: 190px;
}
.flexslider {
	width: 980px;
}
}
@media only screen and (min-device-width: 640px) and (max-device-width: 800px) {
	/* belal */
body
{
	background-color:blue
}
	.main-container-body {
	width: 720px;
	display: block;
	overflow: hidden;
	margin: 0 auto;

}
.wamda, .teck, .alam, .elec {
	display: block;
	width: 97px;
	height: 43px;
	top: 10px;
}
.wamda {
	left: 10px;
}
.teck {
	left: 110px
}
.alam {
	left: 200px;
}
.elec {
	left: 297px;
}
.gezera, .wamda, .arabia, .elec2, .onhas {
	display: block;
	width: 139px;
	height: 94px;
}
.gezera {
	left: 20px;
}
.wamda {
	left: 150px
}
.arabia {
	left: 300px;
}
.elec2 {
	left: 450px;
}
.onhas {
	left:600px
}
.app-store a, visited {
	height: 61px;
	width: 176px;
	margin-right: 10px;
}
.inside-container {
	height: 7px;
	margin: 0 auto;
	position: relative;
	width: 720px;
}
#slider, #slider li {
	overflow: hidden;
	margin: 0 auto;
	height: 600px !important;
}
.margin {
	margin-left: 60px;
}
.getin {
	right: 0;
}
.getin img {
	width: auto;
	height: auto;
}
.we-img {
	display: block;
	width: 223px;
	float: left;
}
.concept01, .concept02, .concept03, .concept04 {
	margin-left: 449px;
}
.concept01 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept01.png) no-repeat
}
.concept02 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept02.png) no-repeat
}
.concept03 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept03.png) no-repeat
}
.concept04 {
	display: block;
	width: 450px;
	height: 413px;
	background: url(../imgs/concept04.png) no-repeat
}
.slider-container {
	background: url(../imgs/slider-bg.jpg) no-repeat center;
	height: 701px;
	padding-top: 20px;
}
.getin-block {
	height: 216px;
	position: relative;
}
.field {
	display: block;
	float: left;
	clear:right
}
.partners-logos {
	display: block;
	width: 720px;
	height: 103px;
	background: url(../imgs/partners.png) no-repeat;
	position: relative;
}
.brands-logos {
	width: 324px;
}
.brands-logos li {
	margin: 3px 6px;
}
.header-content {
	width: 720px;
	position: relative;
}
.header ul {
	width: 720px;
}
.header ul li {
	margin: 0 55px;
}
.app-hint {
	background: url("../imgs/hint-bg.png") no-repeat scroll 0 0 transparent;
	margin-left: 34px;
	position: absolute;
	padding-top: 20px;
	padding-left: 28px;
}
.logo {
}
.slider-content {
/*	width: 980px;*/
}
#slider ul, #slider li {
	width: 720px;
}
#controls {
	width: 720px;
}
.store-container {
	margin-left: 33px;
	width: 460px;
}
.who-we-are-container {
	width: 720px;
	position: relative;
}
.rock-container {
	width: 720px;
	position: relative;
}
.rock-header {
	background: url(../imgs/rock-line.png) no-repeat top center;
	width: 700px;
}
.rock-header ul {
	width: 720px;
}
.rock-header ul li {
	margin: 20px 11px;
}
.rock-header h1 {
	text-align: center;
	width: 100%;
}
.bottom-links {
	width: 720px;
}
.copyrights {
	width: 300px;
}

.slider-content {
	margin: 0 auto;
	width: 720px;
}
.brands {
	width: 590px;
	margin-right: 74px;
}
.prevBtn, .nextBtn {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 18px;
	top: -273px;
	z-index: 1000;
	background: url(../imgs/prev.png) no-repeat 0 0;
	cursor: pointer;
}

.nextBtn {
	background: url(../imgs/next.png) no-repeat 0 0;
}
.app-hint p {
	width: 420px;
	font-size: 18px;
	line-height: 22px;
}
.top-logos-img {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	border-radius: 7px 7px 7px 7px;
	display: block;
	height: 55px;
	width: 453px;
}
.top-logos-img a, visited {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 100px;
}
.controls {
	margin-top: -54px;
	padding-left: 323px;
}

.link-who {
	top: -200px;
	position: absolute;
}
.link-how {
	position: absolute;
	top: -200px;
}
.link-we {
	position: absolute;
	top: -200px;
}
.link-get {
	position: absolute;
	top: -200px;
}
.mobile-none {
	display: block;
}
.mobile-block {
	display: none;
}
.validation-span {
	clear: both;
	color: #F8A616;
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	margin-top: 3px;
	padding-left: 420px;
	position: relative;
	top: 0;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 182px !important;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 182px !important;
}
.lang {
	display: block;
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 99999999
}
.partners-logos a, visited {
	display: block;
	float: left;
	height: 90px;
	margin-top: 7px;
	width: 190px;
}

	
	/* end belal */
	
	
body {
	overflow-x: scroll;

}
.partners-logos {
	display: block;
	width: 720px;
	height: 103px;
	background: url(../imgs/partners.png) no-repeat;
	position: relative;
	text-align:center
}
.brands-logos {
	width: 400px;

}
.tablet-version {
	width:600px !important;
	padding-top: 10px !important;
	padding-bottom: 20px !important;

}
.rock-container {
	display: block;
	margin: 400px auto;
}
.rock-header {
	min-height: 570px;
	position: relative;
	padding-top: 60px;
	display: block;
	width:720px;
}
.rock-header h1 {
	color: #FF7314;
	display: block;
	font-family: 'Conv_RonniaBasicreg';
	font-size: 50px;
	position: absolute;
	top: -29px;
	font-weight: normal;
}
.rock-header ul {
	display: block;
	text-align: center;
	width:600px;

	
}
.rock-header ul li {
	display: inline-block;
	width: 200px;
}
.rock-header ul li div {
	display: block;
	float: left;
	clear: both;
}




.block01 {
	width: 100%;
}
.block01 p {
	width: 720px;
	padding-top: 50px;
}
.flexslider {
	width: 720px;
}
.news-field {
	position: relative;
	width: 90%;
	margin: 0 auto;
	float: none;
}

.header ul {
	width: 95%;
	margin:0 auto
}
.header ul li {
	margin: 0 10px;
}
.concept01, .concept02, .concept03, .concept04 {
	background-size: 100%;
	width: 40%;
}
.slider-content {
	display: block;
	overflow: hidden;
width:720px;
}
.mobile-block {
	display: none;
}
/* 790*/
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 0 !important;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 0 !important;
}





}
@media screen and (min-device-width: 20px) and (max-device-width: 640px) {
/*.flexslider 
{
	width: 100%;

}*/
.concept img {
	width: 91%;
}

.partners-logos a, visited {
	display: block;
	float: left;
	height: auto;
	margin: 7px;
	overflow: hidden;
	width: 28%;
}
.term
{
	text-align:left
	width:300px;
	margin:0 auto;
	position:relative
}
.lang {
	display: block;
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 99999999
}
.top-logos-img a, visited {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	/* old width: 21%;*/
	width: 100px;
}
.wrapper {
	z-index: 9;
}
.slides {
	padding-top: 119px !important
}
#toggle {
	background: url("../imgs/BG-toggle-icon.png") no-repeat scroll left center transparent;
	cursor: pointer;
	width: 43px;
	background-repeat: no-repeat;
	-webkit-background-origin: content-box; /* Safari */
	background-origin: content-box;
	display: block;
	text-indent: -99999999em;

}
.bottom-links {
	width: 100%;
}
.content {
	width: 80% !important;
	margin: 0 auto;

}
.mobile-links-button {
	height: 77px;
	position: absolute;
	top: -35px;
	width: 14%;
}
#container {
	background: url("../imgs/slider-bg-mobile.jpg") no-repeat scroll center bottom transparent;
	overflow: hidden;
	height: 1167px;

}
.logo {
background-color: #FFFFFF;
	border-radius: 300px 300px 300px 300px;
	height: 75px;
	text-align: center;
	width: 100px;
	z-index: 9999999;
}
.logo img {
	width: 48%;
	height: auto;
}
img {
	width: 95%;
}
.mobile-container {
	padding-top: 0;
}
.gezera, .wamda, .arabia, .elec2, .onhas {
	display: block;
	width: 155px;
	height: 40px;
}
.gezera {
	left: 20px;
}
.wamda {
	left: 70px
}
.arabia {
	left: 178px;
}
.elec2 {
	left: 10px;
	top: 40px
}
.onhas {
	left: 178px;
	top: 40px;
}
.wamda, .teck, .alam, .elec {
	display: block;
	float: left;
	height: 60px;
	top: 10px;
	width: 25%;
}
.wamda {
	left: 10px;
}
.teck {
	left: 178px;
}
.alam {
	left: 10px;
	top: 55px
}
.elec {
	left: 178px;
	top: 55px;
}
.who-we-are-container {
	position: relative;
}
.who-we-are-container h1 {
	padding-bottom: 10px;
	font-size: 280%;
}
.who-we-are-container h2 {
	font-size: 150%;
	padding-bottom: 39px;
	padding-top: 0 !important;
}
.getin {
 background: url(../imgs/getin-mobile.png) no-repeat !important 0/100%;
	width: 28% !important;
	-moz-background-size: 100% 100%; /* Old Firefox */
	background-size: 100% 100%;
}
.getin a, visited {
	width: 100%;
	line-height: inherit;
}
#indicator {
	display: block;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: -38px !important;
}
.top-logos span {
	font-size: 120%;
}
.app-store a, visited {
	width: 46%;
	margin-right: 10px;
}
#slider, #slider li {
	overflow: hidden;
	margin: 0 auto;
	height: 940px !important;
}
#slider2, #slider2 li {
	overflow: hidden;
	margin: 0 auto;
	height: 940px !important;
}
 . concept01 {
display:block;
width:393px;
height:413px;
background:url(../imgs/concept01.png) no-repeat
}
.concept02 {
	display: block;
	width: 393px;
	height: 413px;
	background: url(../imgs/concept02.png) no-repeat
}
.concept03 {
	display: block;
	width: 393px;
	height: 413px;
	background: url(../imgs/concept03.png) no-repeat
}
.concept04 {
	display: block;
	width: 393px;
	height: 413px;
	background: url(../imgs/concept04.png) no-repeat
}
.app-store {
	margin-top: 0;
	width: 100%;
}
.margin {
	margin-left: 0px;
}
.getin {
	right: 0px;
}
.we-img {
	display: block;
	float: none;
	margin: 0 auto;
}
.terms a, visited {
	color: #abb943;
	font-size: 150% !important;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.last-child {
	border: none !important;
}
.contacts {
	background-color: #ABB943;
	clear: both;
	display: block;
	float: left;
	height: auto;
	overflow: hidden;
	padding-bottom: 48px;
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
}
.header {
	background: url("../imgs/header.png") no-repeat scroll center -61px transparent !important;
}
.header ul {
	width: 100%;
	line-height: 40px;
	padding-top: 12px;
}
.bottom-links ul li {
	border-right: 1px solid #ADC023;
	display: block;
	float: left;
	height: auto;
	line-height: inherit;
	margin-top: 6px;
}
.phone, .fax, .mail {
	line-height: inherit;
	height: auto;
	width: 85%
}
.news-field p {
	font-size: 100%;
	line-height: inherit
}
.newsletter h3 {
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 190%;
	font-weight: bolder;
	margin: 0 auto;
	width: 90%;
}
.concept {
	float: none;
	margin: 0 auto;
}
.rock-header ul li div {
	float: none;
}
.newsletter {
	display: block;
	margin: 0px auto;
	overflow: hidden;
	width: 100%;
	padding-top: 8%;
	padding-bottom: 8%;
	background-color: #564E47;
}
.mobile-none {
	display: none;
}
.terms {
	background-color: #666;
	overflow: hidden;
	height: auto;
	padding: 20px 0;
	clear: both;
}
.mobile-block {
	display: block;
}
.mobile-btn {
	position: absolute;
	height: 24px;
	top: 19px;
	width: 100%;
}
.inside-container {
	width: 99%;
	position: relative;
	margin: 0 auto;
	height: 7px;
}
.slider-container {
	background: url("../imgs/slider-bg-mobile-top.jpg") repeat-y scroll center bottom transparent;
	clear: both;
	display: block;
	height: 1167px;
}
.bottom-links {
	height: 64px !important;
	padding-top: 21px;
	background-color: #6b625a;
	background-image: none !important;
	border-radius: 0;
	background: none !important;
}
.news-field {
	position: relative;
	width: 90%;
	margin: 0 auto;
	float: none;
}
.bottom-links ul {
	display: none;
	padding-left: 29px;
}
.getin-block {
	height: 240px;
	margin: 0 auto 6px;
	background-color: transparent;
}
.field {
	display: block;
	float: left;
	clear: both;
	margin-top: 10px;
}
.flex-viewport {
	overflow: inherit !important;
}
.partners {
	margin-top: 20px;
	width: 100%;
	position: relative
}
.partners-logos {
	background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 20px 20px 20px 20px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 10% 45px;
	width: 80%;
}
#simplemodal-container, #simplemodal-container01 {
	font-size: 170%;
	overflow: hidden !important;
	width: 80% !important;
	margin: 0 auto !important;
}
.terms-text {
height: 600px !important;
	padding:5px;
font-size:15px;
	margin:0 auto
}
#simplemodal-container h3 {
	font-size: 220% !important;
}
.featured-logos {
	font-size: 130%;
}
.brands-logos li {
	display: inline-block;
	float: none;
	margin: 8px;
	width: 40%;
}
.controls {
	margin-top: -23px;
	padding-left: 208px;
}
.top-logos {
	height: 110px;
	margin-top: 20px;
	width: 100%;
	height: auto;
}
.top-logos-img {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	border-radius: 7px 7px 7px 7px;
	display: block;
	height: 55px;
	width: 100%;
}
.flex-direction-nav a, visited {
	top: 30% !important;
}
.field input[type="text"] {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 10px 0 0 10px;
	color: #6B625A;
	float: left;
	font-size: 115%;
	height: auto;
	outline: medium none;
	padding: 3% 14px;
	width: 50%;
}
.field input[type="submit"] {
	/* fallback */  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bec775), to(#9faa45)); /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #9faa45, #bec775); /* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #9faa45, #bec775); /* IE 10 */
	background: -ms-linear-gradient(top, #9faa45, #bec775); /* Opera 11.10+ */
	background: -o-linear-gradient(top, #9faa45, #bec775);
	border-radius: 0 10px 10px 0;
	color: #FFFFFF;
	font-size: 105%;
	font-weight: bold;
	height: auto;
	padding: 3%;
	width: 36%;
}
.app-hint p {
	color: #847A6F;
	font-size: 100%;
	padding-bottom: 11px;
	padding-top: 2px;
}
.brands-logos {
	clear: both;
	display: block;
	margin-top: 40px;
	overflow: auto;
	text-align: center;
	width: 100%;
}
.header-content {
	width: 338px;
}
.header-content ul {
	display: none;
}
.header ul li {
	margin: 0 26px;
}
.logo {
}
.store-container {
	float: none;
	margin: 0 auto;
	width: 94%;
}
.slider-content {
	/*old width: 438px;*/
	width: 338px;
	margin-top: 0;
}
#slider ul, #slider li {
	width: 338px;
/*old	width: 438px;*/
}
#slider2 ul, #slider2 li {
	width: 338px;
/* old	width: 438px;*/
}
#controls {
	width: 338px;
/* old	width: 338px;*/
}
.who-we-are-container {
	width90%;
	padding: 0 20px;
	overflow: hidden;
	display: block;
	position: relative;
}
.rock-container {
	width: 80%;
	margin: 250px auto;
}
.rock-header {
	width: 100%;
	display: block;
	padding-top: 70px;
}
.getin-txt-mobile {
	width: 80%;
	margin: 0 auto;
}
.block-content {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
	border-radius: 20px 20px 20px 20px;
	color: #736A61;
	font-size: 104%;
	font-weight: lighter;
	height: auto !important;
	line-height: inherit;
	margin: 5px auto;
	padding: 25px;
	text-align: left;
	width: 84%;
}
.upper {
	display: none;
}
.rock-header h1 {
	clear: both;
	float: left;
	font-size: 280%;
	margin-left: 0;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	top: 25px;
	width: 100%;
}
.rock-header ul {
	display: block;
}
.rock-header ul li {
	margin: 0 auto;
	width: auto;
}
.rock-header img {
	width: 75%;
	margin-top: 10px;
}
.copyrights {
	width: 80%;
	height: 200px;
}
.block01 {
	width: 100%;
	margin-bottom: 40px;
}
.block01 p {
	font-size: 130%;
	line-height: inherit;
	margin: 0 !important;
	padding-top: 20px;
	width: 100%;
}
.social {
	clear: both;
	padding: 28px 0 0 0 !important;
	width: 100%;
}
.social span {
	margin-right: 4px !important;
	margin-left: 0 !important;
	width: 20%;
	height: auto;
}
.address {
	clear: both;
	display: block;
	font-size: 200%;
	font-weight: lighter;
	margin: 0 auto;
	float: none;
	width: 90%;
}
.slider-content {
	margin: 0 auto;
	width: 90%;
}
.app-hint {
	background: none repeat scroll 0 0 #F6ECF4;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 2px 2px 3px #888888;
	float: none;
	height: auto;
	margin: 0 auto 25px;
	padding: 19px 20px 10px;
	position: relative;
	width: 85% !important;
}
.app-hint h1 {
	font-size: 225% !important;
}
.app-hint h2 {
	font-size: 165% !important;
	padding-bottom: 5px;
}
.brands {
	display: block;
	margin: 398px auto 50px;
	padding: 0;
}
.graphic, .prevBtn, .nextBtn {
	display: none !important;
}
.link-who {
	top: -170px;
	position: absolute;
}
.link-how {
	position: absolute;
	top: -80px;
}
.link-we {
	position: absolute;
	top: 270px;
}
.link-get {
	position: absolute;
	top: -20px;
}
#slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: block;
}
#slider2, #slider2 li {
	width: 338px;
	overflow: hidden;
}
#slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: block;
	margin: 0 auto;
}
#simplemodal-container {
	width: 400px !important;
}
.validation-span {
	clear: both;
	color: #F8A616;
	display: block;
	font-size: 339%;
	height: 30px;
	margin-top: 22px;
	position: absolute;
	top: 183px;
}
.arrow {
	border-bottom: 30px solid #F6ECF4;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	height: 47px;
	line-height: 0;
	position: absolute;
	right: 163px;
	top: -77px;
	width: 0;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -50px;
	text-align: center;
	background: url(../imgs/nav-bg.png) no-repeat center;
	bottom: -56px !important;
	height: 27px;
	padding-top: 13px !important;
}
ul.dropdown {
	position: relative;
	z-index:auto;
}
.sub_menu {
	width: 100% !important;
	visibility: hidden;
}
ul.dropdown li {
	width: 100%;
	display: inherit;
	height: auto;
	margin: 0;
}
ul.dropdown a:hover {
	color: #fff;
}
ul.dropdown a:active {
	color: #fff;
}
ul.dropdown li a {
	padding: 16px 40px;
}
ul.dropdown li:last-child a {
	border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
	color: #736A61;
	position: relative;
}
ul.dropdown li.hover a {
	color: #736A61;
}
.dropdown img {
	width: auto !important;
}
ul.dropdown li ul li a {
	display: block;
	font-size: 180%;
	color: #736A61;
	font-weight: lighter;
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid #736A61
}
ul.dropdown li ul li a:hover {
	color: #FFF;
	background: rgba(171, 185, 67, 0.9)
}
.mobile-bottom-links {
	display: block !important;
}
.mobile-bottom-links li {
	float: left;
}
ul.dropdown {
}
}
@media only screen and (min-device-width: 420px) and (max-device-width: 640px) {
.concept img {
	width: 91%;
}
/* old .block01 {

	width:92%;
	margin:0 auto
}

.block01 p {

	font-size: 15px;

}
.concept img {
	width: 91%;
	margin:0 auto
}

.who-we-are-container {
	position: relative;

	margin:0 auto
}
.who-we-are-container h1 {
	padding-bottom: 10px;


}
.who-we-are-container h2 {

	padding-bottom: 39px;
	padding-top: 0 !important;
}*/
}



/* Sudo Slider */
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: block;
	margin: 0 auto;
}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/


/* // Sudo Slider */	
/* Numeric Navigation */
#controls {
	display: block;
	margin: 0 auto;
	position: relative;
}
.graphic, .prevBtn, .nextBtn {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}
#controls li a span {
	display: none;
}
#controls li a, visited {
	display: block;
	background: url(../imgs/pointer.png) no-repeat;
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	margin: 0 1px;
}
.current a, visited {
	background: url(../imgs/pointer-h.png) no-repeat !important;
}
/* Some demos use this line */




/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* IE 6 hacks */
#simplemodal-container a.modalCloseImg, #simplemodal-container01 a.modalCloseImg {
	background: none;
	right: -14px;
	width: 22px;
	height: 26px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/x.jpg', sizingMethod='scale');
}
#basic-modal-content, #basic-modal-content01 {
	display: none;
}
/* Overlay */
#simplemodal-overlay {
	background-color: #000;
	z-index: 99999999 !important;
}
/* Container */
#simplemodal-container, #simplemodal-container01 {
	height: 360px;
	width: 600px;
	background-color: #fff;
	padding: 20px;
	z-index: 999999999 !important;
	border-radius: 20px;
}
#simplemodal-container .simplemodal-data {
	padding: 8px 0 8px 8px;
}
#simplemodal-container code, #simplemodal-container01 code {
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	font-size: 12px;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}
#simplemodal-container a {
	color: #ddd;
}
#simplemodal-container a.modalCloseImg {
	background: url(../imgs/x.jpg) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	right: 10px;
	top: 11px;
	cursor: pointer;
}
#simplemodal-container h3 {
	color: #84b8d9;
	font-size: 22px;
}
#logo {
	margin-bottom: 20px;
	width: 300px;
}
#logo h1 {
	color: #666;
	letter-spacing: -1px;
	font-weight: normal;
}
#logo h1 span {
	color: #444;
	font-weight: bold;
}
#logo .title {
	color: #999;
	font-size: 12px;
}
#content {
}
#footer a:link, #footer a:visited {
	color: #888;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
	text-decoration: underline;
}
.slickscrollcontainer {
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;
}
.slickscroll_vertical_scrollbar {
	position: absolute;
	width: 14px;
	height: 87px;
	background-image: url('../imgs/scroll/scrollbar_vertical_toppart.png');
	background-repeat: no-repeat;
	cursor: move;
}
.slickscroll_vertical_scrollbar div {
	background-position: bottom;
	background-image: url('../imgs/scroll/scrollbar_vertical_bottompart.png');
	background-repeat: no-repeat;
	width: 14px;
	height: 15px;
	bottom: 0px;
	position: absolute;
}
.slickscroll_horizontal_scrollbar {
	position: absolute;
	width: 87px;
	height: 12px;
	background-image: url('../imgs/scroll/scrollbar_horizontal_leftpart.png');
	background-repeat: no-repeat;
	cursor: move;
}
.slickscroll_horizontal_scrollbar div {
	background-image: url('../imgs/scroll/scrollbar_horizontal_rightpart.png');
	background-repeat: no-repeat;
	background-position: right;
	width: 5px;
	height: 12px;
	float: right;
}
.validation-span {
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	border-radius: 4px 4px 4px 4px;
	margin: 0 auto;
	position: relative;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
	position: absolute;
	top: 311px;
	width: 100%;
	z-index: auto;
}
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(http://frootapps.com/theme/style/images/bg_direction_nav.png) no-repeat 0 0;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	right: 0;
	background: url(../imgs/next.png) no-repeat;
	width: 40px;
	height: 120px;
	display: block;
	float: right
}
.flex-direction-nav .flex-prev {
	left: 0;
	background: url(../imgs/prev.png) no-repeat;
	width: 40px;
	height: 120px;
	display: block;
	float: left;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter: alpha(opacity=30);
	cursor: default;
}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999em;
	width: 14px;
	height: 14px;
	background: url(../imgs/pointer.png) no-repeat;
	overflow: hidden;
	margin-right: -2px;
}
.flex-control-paging li a:hover {
	background: url(../imgs/pointer-h.png) no-repeat !important;
}
.flex-control-paging li a.flex-active {
	background: url(../imgs/pointer-h.png) no-repeat !important;
}
.slides {
	padding-top: 190px
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
.web-container {
	width: 100%;
	display: block;
	overflow: hidden;
}
@media screen and (max-device-width: 860px) {

.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
}

.concept img {
	width: 91%;
}

.ots
{
background-image:url(../imgs/ots_logo_35.png);
width:40px;
height:23px;
background-repeat:no-repeat	
}