/*Styles For Desktop - 1
====================================================================*/
body														{background: #cacaca;}
label {    display: block;
    margin: 5px 0;
    font-family: 'Cardo', sans-serif;
    font-size: 18px;}
.logo														{background: url(../images/logo.png) no-repeat 50% 10px; height: 320px; text-align: center;}
.logo img												{}
.logo p														{font-family: 'Cardo', sans-serif; font-weight:500; font-size: 36px; position: relative; top: 250px;}

.social														{float:right; margin-right:10px; position: relative; right: 0; top: 50%;}
.social img												{}

.content-wrapper													{background:#dfdfdf; width: 95.2%; margin: -15px auto 0 auto; height:100%}
.content-wrapper img											{margin:0 auto; text-align:center;}

.navigation												{background: url(../images/nav-back.png) no-repeat ; height: 70px; width: 100%; max-width: 1121px; font-family: 'Cardo', serif;}
.navigation ul											{width: 94%; margin: 0 auto;}
.navigation li											{float: left; list-style: none;}
.navigation li a, visited							{color: #fff; text-decoration: none; display: block; padding: 16px 30px 16px 30px;}
.navigation li a:hover								{background: #957730;}

.slider														{background: url(../images/shadow.png) no-repeat center bottom; height: 410px;}

.map														{float: right; width: 28%; margin-right: 52px;}
.contact-map												{float: right; width: 50%; border:#fff 5px solid; margin-right:20px !important}
.contact-details											{float:left; text-align:left; font-family: 'Cardo', serif; line-height:34px; border:#fff 4px solid; font-size:18px; font-weight:900; margin-left:20px; margin-bottom:20px}
.contact-details ul											{width: 58%; margin: 0 auto;}
.contact-details li											{float: left; list-style: none; padding:0 45px 0 120px}
.contact-details	a										{text-decoration:none; color:#464646}
.contact-details	a:hover									{text-decoration:underline}

.content													{width: 60%; float: left; margin-left:3.5%; text-align:justify; margin-bottom: 30px;}
.content-two											{width: 90%; float: left; margin-left:3.5%; text-align: center; margin-bottom: 30px;}
.content-two h1										{font-family: 'Cardo', serif; font-weight:400; font-size:38px; margin-bottom:3%; color:#464646}
.content-two h2										{font-family: 'Cardo', serif; font-weight:400; color:#464646;}
.content-two h3										{font-family: 'Cardo', serif; font-weight:400; color:#464646;}
.content-two p										{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#464646; line-height:22px; text-shadow:#fff 1px; margin-bottom: 15px; text-align: center;}

.content h1												{font-family: 'Cardo', serif; font-weight:400; font-size:38px; margin-bottom:3%; color:#464646}
.content h2												{font-family: 'Cardo', serif; font-weight:400; color:#464646;}
.content h3												{font-family: 'Cardo', serif; font-weight:400; color:#464646;}
.content p												{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#464646; line-height:22px; text-shadow:#fff 1px; margin-bottom: 15px; }
.content a												{font-family: Arial, Helvetica, sans-serif; text-decoration:none;color:#957730;}
.content a:hover										{font-family: Arial, Helvetica, sans-serif; text-decoration:underline;color:#957730;}
.content-two a											{font-family: Arial, Helvetica, sans-serif; text-decoration:none;color:#957730;font-weight:bold}
.content-two a:hover									{font-family: Arial, Helvetica, sans-serif; text-decoration:underline;color:#957730;}
.content-two img										{margin: 10px 0 20px 0;}

.images-wrapper									{padding-bottom: 3%; padding-left: 0%;}
.images-wrapper .blurb						{margin: 0; width: 30.95%; float: left; text-align: center;}
.images-wrapper img							{max-width:100%; border: 9px solid #fff}

.footer 													{text-align:center; font-size:13px ;padding-top:3%; padding-bottom:3%;}
.footer	a													{text-decoration:none;color:#464646;}
.footer a:hover										{text-decoration:underline; font-weight:400;}
.mobile													{display:none;}


.africa														{background: url(../images/africa.png) no-repeat 50% top; height: 815px; margin-left: 10px; margin-top: 15px; width: 70%; background-size: 100%; border: 1px solid #b6b6b6; position: relative;}

#zimbabwe											{position: absolute; left: 417px; top: 493px; font-size: 20px;}
#zimbabwe a, visited							{color: #333; text-decoration: none;}
#namibia												{position: absolute; left: 192px; top: 569px; font-size: 20px;}
#namibia a, visited								{color: #333; text-decoration: none;}
#southafrica											{position: absolute; bottom: 70px; left: 300px; font-size: 20px;}
#southafrica a, visited							{color: #333; text-decoration: none;}
#eastafrica												{position: absolute; right: 0; font-size: 20px; display: none;}
#eastafrica a, visited							{color: #333; text-decoration: none;}
#zambia													{position: absolute; left: 380px; top: 408px; font-size: 20px;}
#zambia a, visited									{color: #333; text-decoration: none;}
#mozambique										{position: absolute; right: 107px; top: 480px; font-size: 20px;}
#mozambique a, visited						{color: #333; text-decoration: none;}
#botswana												{position: absolute; left: 310px; top: 553px; font-size: 20px;}
#botswana a, visited								{color: #333; text-decoration: none;}
#kenya													{position: absolute; right: 95px; top: 120px; font-size: 20px; display: none;}
#kenya a, visited									{color: #333; text-decoration: none;}
#tanzania												{position: absolute; right: 150px; top: 245px; font-size: 20px; display: none;}
#tanzania a, visited								{color: #333; text-decoration: none;}

.quick-sidebar										{float:right;padding-top:10px; margin-right: 10px !important;}
.quick-sidebar	h2									{font-family: 'Cardo', serif; color:#464646; text-align: right; font-weight: normal; margin-bottom: 10px;}
.quick-sidebar	ul									{width:100%; margin-right:0 !important; float:right}
.quick-sidebar li									{list-style: none; border-bottom: 1px solid #dadada; background:#464646  }
.quick-sidebar li	 a								{font-family: 'Cardo', serif; font-size:18px;display: block; text-align:right; padding: 7px 10px 7px 0; color: #FFF; text-decoration: none; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.quick-sidebar li	 a:hover						{background: #957730 url(../images/bullet-hover.png) no-repeat 10px 50%; color: #fff;}

input,select, textarea																			   {width: 71%;border:1px solid #CCCCCC;font-family: 'Cardo', sans-serif;font-size: 13px;padding: 6px;margin-bottom:10px;background: #ccc;}
#contact																			{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif ; font-size: 13px; padding: 6px ; margin-bottom:10px}
#email																				{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
#query																				{width:85%; border:1px solid #CCCCCC; min-height:130px; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
#nationality																		{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}

#arrivalday																		{width:17%; border:1px solid #CCCCCC; font-family: sans-serif; font-size: 12px; padding: 6px ; margin-bottom:10px}
#arrivalMonth																	{width:17%; border:1px solid #CCCCCC; font-family: sans-serif; font-size: 12px; padding: 6px ; margin-bottom:10px}
#arrivalYear																	{width:17%; border:1px solid #CCCCCC; font-family: sans-serif; font-size: 12px; padding: 6px ; margin-bottom:10px}

#departDay																	{width:17%; border:1px solid #CCCCCC; font-family: sans-serif; font-size: 12px; padding: 6px ; margin-bottom:10px}
#departMonth																{width:17%; border:1px solid #CCCCCC; font-family: sans-serif; font-size: 12px; padding: 6px ; margin-bottom:10px}
#departYear																	{width:17%; border:1px solid #CCCCCC; font-family: sans-serif; font-size: 12px; padding: 6px ; margin-bottom:10px}

#arrivaltime																	{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
#adults																			{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
#budget 																			{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
#children																			{width:50%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
#verif_box																		{width:46%; border:1px solid #CCCCCC; font-family: 'Cardo', sans-serif; font-size: 13px; padding: 6px ; margin-bottom:10px}
.form																				{font-size:13px; color: #462f1d; margin-bottom:5px; color:#464646}
.form h1 																			{font-family: 'Cardo', sans-serif; margin-bottom:20px; margin-left:20px}
.form-left 																		{width: 268px !important}
#verif																				{padding-left:10px}
div.column3.alpha.form													{width:161px}

.title																					{background: rgba(62,62,62,0.95); color: #fff !important; text-align: center; padding: 0px 0;}
.sub-title																			{color: #fff !important;}

#blog															{margin-top: 0; margin-bottom: 10px; position: relative; z-index: 10;}
#blog li							{list-style: none;}
#blog li a							{background: #464646; color: #fff; text-decoration: none; display: block; padding: 7px 10px; font-family: 'Cardo', sans-serif;}
#blog li a:hover					{background: #957730;}


/*Styles Above 1161px - 2
====================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {
body														{background: #cacaca;}

.logo														{text-align: center;}
.logo img												{width:50%}
.logo p														{font-family: 'Cardo', serif; font-weight:500; font-size:25px; width:50%; text-align:center; margin-left:25.5%}

.social														{float:right; text-align:right ; margin-right:10px}
.social img												{width:20%}

.wrapper													{background:#dfdfdf; width: 94.8%; margin: -15px auto 0 auto; height:100%}
.wrapper img											{margin:0 auto; text-align:center;}

.navigation												{background: url(../images/nav-back.png) no-repeat ; height: 60px; width: 100%; max-width: 1121px; font-family: 'Cardo', serif; background-size:contain}
.navigation ul											{width: 94%; margin: 0 auto;}
.navigation li											{float: left; list-style: none;}
.navigation li a, visited							{color: #fff; text-decoration: none; display: block; padding: 12px 16px;}
.navigation li a:hover								{background: #957730;}

.slider														{background: url(../images/shadow.png) no-repeat center bottom; height: 357px; background-size: 800px 40px;}

.map														{padding-top:7%;text-align:right ;padding-right:2%}

.content													{text-align:justify; padding-left:3%}
.content h1												{font-family: 'Cardo', serif; font-weight:400; font-size:38px; margin-bottom:3%; color:#464646}
.content p												{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#464646; line-height:22px}

.images													{padding-left:1%; padding-top:3%;}
.images img											{max-width:100%; border: 9px solid #fff;}

.footer 													{text-align:center; font-size:13px ;padding-top:3%; padding-bottom:3%;}
.footer	a													{text-decoration:none;color:#464646;}
.footer a:hover										{text-decoration:underline; font-weight:400;}
.mobile													{display:none;}

.contact-details ul											{width: 58%; margin: 0 auto;}
.contact-details li											{float: left; list-style: none; padding:0px 66px 5px 42px}

}


/*Styles Above 768px - 2
====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
body							{background: #cacaca;}

.logo							{text-align: center;}
.logo	img						{ width:50%}
.logo	p						{font-family: 'Cardo', serif; font-weight:500; font-size:20px;  width:50%; text-align:center; margin-left:25.5%}

.social							{float:right; text-align:right ; margin-right:10px}
.social img						{width:20%}

.wrapper						{background:#dfdfdf; width: 94.4%; margin: -15px auto 0 auto; height:100%}
.wrapper img					{margin:0 auto; text-align:center;}

.navigation						{background: url(../images/nav-back.png) no-repeat ; height: 50px; width: 100%; max-width: 1121px; font-family: 'Cardo', serif; background-size:contain}
.navigation ul					{width: 95%; margin: 0 auto;}
.navigation li					{float: left; list-style: none; font-size:13px}
.navigation li a, visited		{color: #fff; text-decoration: none; display: block; padding: 8px 12px;}
.navigation li a:hover			{background: #957730;}

.shadow							{margin:0 auto; text-align:center; margin-bottom:10px}

.map							{padding-top:7%;text-align:right ;padding-right:2%}
.slider														{background: url(../images/shadow.png) no-repeat center bottom; height: 299px;}

.content						{text-align:justify; padding-left:3%}
.content h1						{font-family: 'Cardo', serif; font-weight:400; font-size:36px; margin-bottom:3%; color:#464646}
.content p						{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#464646; line-height:22px}

.images							{padding-left:1%; padding-top:3%}
.images img						{width:73%; height:230px; border: 9px solid #fff}

.footer 						{text-align:center; font-size:13px ;padding-top:3%; padding-bottom:3%}
.footer	a						{text-decoration:none;color:#464646	}
.footer a:hover					{text-decoration:underline; font-weight:400}
.mobile							{display:none}

.contact-details ul											{width: 58%; margin: 0 auto;}
.contact-details li											{float: left; list-style: none;}
.quick-sidebar										{float:right;padding-top:10px}
.quick-sidebar li	 a								{font-family: 'Cardo', serif; font-size:18px;display: block; text-align:right0; padding: 7px 10px 7px 0; color: #FFF; text-decoration: none; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
}


/*Styles for 767px - For Tablet in Potrait Mode
====================================================================*/
@media only screen and (max-width: 767px) {

.table		{width: 100%; overflow-x: scroll; overflow-y: hidden;}

}


/*Styles for Smartphones - 3
====================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body							{background: #cacaca;}

.logo							{text-align: center;}
.logo	img						{ width:50%}
.logo	p						{font-family: 'Cardo', serif; font-weight:500; font-size:17px; width:49%; text-align:center; margin-left:25.5%}

.social							{float:right; text-align:right ; margin-right:10px}
.social img						{width:20%; padding-bottom:10px}

.wrapper						{background:#dfdfdf; width: 94.4%; margin: -15px auto 0 auto; height:100%}
.wrapper img					{margin:0 auto; text-align:center;}

.navigation						{display:none;background: url(../images/nav-back.png) no-repeat ; height: 50px; width: 100%; max-width: 1121px; font-family: 'Cardo', serif; background-size:contain}
.navigation ul					{width: 87%; margin: 0 auto;}
.navigation li					{float: left; list-style: none;}
.navigation li a, visited		{color: #fff; text-decoration: none; display: block; padding: 7px 28px;}
.navigation li a:hover			{background: #957730;}

.slider							{background:none; height: 233px;}
.shadow							{margin:0 auto; text-align:center; margin-bottom:10px}

.map							{padding-top:7%;text-align:right ;padding-left:3%; float:none}

.content						{text-align:justify; padding-left:3%; width:91%}
.content h1						{font-family: 'Cardo', serif; font-weight:400; font-size:36px; margin-bottom:3%; color:#464646}
.content p						{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#464646; line-height:22px; width:98%}

.images							{padding-left:1%; padding-top:3%}
.images img						{width:37%; height:230px; border: 9px solid #fff}

.footer 						{text-align:center; font-size:13px ;padding-top:3%; padding-bottom:3%}
.footer	a						{text-decoration:none;color:#464646	}
.footer a:hover					{text-decoration:underline; font-weight:400}

.mobile 																			{display: block !important; width: 100%; position: relative; z-index: 99999999999;}
.contact-details ul											{width: 58%; margin: 0 auto;}
.contact-details li											{float: left; list-style: none; padding-left:0 !important}
.quick-sidebar										{float:left;padding-top:10px}
.quick-sidebar li	 a								{font-family: 'Cardo', serif; font-size:18px;display: block; text-align:left; padding: 7px 10px 7px 0; color: #FFF; text-decoration: none; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
#zimbabwe											{position: absolute; left: 147px; top:136px; font-size: 17px;}
#zimbabwe a, visited							{color: #333; text-decoration: none;}
#namibia												{position: absolute; left: 	38px; top: 263px; font-size: 17px;}
#namibia a, visited								{color: #333; text-decoration: none;}
#southafrica									{position: absolute; bottom: 34px; left: 176px; font-size: 17px;}
#southafrica a, visited							{color: #333; text-decoration: none;}
#eastafrica												{position: absolute; right: 0; font-size: 17px; display: none;}
#eastafrica a, visited							{color: #333; text-decoration: none;}
#zambia													{position: absolute; left: 273px; top: 110px; font-size: 17px;}
#zambia a, visited									{color: #333; text-decoration: none;}
#mozambique										{position: absolute; right: -381px; top: 210px; font-size: 17px;}
#mozambique a, visited						{color: #333; text-decoration: none;}
#botswana												{position: absolute; left: 194px; top: 274px; font-size: 17px;}
#botswana a, visited								{color: #333; text-decoration: none}

.africa							{background: url(../images/africa.png) no-repeat 50% top; height: 504px; margin-left:0 !important; margin-top: 15px; width: 94%; background-size: 100% 501px; border: none !important; position: relative;}
.form       {padding-left: 50px}
}


/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {
body							{background: #cacaca;}

.logo							{text-align: center;}
.logo	img						{ width:65%}
.logo	p						{font-family: 'Cardo', serif; font-weight:500; font-size:20px; ; width:64%; text-align:center; margin-left:17.8%; font-size:17.3px}

.social							{float:right; text-align:right ; margin-right:10px}
.social img						{width:17%; padding-bottom:10px; padding-top:10px}

.wrapper						{background:#dfdfdf; width: 94.4%; margin: -15px auto 0 auto; height:100%}
.wrapper img					{margin:0 auto; text-align:center;}

.navigation						{display:none;background: url(../images/nav-back.png) no-repeat ; height: 50px; width: 100%; max-width: 1121px; font-family: 'Cardo', serif; background-size:contain}
.navigation ul					{width: 87%; margin: 0 auto;}
.navigation li					{float: left; list-style: none;}
.navigation li a, visited		{color: #fff; text-decoration: none; display: block; padding: 7px 28px;}
.navigation li a:hover			{background: #957730;}

.slider							{background:none; height: 147px;}

.shadow							{margin:0 auto; text-align:center; margin-bottom:10px}

.map							{padding-top:7%;text-align:right ;padding-left:3%; float:none}

.africa							{background: url(../images/africa.png) no-repeat 50% top; height: 420px; margin-left:0 !important; margin-top: 15px; width: 100%; background-size: 100% 420px; border: none !important; position: relative;}

.content						{text-align:justify; padding-left:3%; width:91%; margin-top:20px}
.content h1						{font-family: 'Cardo', serif; font-weight:400; font-size:33px; margin-bottom:3%; color:#464646}
.content p						{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#464646; line-height:22px; width:98%}

.images							{padding-left:1%; padding-top:3%}
.images img						{width:95%; height:230px; border: 9px solid #fff}

.footer 						{text-align:center; font-size:13px ;padding-top:3%; padding-bottom:3%}
.footer	a						{text-decoration:none;color:#464646	}
.footer a:hover					{text-decoration:underline; font-weight:400}
.mobile 									{display: block !important; width: 100%; position: relative; z-index: 99999999999;}
.contact-details ul											{width: 58%; margin: 0 auto;}
.contact-details li											{float: left; padding-left:0 !important}
.quick-sidebar										{float:left;padding-top:10px}
.quick-sidebar li	 a								{font-family: 'Cardo', serif; font-size:18px;display: block; text-align:left; padding: 7px 10px 7px 0; color: #FFF; text-decoration: none; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

#zimbabwe											{position: absolute; left: 147px; top:136px; font-size: 17px;}
#zimbabwe a, visited							{color: #333; text-decoration: none;}
#namibia												{position: absolute; left: 	38px; top: 263px; font-size: 17px;}
#namibia a, visited								{color: #333; text-decoration: none;}
#southafrica									{position: absolute; bottom: 34px; left: 84px; font-size: 17px;}
#southafrica a, visited							{color: #333; text-decoration: none;}
#eastafrica												{position: absolute; right: 0; font-size: 17px; display: none;}
#eastafrica a, visited							{color: #333; text-decoration: none;}
#zambia													{position: absolute; left: 380px; top: 110px; font-size: 20px;}
#zambia a, visited									{color: #333; text-decoration: none;}
#mozambique										{position: absolute; right: -175px; top: 210px; font-size: 17px;}
#mozambique a, visited						{color: #333; text-decoration: none;}
#botswana												{position: absolute; left: 77px; top: 205px; font-size: 17px;}
#botswana a, visited								{color: #333; text-decoration: none;}


.error{

	color: red;
}
.success{

	color: green !important;
}

.form       {padding-left: 50px}

}