
/* ===== * DETAIL PAGE RESET STYLE * ===== */

	.detail-wrapper { position: relative;overflow: hidden; }

	/*-- DETAIL TITLE --*/
	.detail-wrapper .theTItle { margin-top: 20px;margin-bottom: 30px; }
	.detail-wrapper .theTItle > hr { border: 1px #b7b7b7 solid;margin-top: 10px; }
	.detail-wrapper .theTItle > h1 { font-family:'ooredoo-Bold';font-size: 35px;font-weight: normal;color: #000;line-height: 1.3;margin: 0; }
	.detail-wrapper .theTItle > h2 { font-family:'ooredoo-Bold';font-size: 30px;font-weight: normal;color: #000;line-height: 1.3;margin: 0; }
	.detail-wrapper .theTItle > h3 { font-family:'ooredoo-Bold';font-size: 25px;font-weight: normal;color: #000;line-height: 1.3;margin: 0; }

	/*-- DETAIL CONTENT --*/
	.detail-wrapper .theContent { position: relative;overflow: hidden;color: #565656;font-family:'FuturaStd-Medium';font-size: 13px;line-height: 1.8; }
	.detail-wrapper .theContent .row { margin-left: 0;margin-right: 0; }
	.detail-wrapper .theContent h2,
	.detail-wrapper .theContent h3,
	.detail-wrapper .theContent h4,
	.detail-wrapper .theContent h5 { font-family:'ooredoo-Bold';font-weight: normal;color: #000;line-height: 1.3;margin: 0;margin-bottom: 25px; }
	.detail-wrapper .theContent h2 { font-size: 24px; }
	.detail-wrapper .theContent h3 { font-size: 20px; }
	.detail-wrapper .theContent h4 { font-size: 16px; }
	.detail-wrapper .theContent h5 { font-size: inherit; }

	.detail-wrapper .theContent ol { margin-left: 0px;list-style-type: decimal; }
	.detail-wrapper .theContent ul { margin-left: 0px;list-style-type: disc; }
	.detail-wrapper .theContent ol ul,
	.detail-wrapper .theContent ol ol,
	.detail-wrapper .theContent ul ul,
	.detail-wrapper .theContent ul ol { margin-left: 15px; }
	.detail-wrapper .theContent p { margin-bottom: 15px; }
	
	.detail-wrapper .theContent .panel-title { margin-top: 0;margin-bottom: 0; }

/* ===== * DETAIL PAGE RESET STYLE * ===== */



/* ===== * GLOBAL STYLE * ===== */

	img { max-width: 100%; }
	
	/**** Red Number List ****/
	ol.rednumber-list { padding-left: 0;margin-left: 0;counter-reset: item; }
	ol.rednumber-list li { margin-bottom: 15px;padding-left: 30px;position: relative;display: block;font-family:'FuturaStd-medium';font-size: 24px;font-weight: normal;color: #000;line-height: 1.3; }
	ol.rednumber-list li:before { position: absolute;left: 0;top: 0;content: counter(item) ". ";counter-increment: item;color: red; }
	
	
	/**** Text Align ****/
		.ta-right { text-align: right; } 
		.ta-center { text-align: center; }
		.ta-left { text-align: left; }
	
	/**** Text Color ****/
		.text-color-black { color: #000000 !important; }
		.text-color-white { color: #FFFFFF !important; }
		.text-color-gray { color: #333333 !important; }
		.text-color-red { color: #ed1c24 !important; }
		.text-color-softGreen { color: #19aba8 !important; }

	/**** Background ****/
		.no-background { background: none !important; }
		
		.background-black { background-color: #414042; }
		.background-white { background-color: #FFFFFF; }
		.background-gray { background-color: #f2f2f2; }
		.background-red { background-color: #ed1c24; }
		.background-yellow { background-color: #ffc907; }
		.background-orange { background-color: #fdc437; }
		
		.background-center { background-position: center center; }
		.background-center-left { background-position: center left; }
		.background-center-right { background-position: center right; }
		.background-top-left { background-position: top left; }
		.background-top-right { background-position: top right; }
		.background-top-center { background-position: top center; }
		.background-bottom-left { background-position: bottom left; }
		.background-bottom-right { background-position: bottom right; }
		.background-bottom-center { background-position: bottom center; }



	/**** Table ****/	
	
		/* Black Gray Table */
		.table-black-gray { width: 100%; }
		.table-black-gray tr:nth-child(odd) td { background-color: #d6d5d5; }
		.table-black-gray tr:nth-child(even) td { background-color: #f2f2f2; }
		.table-black-gray tr td { padding: 10px 15px;border: 5px #FFF solid;color: #333; }
		.table-black-gray tr td:first-child { background-color: #333;color: #FFF; }
		.table-black-gray tr td a,
		.table-black-gray tr td a:focus,
		.table-black-gray tr td a:visited { color: inherit; }
	
	/**** Button ****/	
	
		/* Standard link */	
			a.std-link,
			a.std-link:focus,
			a.std-link:visited { display: inline-block;font-family:'FuturaStd-Book';font-size: 18px;font-weight: normal;color: #000000;text-decoration: underline; }		
			a.std-link:hover { text-decoration: none; }
		/* Standard link */
		
		/* Default Button */
			.defaultButton { background: #ed1c24;font-family:'FuturaStd-Book';font-size: 16px;font-weight: normal;color: #FFF;display: inline-block;padding: 7px 15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
			.defaultButton:hover { background: #d5161d; }
			
			.defaultButton.smaller { font-size: 14px;padding: 3px 16px; }
			.defaultButton.big { font-size: 18px;padding: 7px 20px; }
			.defaultButton.bigger { font-size: 20px;padding: 7px 25px; }
			.defaultButton.biggest { font-size: 22px;padding: 7px 25px; }
			
				a.defaultButton,
				a.defaultButton:focus,
				a.defaultButton:visited { color: #FFF;text-decoration: none; }
				
				button.defaultButton,
				input.defaultButton		{ border: 0; }
		/* Default Button */
		
		/* btn-gray Button */
			.btn-gray { background: #333;font-family:'FuturaStd-Book';font-size: 17px;font-weight: normal;color: #FFF;display: inline-block;padding: 7px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
			.btn-gray:hover { background: #464646; }
			
			.btn-gray.big { font-size: 18px;padding: 7px 20px; }
			.btn-gray.bigger { font-size: 20px;padding: 7px 25px; }
			.btn-gray.biggest { font-size: 22px;padding: 7px 25px; }
			
				a.btn-gray,
				a.btn-gray:focus,
				a.btn-gray:visited { color: #FFF;text-decoration: none; }
				
				button.btn-gray,
				input.btn-gray		{ border: 0; }
		/* btn-gray Button */
		
		/* btn-green Button */
			.btn-green { background: #11a5a3;font-family:'FuturaStd-Book';font-size: 17px;font-weight: normal;color: #000;display: inline-block;padding: 7px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
			.btn-green:hover { background: #0e908e; }
			
			.btn-green.big { font-size: 18px;padding: 7px 20px; }
			.btn-green.bigger { font-size: 20px;padding: 7px 25px; }
			.btn-green.biggest { font-size: 22px;padding: 7px 25px; }
			
				a.btn-green,
				a.btn-green:focus,
				a.btn-green:visited { color: #FFF;text-decoration: none; }
				
				button.btn-green,
				input.btn-green		{ border: 0; }
		/* btn-green Button */
		
		/* btn-yellow Button */
			.btn-yellow { background: #fdc437;font-family:'FuturaStd-Book';font-size: 17px;font-weight: normal;color: #000;display: inline-block;padding: 7px 15px; }
			.btn-yellow:hover { background: #d99b00; }
			
			.btn-yellow.big { font-size: 18px;padding: 7px 20px; }
			.btn-yellow.bigger { font-size: 20px;padding: 7px 25px; }
			.btn-yellow.biggest { font-size: 22px;padding: 7px 25px; }
			
				a.btn-yellow,
				a.btn-yellow:focus,
				a.btn-yellow:visited { color: #FFF;text-decoration: none; }
				
				button.btn-yellow,
				input.btn-yellow		{ border: 0; }
		/* btn-yellow Button */
	
	
/* ===== * GLOBAL STYLE * ===== */	


/*-- Flexible Lists --*/
.flex-list { margin-left: -0.5%;margin-right: -0.5%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: stretch;align-content: flex-start;  }
.flex-list .flex-item { width: 100%;margin-left: 0;margin-right: 0;flex-grow: 1;margin-bottom: 15px;padding: 15px;box-sizing: border-box; }

	/* Flex Column Num */
	.flex-list.two .flex-item { width: 49%;margin-left: 0.5%;margin-right: 0.5%; }
	.flex-list.three .flex-item { width: 32.3%;margin-left: 0.5%;margin-right: 0.5%; }
	.flex-list.four .flex-item { width: 24%;margin-left: 0.5%;margin-right: 0.5%; }
	.flex-list.five .flex-item { width: 19%;margin-left: 0.5%;margin-right: 0.5%; }

	/* Flex Content Align */
	.flex-list.top .flex-item { align-self: flex-start;vertical-align: top; }
	.flex-list.center .flex-item { align-self: center;vertical-align: middle; }
	.flex-list.bottom .flex-item { align-self: flex-end;vertical-align: bottom; }


/*-- IM3 Landing Page --*/
.im3-page { background: #fdc500; }
.im3-page .main-content { background: none; }
.im3-page .main-content .container { background: transparent; }

/*-- ditGit Columns --*/
.ditGit-columns { margin: 0; }
.ditGit-columns .items { padding: 0; }
.ditGit-columns .items .bgImage { width: 100%;display: block; }
.ditGit-columns .items .content { position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: auto;padding: 15px 35px; }
.ditGit-columns .items .content > h2 { font-family:'ooredoo-Bold';font-size: 30px;font-weight: normal;color: #FFF;line-height: 1.2;margin-top: 0; }
.ditGit-columns .items .content > p { font-family:'FuturaStd-Book';font-size: 15px;font-weight: normal;color: #FFF;line-height: 1.1;margin-top: 0; }
.ditGit-columns .items .content > a.ditGit-link,
.ditGit-columns .items .content > a.ditGit-link:focus,
.ditGit-columns .items .content > a.ditGit-link:visited { display: inline-block;position: absolute;bottom: 20px;left: 35px;text-decoration: underline;font-family:'FuturaStd-Bold';font-size: 15px;font-weight: normal;color: #FFF;line-height: 1.1;margin-top: 0; }
.ditGit-columns .items .content > a.ditGit-link:hover { text-decoration: none; }

/*-- twoBlock Columns --*/
.twoBlock-columns { padding: 3% 3%; }
.twoBlock-columns .items { width: 49.5%;margin: 0;padding: 0;background-color: #FFF;background-position: right bottom;background-repeat: no-repeat; }
.twoBlock-columns .items:nth-child(2n+1) { margin-right: 0.5%; }
.twoBlock-columns .items:nth-child(2n+0) { margin-left: 0.5%; }
.twoBlock-columns .items .content { padding: 30px; }
.twoBlock-columns .items .content > h2 { font-family:'ooredoo-Bold';font-size: 28px;font-weight: normal;color: #333;line-height: 1.2;margin-top: 0; }
.twoBlock-columns .items .content > p { font-family:'FuturaStd-Book';font-size: 15px;font-weight: normal;color: #333;line-height: 1.2;margin-top: 0; }

/*-- twoBlock Lists --*/
.twoBlock-lists {  }
.twoBlock-lists .items { width: 49.5%;padding: 0px;margin: 0;margin-bottom: 15px;background-color: #FFF;background-position: right bottom;background-repeat: no-repeat; }
.twoBlock-lists .items:nth-child(2n+1) { margin-right: 0.5%; }
.twoBlock-lists .items:nth-child(2n+0) { margin-left: 0.5%; }
.twoBlock-lists .items .content { padding: 30px; }
.twoBlock-lists .items .content > h2 { font-family:'ooredoo-Bold';font-size: 28px;font-weight: normal;color: #000;line-height: 1.2;margin-top: 0;margin-bottom: 15px; }
.twoBlock-lists .items .content > h3 { font-family:'ooredoo-Bold';font-size: 21px;font-weight: normal;color: #000;line-height: 1.2;margin-top: 0;margin-bottom: 15px; }
.twoBlock-lists .items .content > p { font-family:'FuturaStd-medium';font-size: 14px;font-weight: normal;color: #000;line-height: 1.2;margin-top: 0;margin-bottom: 15px; }

/*-- featured Banner --*/
.featured-banner { text-align: right;position: relative;overflow: hidden }
.featured-banner .theImage { display: inline-block;max-width: 80%; }
.featured-banner .theContent { text-align: left;position: absolute;/*min-width: 38%;max-width: 45%;*/width: 50%;height: 100%;left: 3%;top: 0;bottom: 0;margin: auto;display: table;display: block\9;top: 5%\9;vertical-align: middle; }
.featured-banner .theContent .theWrapper { position: relative;display: table-cell; }
.featured-banner .theContent > .theWrapper > h2 { font-family:'ooredoo-Bold';font-size: 48px;font-weight: normal;color: #333;line-height: 1.2;margin-top: 0; }
.featured-banner .theContent > .theWrapper > h3 { font-family:'ooredoo-Bold';font-size: 30px;font-weight: normal;color: #000;line-height: 1.2;margin-top: 0; }
.featured-banner .theContent > .theWrapper > p { font-family:'FuturaStd-Book';font-size: 16px;font-weight: normal;color: #333;line-height: 1.2;margin-top: 0; }
.featured-banner .theContent > .theWrapper > p.subTitle { font-family:'FuturaStd-medium';font-size: 21px;font-weight: normal;color: #000;line-height: 1.2;margin-top: 30px; }
.featured-banner .theContent > .theWrapper > .theButton { text-align: right;margin-top: 30px; }
	
	/*-- group featured Banner --*/
	.group-featured-banner { margin-top: 15px; }
	.group-featured-banner .featured-banner { margin-bottom: 15px; }
	.group-featured-banner .featured-banner .theContent > .theWrapper > .theButton { margin-top: 60px; }
	.group-featured-banner .featured-banner:nth-child(odd) { text-align: left; }
	.group-featured-banner .featured-banner:nth-child(odd) .theContent { left: auto;right: 3%;text-align: right; }
	.group-featured-banner .featured-banner:nth-child(even) { text-align: right; }
	.group-featured-banner .featured-banner:nth-child(even) .theContent > .theWrapper > .theButton { text-align: left; }
	
	.group-featured-banner.reverse .featured-banner:nth-child(odd) { text-align: right; }
	.group-featured-banner.reverse .featured-banner:nth-child(odd) .theContent > .theWrapper > .theButton { text-align: left; }
	.group-featured-banner.reverse .featured-banner:nth-child(even) { text-align: left; }
	.group-featured-banner.reverse .featured-banner:nth-child(even) .theContent { left: auto;right: 3%;text-align: right; }

/*-- featured Step --*/
.featured-step .theItems { text-align: center; }
.featured-step .theItems img { display: block;margin: auto;margin-bottom: 15px; }
.featured-step .theItems p { font-family:'ooredoo-Bold';font-size: 16px;margin: 0; }

/*-- Fillin Link --*/
.fillInForm { overflow: hidden;margin: 0 -2%;padding: 0px 0px 18px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }
.fillInForm a { width: 21%;margin: 0px 2%;margin-bottom: 10px;padding: 13px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; box-sizing: border-box;overflow: hidden;position: relative;zoom: 1;background: #f2f2f2;border-radius: 5px;display: block;float: left;text-align: center; }
.fillInForm a img { width: 65%;margin-bottom: 10px; }
.fillInForm a > span { color: #ed1c24;display: block;font-family:'FuturaStd-medium';font-size: 16px;line-height: 10px; }

/*-- Twitter Box --*/
.twitterBox { background: #cac7ff;border-radius: 6px;padding: 15px 20px;margin-bottom: 15px; }
.twitterBox > form { margin-bottom: 0; }

.twitterBox > h4 {
  background: url(../img/icon-contact-twitter.png) no-repeat left center;
  font-size: 24px !important;
  margin-bottom: 10px !important;
  padding-left: 40px !important;
  font-family:'FuturaStd-Book' !important;
  color: #FFF !important;
}


.twitterBox > form > textarea {
  border: none;
  border-radius: 5px;
  margin-bottom: 0;
  margin-right: 12px;
  padding: 5px 10px;
  resize: none;
  width: 100%;
  height: 80px;
  font-family:'FuturaStd-Book';
  font-size: 14px;
}
.twitterBox > form > input[type="submit"] {
  margin-bottom: 0;
  margin-top: 60px;
  padding-bottom: 15px;
  padding-top: 15px;
}

/*-- Agent Location --*/
.agent-location { margin-bottom: 15px; }
.agent-location .theForm { margin-bottom: 25px; }
.agent-location .theResult .theResultTitle { border-bottom: 3px #ff0000 solid;position: relative; }
.agent-location .theResult .theResultTitle p { font-family:'ooredoo-Regular';font-size: 27px;color: #ed1c24;text-align: center;margin: 0;padding: 10px 0; }
.agent-location .theResult .theResultTitle a.resNav,
.agent-location .theResult .theResultTitle a.resNav:focus,
.agent-location .theResult .theResultTitle a.resNav:visited { color: #ed1c24;font-size: 27px;display: block;position: absolute;top: 0;bottom: 0;margin: auto;width: 25px;height: 30px; }
.agent-location .theResult .theResultTitle a.resNav.prevDate { left: 0; }
.agent-location .theResult .theResultTitle a.resNav.nextDate { right: 0; }

.agent-location .theResult .theResultItems { padding: 20px 0; }
.agent-location .theResult .theResultItems .theItemRow { overflow: hidden;border: 1px #d2cec7 solid;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin-bottom: 20px; }
.agent-location .theResult .theResultItems .theItem { display: table;width: 100%; }
.agent-location .theResult .theResultItems .theItem .itemCell { display: table-cell;vertical-align: middle;padding: 0 15px; }
.agent-location .theResult .theResultItems .theItem .itemCell:first-child { width: 35%; }
.agent-location .theResult .theResultItems .theItem .itemCell:last-child { width: 13%;background: #f2f3f3;border-left: 1px #d2cec7 solid; }
.agent-location .theResult .theResultItems .theItem .itemCell .jtm-wrap { margin: 15px -15px;padding: 0 15px;padding-bottom: 40px;border-left: 2px #e6e7e8 solid;position: relative; }
.agent-location .theResult .theResultItems .theItem .itemCell > h2 { font-family:'ooredoo-Regular';font-size: 28px;font-weight: normal;margin: 0; }
.agent-location .theResult .theResultItems .theItem .itemCell h4 { font-family:'FuturaStd-Bold';font-size: 14px;font-weight: normal;margin: 0;margin-bottom: 5px;color: #969696; }
.agent-location .theResult .theResultItems .theItem .itemCell > small { font-family:'ooredoo-Bold';font-size: 14px;font-weight: normal;margin: 0;color: #666; }
.agent-location .theResult .theResultItems .theItem .itemCell p { font-family:'FuturaStd-medium';font-size: 14px;font-weight: normal;margin: 0;color: #666; }
.agent-location .theResult .theResultItems .theItem .itemCell p.resultTime { font-family:'ooredoo-Regular';font-size: 21px;font-weight: normal;line-height: 1.2;margin: 0;color: #666;text-align: center; }
.agent-location .theResult .theResultItems .theItem .itemCell a.btn-green { padding: 3px 10px 2px 10px;font-size: 12px;position: absolute;bottom: 0;left: 15px; }















