@font-face {
  font-family: webfont;
  font-display: swap;
  src: url(../fonts/alqabas-bold.ttf);
  font-weight: 400;
  
}

@font-face {
  font-family: webfont-regular;
  font-display: swap;
  src: url(../fonts/alqabas-regular.ttf);
  font-weight: normal;
  
}


body {
  background-color: #f5f5f5;
}

.headerwp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  min-width: 320px;
}

.topbarbg {
  width: 100%;
  display: block;
  min-height: 194px;
  padding-top: 0px;
/*  background: url(../images/topbg.jpg) top center no-repeat;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

.desktoplogo {
  padding: 0px;
	padding-top: 15px; padding-bottom: 15px;
  margin: 0 auto;
  text-align: center;
}

/*Swicher CSS*/

.swichermainbx {
  max-width: 1140px;
  margin: 155px auto 0px auto;
}

.swichermainleft {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichermainright {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichertxt {
  width: 100%;
}

.swichertxt02 {
  font-size: 15px;
  margin-bottom: 15px;
}

.wscolorcode:hover {
  color: #fff;
  text-decoration: none;
}

.wscolorcode {
  width: 12.5%;
  margin: 0px;
  color: #fff;
  float: left;
  padding: 4px 12px 4px 12px;
  margin: 0px;
  height: 30px;
  line-height: 22px;
  background-color: #333;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: solid 2px #fff;
}

.wscolorcode.cblack {
  width: 16.66%;
}

.wscolorcode.active {
  border-bottom: solid 2px #333;
  opacity: 1;
}

.wscolorcode.cblack.active {
  border-bottom: solid 2px #da4b38;
  opacity: 1;
}

.wscolorcode i {
  font-size: 15px;
  color: #fff;
}

.wscolorcode.cblue {
  background-color: #1991eb;
}

.wscolorcode.corange {
  background-color: #941917;
}

.wscolorcode.cred {
  background-color: #d7412e;
}

.wscolorcode.cpink {
  background-color: #eb65a0;
}

.wscolorcode.cgreen {
  background-color: #80c133;
}

.wscolorcode.cpurple {
  background-color: #967ADC;
}

.wscolorcode.cgry {
  background-color: #ccc;
}

.wscolorcode.cyellow {
  background-color: #ffd452;
}

.wscolorcode.grd-green {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49c4a4), to(#97b832));
  background: -webkit-linear-gradient(left, #49c4a4, #97b832);
  background: -moz-linear-gradient(left, #49c4a4, #97b832);
  background: -o-linear-gradient(left, #49c4a4, #97b832);
  background: -ms-linear-gradient(left, #49c4a4, #97b832);
  background: linear-gradient(left, #49c4a4, #97b832);
  background-color: #49c4a4;
}

.wscolorcode.grd-blue {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31c8b1), to(#4ec7ff));
  background: -webkit-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -moz-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -o-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -ms-linear-gradient(left, #31c8b1, #4ec7ff);
  background: linear-gradient(left, #31c8b1, #4ec7ff);
  background-color: #4ec7ff;
}

.wscolorcode.grd-red {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90647), to(#eb402c));
  background: -webkit-linear-gradient(left, #d90647, #eb402c);
  background: -moz-linear-gradient(left, #d90647, #eb402c);
  background: -o-linear-gradient(left, #d90647, #eb402c);
  background: -ms-linear-gradient(left, #d90647, #eb402c);
  background: linear-gradient(left, #d90647, #eb402c);
  background-color: #d90647;
}

.wscolorcode.grd-light-green {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bb92), to(#69cbb0));
  background: -webkit-linear-gradient(left, #29bb92, #69cbb0);
  background: -moz-linear-gradient(left, #29bb92, #69cbb0);
  background: -o-linear-gradient(left, #29bb92, #69cbb0);
  background: -ms-linear-gradient(left, #29bb92, #69cbb0);
  background: linear-gradient(left, #29bb92, #69cbb0);
  background-color: #29bb92;
}

.wscolorcode.grd-pink {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c659a7), to(#fd67a0));
  background: -webkit-linear-gradient(left, #c659a7, #fd67a0);
  background: -moz-linear-gradient(left, #c659a7, #fd67a0);
  background: -o-linear-gradient(left, #c659a7, #fd67a0);
  background: -ms-linear-gradient(left, #c659a7, #fd67a0);
  background: linear-gradient(left, #c659a7, #fd67a0);
  background-color: #cc48d4;
}

.wscolorcode.grd-orange {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5183), to(#ff754b));
  background: -webkit-linear-gradient(left, #ff5183, #ff754b);
  background: -moz-linear-gradient(left, #ff5183, #ff754b);
  background: -o-linear-gradient(left, #ff5183, #ff754b);
  background: -ms-linear-gradient(left, #ff5183, #ff754b);
  background: linear-gradient(left, #ff5183, #ff754b);
  background-color: #ff5183;
}

.wscolorcode.grd-black {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383d41), to(#5d6069));
  background: -webkit-linear-gradient(left, #383d41, #5d6069);
  background: -moz-linear-gradient(left, #383d41, #5d6069);
  background: -o-linear-gradient(left, #383d41, #5d6069);
  background: -ms-linear-gradient(left, #383d41, #5d6069);
  background: linear-gradient(left, #383d41, #5d6069);
  background-color: #5d6069;
}

.wscolorcode.grd-gry {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#e4e4e4));
  background: -webkit-linear-gradient(left, #cccccc, #e4e4e4);
  background: -moz-linear-gradient(left, #cccccc, #e4e4e4);
  background: -o-linear-gradient(left, #cccccc, #e4e4e4);
  background: -ms-linear-gradient(left, #cccccc, #e4e4e4);
  background: linear-gradient(left, #cccccc, #e4e4e4);
  background-color: #cccccc;
}

@media only screen and (min-width: 230px) and (max-width:991px) {
  .desktoplogo {
    display: none;
  }

  .topbarbg {
    background: none;
    box-shadow: none;
  }

  .swichermainbx {
    width: 96%;
    margin: 0% 2%;
    display: block;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 15px 25px;
    border-radius: 14px;
  }

  .swichermainleft {
    width: 98%;
    margin: 1% 1%;
  }

  .swichermainright {
    width: 98%;
    margin: 1% 1%;
  }

  .wscolorcode {
    width: 12.5%;
  }

  .swichertxt {
    display: none;
  }

  .swichertxt02 span {
    display: none;
  }
}

/*---------------------------------------------------*/

a:hover { text-decoration: none !important;}
	
	.desktoplogo img {  width:265px; float: right;}	
	.main-menu { }
	
	.bg-blue { background-color: #53bfe2 !important}
	.bg-yellow { background-color: #f8c54c !important}
	.bg-green { background-color: #2dbc89 !important}
	.bg-purble { background-color: #de6dc2 !important}
	.bg-pink { background-color: #e95080 !important}

	.bg-blue2 { background-color: #4a7498 !important}
	.bg-oil { background-color: #5f7d4e !important}
		.bg-orange { background-color: #000 !important;}
	.radius-box { border-radius: 4px;  }
	
	
	.top-menu-box {border-bottom: 1px solid #ccc; background-color: #000}
	.top-menu { max-width: 1200px;
		/* background-color: #ea7d32;*/ 
		height: 40px; width:100%; 
		
	margin-left: auto; margin-right: auto;}
	.date { font-family: webfont; font-size: 14px;  color:#FFF; padding-top: 8px; text-align: center;}
	
	
	.main-box { margin-top: 25px;}
	.main-story { }
	.main-story img { width:100%; border-radius: 10px;border:1px solid #ccc; height: 355px !important;}
	
	.sub-story { }
	.sub-story img { width:100%; border-radius: 4px; border:1px solid #ccc; height: 244px;}

	
	.home-section { font-family: webfont; text-align: right; padding: 10px; font-size: 20px;; font-weight: bold; margin-right: 10px}
	.home-section img { float: right; vertical-align: middle; height: 40px; margin-left: 10px; margin-right: 10px;}
	.home-section a { display: block; margin-top: 7px;} 


	.home-section-black { font-family: webfont; text-align: right; padding: 10px; font-size: 20px;; font-weight: bold; margin-right: 10px}
	.home-section-black img { float: right; vertical-align: middle; height: 40px; margin-left: 10px; margin-right: 10px;}
	.home-section-black a { display: block; margin-top: 7px;} 


	
	.color-blue a { color:#53bfe2}
	
	
	.home-section-white { font-family: webfont; text-align: right; padding: 10px; font-size: 24px;; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px}
	.home-section-white img { float: right; vertical-align: middle; height: 35px; margin-left: 10px; margin-right: 10px;}
	.home-section-white a {color:#000; display: block; margin-top: 3px;} 
	

	.home-section-small { font-family: webfont; text-align: right; padding: 10px; font-size: 20px;; font-weight: bold; margin-bottom: 5px; padding-bottom: 6px}
	.home-section-small img { float: right; vertical-align: middle; height: 35px; margin-left: 10px; margin-right: 10px;}
	.home-section-small a {color:#FFF; display: block; margin-top: 10px;} 


	.big-image { padding: 10px; margin: 5px;
	padding-top: 0px; margin-top: 0px; margin-bottom: 15px;
	}
	.big-image img { width:100%; border-radius: 10px; height: 150px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image .title { text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold;}
	.big-image .title a { color:#000;}


	.big-image-white-link { margin: 5px; padding-left: 45px; padding-right: 45px;
	padding-top: 0px; margin-top: 10px; margin-bottom: 10px;
	}
	.big-image-white-link img { width:100%; border-radius: 10px; height: 150px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-white-link .title { text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold; height: 63px;}
	.big-image-white-link .title a { color:#FFF;}
	
	
	
	.big-image-2 { padding: 0px; margin: 0px;
	padding-top: 0px; margin-top: 0px; margin-bottom: 15px;
	}
	.big-image-2 img { width:100%; border-radius: 10px; height: 200px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-2 .title { height: 55px; text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold;}
	.big-image-2 .title a { color:#000;}


	.big-image-3 { padding: 0px; margin: 0px;
	padding-top: 0px; margin-top: 0px; margin-bottom: 15px; 
	}
	.big-image-3 img { width:100%; border-radius: 10px; height: 175px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-3 .title { text-align: right; direction: rtl; font-family: webfont-regular; font-size: 14px; font-weight: bold;}
	.big-image-3 .title a { color:#000;}



	.half-content:first-child .big-image-3 { margin-left: 10px; }
	.half-content:nth-child(2) .big-image-3 { margin-right: 10px;}
	.half-content:first-child .title, .half-content:nth-child(2) .title { font-size: 16px;}


	.half-content:nth-child(3) .big-image-3 { margin-left: 10px; height: 100px;}
	.half-content:nth-child(4) .big-image-3 { margin-right: 10px;height: 100px;}	
	.half-content:nth-child(5) .big-image-3 { margin-left: 10px;height: 100px;}
	.half-content:nth-child(6) .big-image-3 { margin-right: 10px;height: 100px;}	

	.half-content:nth-child(3) .big-image-3 img, .half-content:nth-child(4) .big-image-3 img, .half-content:nth-child(5) .big-image-3 img, .half-content:nth-child(6) .big-image-3 img { width:120px; height: 90px; margin-left: 10px; float: right; border-radius: 10px;}
	
	.big-image-white { padding: 0px; margin: 5px; 
	padding-top: 0px; margin-top: 10px; margin-bottom: 15px;
	}
	.big-image-white img { width:100%; border-radius: 10px; height: 150px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-white .title { text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold;}
	.big-image-white .title a { color:#000;}	



	.big-image-people { padding: 0px; margin: 5px; 
	padding-top: 0px; margin-top: 10px; margin-bottom: 15px;
	}
	.big-image-people img { width:100%; border-radius: 10px; height: 180px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-people .title { text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold;}
	.big-image-people .title a { color:#000;}	
	
	
	
	.right-image { overflow: hidden; padding: 15px; }
	.right-image img {float:right; width:120px; border-radius: 4px; height: 90px; margin-left: 10px; }
	.right-image .title { text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold;}
	.right-image .title a { color:#FFF;}	
	
	
	.right-image-black { overflow: hidden; margin-bottom: 15px;}
	.right-image-black img {border:1px solid #ccc; float:right; width:120px; border-radius: 4px; height: 90px; margin-left: 10px; }
	.right-image-black .title { text-align: right; direction: rtl; font-family: tajawal; font-size: 16px; font-weight: bold;}
	.right-image-black .title a { color:#000;}	

.right-image-black:last-child { margin-bottom: 0px;}
	
	
	
	.social { overflow: hidden; margin-top: 0px; text-align: center; float: left; margin-right: 25px;}
	.social a { font-size: 26px; color:#fff; float: left; margin-left: 5px; margin-right: 5px;}
	
	

	
	.weather-icon { width:68px; float: left; margin-top: 2px; height: 35px; overflow: hidden;}
	#ww_37c63377d260f .ww-box[max-width~="768px"] .ww_col1 { padding: 0px !important;}
	#ww_37c63377d260f .current-conditions svg { height: 35px !important; width: 35px!important;}
	
	.info-links { font-family: webfont; font-size: 14px;  display: block; float: right; color:#FFF; border-left: 1px solid #ccc; padding-left: 10px; padding-right: 10px; margin-top: 8px}

.info-links:hover { color: #000;}
	
	/*----------------------------------------------------*/
	.top-new-box { background-color: #fff; border: 1px solid #ccc; padding: 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;border: none;
    border-radius: 0.5rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;}
	.top-news img {
    width: 110px !important;
    height: 75px !important;
    border-radius: 4px;
    float: right;
    margin-left: 10px;
	}
	
	.top-news .title {font-family: tajawal; font-size: 13px; font-weight: bold;  text-align: right; direction: rtl;}
	.top-news .title a { color:#000;}
	
	.owl-next span, .owl-prev span {
  color: #00193d;
  position: absolute
}
	
	
	.owl-next, .owl-prev {
  position: absolute;
  top: 0;
  height: 100%
}
.owl-prev {
  left: -45px;
  top: -10px
}
.owl-next {
  right: -45px;
  top: -10px
}
	
	/*---------------------------------*/
	.header-banner img { margin-top: 10px;width:100%; height: 90px; border-radius: 4px;}
	
	.main-story { position: relative;}
	
	.main-story .cat-title {	
    border-radius: 4px;
    background-color: #be2f21;
    color: #fff;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 5px;
    margin-top: 15px;
    font-family: webfont;
    font-size: 12px;	
	}
	
.main-story .shadw-box {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    width: 100%;
    font-family: webfont;
	font-weight: bold;
    font-size: 30px;
    padding: 10px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	padding: 10px;
}	
	
	.main-story .shadw-box a { color:#fff;}
	
	/*----------------------------------------------*/
	
	 
	
	
	.sub-story { position: relative;}
	
	.sub-story .cat-title {	
    border-radius: 4px;
    background-color: #be2f21;
    color: #fff;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 5px;
    margin-top: 15px;
    font-family: webfont;
    font-size: 12px;	
	}
	
	.sub-story .shadw-box {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    width: 100%;
    font-family: webfont;
	font-weight: bold;
    font-size: 18px;
    padding: 10px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	padding: 10px;
}		
	
	.sub-story .shadw-box a { color:#fff;}
	
	
	@media (max-width:994px) {	
		
		.hidden-xs { display: none;}
		.topbarbg { min-height: 55px !important;}
		.main-story img { height: 300px !important ; border-radius: 4px;}
		.main-story .shadw-box { font-size: 22px;}
		.big-image img, .big-image-white img { height: 225px;}
		.footer-logo { text-align: center;}
		.social-footer { margin-right: 0px;}
		.col-md-2 { width:33.333%; float: right; padding: 0px;}
		.copy{ margin-top: 25px;}
	}

/*----------------------------------------------------------*/

.mobile-only { display: none;}

.h1, h1 { font-size: 22px;}
/*==============================================================*/

	.padding-left-box {
		padding-left: 0px;
	}
	
	.padding-left-box-15 {
		padding-left: 15px;
	}	
	.padding-right-box {
		padding-right: 15px;
	}
	
	.padding-15-box {
		padding-left: 7px;
		padding-right: 7px;
	}
	
	
	.padding-10left-box {
		padding-left: 15px;
	}
	
	.padding-10right-box {
		padding-right: 15px;
	}
	
	.padding-15-box {
		padding-left: 5px;
		padding-right: 5px;
	}	
	
	.main-story-white-box,
	.sub-story-box {
		padding-left: 15px;
/*		background-color: #fff;
		padding: 10px;
		border: 1px solid #ddd;*/
		border-radius: 10px;
	
	}
	
	.sub-story-box {
		margin-bottom: 20px;
		border: none;
    border-radius: 0.5rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);
	}
	
	.padding-left-box-orange {
		padding-left: 15px;
	}
	
.padding-right-box-orange {
		padding-right: 15px;
	}
		
	
	@media only screen and (max-width: 520px) {
		
		.padding-left-box {
		padding: 13px;
	}
	
	.padding-right-box {
		padding: 10px;
	}	
		.sub-story-box {margin: 15px}
		
		.padding-left-box-orange {
		padding: 10px;
	}	
		
		.main-box { margin-top: 0px;}
		.mobile-margin { padding-left: 15px; padding-right: 15px;}
		
	}
	
	#main-news .owl-item {
		
	border: none;
    border-radius: 0.5rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32) !important;
	}
	
	.home-section-white{ border-bottom: 1px solid #ccc; position: relative; }
	.home-section-white:after {
    content: "";
    background: #ccc;
    width: 170px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    right: 0px;
}
	
	.dark-red { background-color: #8b1538 !important;}
	
	.red-more { font-family: webfont; font-size: 13px; padding-bottom: 10px;}
	.red-more a { display: block; width:70px; text-align: center; padding: 5px; border-radius: 4px; background-color: #fff; color: #000; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px;}
	
		
/*		border-bottom: 5px solid;
    border-image:   linear-gradient(to right, #dedede 25%, #e95080 25%, #e95080 50%, #53bfe2 50%, #53bfe2 75%, #941917 75%) 5;	
		
	}*/
	
	.slide-banner { margin: 10px; padding: 10px; background-color: #fff; border-radius: 4px;}
	#banners .owl-item img { height: 350px !important;}


.red-shadow {
	min-height: 535px; border: none;
    border-radius: 0.5rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);}

.orange-shadow {
	
	min-height: 535px;    border: none;
    border-radius: 0.5rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);
}

	#prince .right-image:first-child img {
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
		float: none;
		height: 210px;
	}

	.white-box {
		padding: 10px;
		background-color: #fff;

		border: 1px solid #ccc;
		margin-bottom: 15px;
		border: none;
    border-radius: 0.5rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
    box-shadow: 0 13px 24px 0 rgba(153,157,160,.32);
		border:1px solid #ccc;
	}

.top-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.top-container .under-news {
		margin-bottom: 0px;
		margin-bottom: 10px
	}
	
	.top-container .under-news .title {
	 text-align: right; direction: rtl;	
	}
	.top-container .under-news a {
		font-family: webfont; font-size: 18px; color:#000; font-weight: bold;
	}
		.top-container img {
		border: 1px solid #ccc;
		height: 235px ;
		margin-bottom: 5px;
		border-radius: 4px;
			width:100%;
	}
	
	.top-container .news-brief {font-family: webfont-regular; font-size: 13px; color:#000; text-align: right; direction: rtl;}
	

	.thumb-right-2{ list-style:none; padding: 0px; margin: 0px;overflow: auto;  margin-top: 0px;}
	.thumb-right-2 li { height: 80px; overflow: hidden; margin-bottom: 5px;}
	.thumb-right-2 li img { width: 90px; height: 65px !important;  float: right; margin-left: 10px; border-radius: 4px;}
	.thumb-right-2 li .title {font-family: tajawal; font-size: 14px; direction: rtl; text-align: right}
	.thumb-right-2 li .title  a{ color:#000; font-weight: bold}
	.thumb-right-2 li:last-child { margin-bottom: 0px !important; height: 92px !important;}

	.writers { list-style: none; padding: 10px;margin: 0px; }	
	.writers li { overflow: hidden; margin-bottom: 15px; }
	.writers li img { float: right; margin-left: 10px; border-radius: 50%; width:70px; height: 70px;}
	.writers .writer-text { text-align: right; direction: rtl; font-family: tajawal; }
	.writers .writer-text .writer-name {font-size: 12px; font-weight: bold; color:#941917}
	.writers .writer-text .writer-title a { font-size: 14px; font-weight: bold; color:#000}
	.writers li:last-child { margin-bottom: 2px;}

/*==============================================================*/	
	@media only screen and (max-width: 520px) {
		
		.big-image-3 img { height: 225px;}
		
		.half-content .big-image-3  { margin-left: 0px !important; margin-right: 0px !important; padding-left: 15px; padding-right: 15px; }
		
		.white-box { margin: 10px;}
		.side-box { margin: 10px !important;}
		.mobile-only { display: block;}
		
		.post-image img { width:100% !important; padding: 5px !important;}
		.radius-box { margin-left: 10px; margin-right: 10px;}
		
	
	.mobile-menu { border-radius: 4px; border:1px solid #ccc; background-color: #fff;  width:95%; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; text-align: center; padding-top: 15px; padding-bottom: 15px; overflow: hidden;     position: absolute;}	
	
	.mobile-menu-item { float: right;  width:20%; margin-bottom: 5px;}
	
	.mobile-menu-circle   {display: block; height: 40px; border-radius: 50%;  width:40px; text-align: center;
	margin-left: auto; margin-right: auto;  }
	.mobile-title {font-family: webfont; color:#000; font-size: 12px; text-align: center; display: block; margin-top: 5px;}
	
	.bg-1 {background-color: #eaf7f9; }
	.cl-1 {color:#1d87a1; margin-top: 12px;}
	.bg-2 {background-color: #ffeff8; }
	.cl-2 {color:#a4275e; margin-top: 12px;}
	.bg-3 {background-color: #fff4e5; }
	.cl-3 {color:#fd6300; margin-top: 12px;}
	.bg-4 {background-color: #eaf4ff; }
	.cl-4 {color:#3e75ff; margin-top: 12px;}
	.bg-5 {background-color: #fff1f8; }
	.cl-5 {color:#ed4ab8; margin-top: 12px;}
	.bg-6 {background-color: #e8fbe0; }
	.cl-6 {color:#51c938; margin-top: 12px;}
	.bg-7 {background-color: #f9f1ff; }
	.cl-7 {color:#ad64ed; margin-top: 12px;}
	.bg-8 {background-color: #ffecee; }
	.cl-8 {color:#f66676; margin-top: 12px;}
	
	.color-mobile-menu {background-color: #333; padding: 10px; position: relative; height: 110px; margin-bottom: 100px;}
	}

/*------------------------ Footer -----------------------*/

	.footer-logo { margin-top: 30px; margin-bottom: 10px}
	.footer-logo img { width:200px;} 
	
	.footer-link { list-style: none; margin-top: 25px;}
	.footer-link li{ text-align: right; font-family: webfont-regular; font-size: 14px;}
	.footer-link li a { color:#fff;}
	
	.social-footer { overflow: hidden; margin-top: 0px; text-align: center;  margin-right: 50px; margin-bottom: 30px;}
	.social-footer a { font-size: 26px; color:#fff; display: inline-block; margin-left: 5px; margin-right: 5px;}	
	
	.copy { font-family: webfont; font-size: 14px; text-align: center; margin-bottom: 30px; color:#fff; direction: ltr; }



.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}