/* ------------------------------------------------------------------------------------------ */
/* -------------------------------           FETRAT           ------------------------------- */
/* -------------------------       TABS  Cascading StyleSheet       ------------------------- */
/* -------------------------------        Version  0.1        ------------------------------- */
/* ------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------ */
/*                                       OFFER LEVEL 01                                       */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
@media (min-width: 768px) {
	#offerL1.z-tabs.clean.white {}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop {}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li {
		float: right;
		padding: 15px;
		direction: rtl;
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li > a {
		top: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		border: medium none;
		font: 20px/41px fetrat;
		color: #777777;
		cursor: pointer
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li:hover > a {
		color: #000000;
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a {
		color: #5bc8a5;
	}
}

@media (max-width: 767px) {
	#offerL1.z-tabs.clean.white {}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop {
		width: 100%;
		left: auto;
		border-bottom: 3px solid rgba(0,0,0,.2);
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li {
		right: auto;
		float: right;
		padding: 15px;
		direction: rtl;
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li > a {
		top: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		border: medium none;
		font: 20px/41px "fetrat";
		color: #777777;
		cursor: pointer
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li:hover > a {
		color: #000000;
	}
	#offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a {
		border-bottom: 3px solid #ff7700;
		color: #ff7700
	}
	.home-offer #offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a {
		border-bottom: 3px solid #5bc8a5;
		color: #5bc8a5
	}
	#offerL1.z-tabs.clean.white > .z-container > .z-content > .z-content-inner {
		background: transparent url("../../img/component/tab/arrow_bottom.png") no-repeat scroll center 0
	}
}
@media (min-width: 767px){
	.z-content-inner{height:225px!important;overflow:hidden}
}
.z-content-inner i{vertical-align:middle}
/* ------------------------------------------------------------------------------------------ */
/*                                 OFFER INSIDE (L02-L03-L04)                                 */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
@media (min-width: 768px) {
	.offerInside.z-tabs.clean.white {
		clear: none;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop {
		height: 165px;
		margin: 0;
		padding: 30px 40px 30px 20px;
		border-top: medium none;
		border-bottom: medium none;
		border-left:  3px solid rgba(0,0,0,.2);
		border-right: 3px solid rgba(0,0,0,.2);
		background: url("../../img/component/tab/arrow_left.png") no-repeat scroll right center transparent;
		overflow: hidden;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li {
		height: 33px;
		direction: rtl;
		overflow: hidden;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a {
		padding: 0;
		border: medium none;
		font: 16px/33px "fetrat";
		-webkit-transition: font-size 0.3s ease 0s;
		-moz-transition: font-size 0.3s ease 0s;
		-o-transition: font-size 0.3s ease 0s;
		-ms-transition: font-size 0.3s ease 0s;
		transition: font-size 0.3s ease 0s;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a:hover {
		font-size: 20px;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a:before {
		content: "\f053";
		padding: 0 0 0 10px;
		line-height: 33px;
		font-family: FontAwesome;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #5bc8a5;
		float:right;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a:hover:before {
		color: #ff7700;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li:hover > a {}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a {
		border: medium none;
		font-size: 20px;
		font-weight: normal;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a:before {
		color: #ff7700;
	}

	.offerInside.z-tabs.clean.white > .z-container {
		padding: 0 10px 0 0;
		background: url("../../img/component/tab/arrow_left.png") no-repeat scroll right 75px transparent;
	}

	.offerInside.z-tabs.clean.white h5 {
		margin: 0;
		direction: rtl;
		font: 20px/41px "fetrat";
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p {
		margin: 0;
		padding: 0;
		direction: rtl;
		text-align: justify;
		font: 15px/30px "fetrat";
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p a {
		padding: 0 10px;
		color: #5bc8a5;
	}
	.offerInside.z-tabs.clean.white p a:after {
		content: "\232A";
		padding: 0 3px 0 0;
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p a:before {
		content: "\2329";
		padding: 0 0 0 3px;
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p a:hover {
		color: #ff7700;
	}
}


@media (max-width: 767px) {
	.offerInside.z-tabs.clean.white {}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop {
		display: table;
		float: none;
		min-width: auto;
		width: 100%;
		margin: 0;
		padding: 0 20px 20px;
		border: medium none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li {
		height: 33px;
		direction: rtl;
		overflow: hidden;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a {
		padding: 0;
		border: medium none;
		font: 16px/33px "fetrat";
		-webkit-transition: font-size 0.3s ease 0s;
		-moz-transition: font-size 0.3s ease 0s;
		-o-transition: font-size 0.3s ease 0s;
		-ms-transition: font-size 0.3s ease 0s;
		transition: font-size 0.3s ease 0s;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a:hover {}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a:before {
		content: "\f053";
		padding: 0 0 0 10px;
		line-height: 33px;
		font-family: FontAwesome;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #5bc8a5;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li > a:hover:before {
		color: #ff7700;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li:hover > a {}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a {
		border: medium none;
		font-size: 20px;
		font-weight: normal;
	}
	.offerInside.z-tabs.clean.white > ul.z-tabs-desktop > li.z-tab.z-active > a:before {
		color: #ff7700;
	}
	.offerInside.z-tabs.clean.white > .z-container {
		padding-top: 30px;
		background: transparent url("../../img/component/tab/arrow_bottom.png") no-repeat scroll center 0;
		border-top: 3px solid rgba(0,0,0,.2);
	}

	.offerInside.z-tabs.clean.white h5 {
		margin: 0;
		direction: rtl;
		font: 20px/41px "fetrat";
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p {
		margin: 0;
		padding: 0;
		direction: rtl;
		text-align: justify;
		font: 14px/30px "fetrat";
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p a {
		padding: 0 10px;
		color: #5bc8a5;
	}
	.offerInside.z-tabs.clean.white p a:after {
		content: "\232A";
		padding: 0 3px 0 0;
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p a:before {
		content: "\2329";
		padding: 0 0 0 3px;
		color: #000000;
	}
	.offerInside.z-tabs.clean.white p a:hover {
		color: #ff7700;
	}
}

.z-tab a {
	background-color: rgba(255,255,255,0)!important;
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------                    END                   ------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------------------------------------------------------------------------ */