@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "DroidKufiBold";
  font-style: normal;
  font-weight: normal;
  src:url(../fonts/DroidKufiBold.woff)
  -webkit-text-stroke:0px!important;
  -webkit-font-smoothing: antialiased !important;
}

@font-face {
  font-family: "DroidKufiBold";
  font-style: normal;
  font-weight: normal;
  src:url(../fonts/DroidKufiBold.eot)
  -webkit-text-stroke:0px!important;
  -webkit-font-smoothing: antialiased !important;
}

/*************************
*******main style******
**************************/

body {
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  font-size: 12px; 
  font-weight: normal; 
  font-style: normal;
  background-color:#FFF;
  line-height: 21px;
  color:#030303;
  direction: rtl !important;
  overflow-x: hidden !important;
}
a {
  color: #ff0000;
}
a:hover, a:focus {
  color: #e00202;
  text-decoration: none
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.media>.pull-left{
  margin-right: 20px;
}
.media>.pull-right{
  margin-left: 20px;
}
.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.mb-30 {margin-bottom: 30px !important; }

.nopadding{
  padding: 0 !important;
  margin: 0 !important;
}
.nopadding_lr{
  padding: 0 !important;
}
.padding{
  padding: 0 15px !important;
}
.padding_top{
  padding-top: 5px !important;
}
.padding_top38{
  padding-top: 40px !important;
}

.padding_left{
  padding-left: 15px !important;
}
.nopadding_left{
  padding-left: 0px !important;
}
.padding_right{
  padding-right: 15px !important;
}
.nopadding_right{
  padding-right: 0px !important;
}
.nomargin{
  margin: 0px !important;
}
.nomargin_bottom{
  margin-bottom: 0px !important;
}
.lessmargin_top3{
  margin-top: -33px !important;
}
.margin_top{
  margin-top: 15px !important;
}
.margin_top2{
  margin-top: 25px !important;
}
.margin_bottom{
  margin-bottom: 15px !important;
}
.margin_bottom2{
  margin-bottom: 25px !important;
}
.margin_right{
  margin-right: 15px !important;
}
.margin_right1{
  margin-right: 5px !important;
}
.margin_right2{
  margin-right: 20px !important;
}
.nomargin_right{
  margin-right: 0px !important;
}
.margin_left{
  margin-left: 15px !important;
}
.full_width{
  width:100% !important;
}
.leftfloat{
  float: left !important;
}
.font_1{
  font-size: 17px !important;
}
.font_2{
  font-size: 16px !important;
}
.font_3{
  font-size: 16px !important;
  line-height: 28px;
}
.line-height1{
  line-height: 30px !important;
}
ul{
  margin: 0;
  padding: 0;
}
.float_left{
  float: left !important;
}
.text_left{
  text-align: left !important;
}
.float_right{
  float: right !important;
}
.text_right{
  text-align: right !important;
}
.text_center{
  text-align: center !important;
}
.space1{
  height: 10px !important;
}
.line{
  height: 2px !important;
  background: #0000001c
}

/*************************
*******Preloader******
**************************/
#preloader {
background-color: #ffffff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 5000; }
#preloader img {
width: 30px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10; }
#preloader .circle-preloader {
display: block;
width: 60px;
height: 60px;
border: 2px solid #ccc;
border-bottom-color: #1c8314;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
animation: spin 2s infinite linear; }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }

/*************************
*******morelink******
**************************/
.morelink{
  margin: 0 auto;
  text-align: center;
}

/* Radial In */
.morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;

  background: #ff0a10;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-radius: 90px 90px 0 0;
  -moz-border-radius: 90px 90px 0 0;
  -webkit-border-radius: 90px 90px 0 0;
  margin: 0 auto;
  padding: 15px 10px 0;
  height:45px;
  width:80px;

  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff565a;
  color: #fff;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.morelink a:hover, .morelink a:focus, .morelink a:active {
  color: white;
}
.morelink a:hover:before, .morelink a:focus:before, .morelink a:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/*************************
*******top section******
**************************/
.top_section {
  height: auto;
  padding: 0;
  display: block;
}
.top_section .container{
  height: auto;
  background-color: #f3f3f3;
}
.top_section .container .row{
  padding: 0 15px 0 15px !important;
}

/******social icons*********/
.socialicons{
  line-height: 30px;
  padding: 4px 0 0px 0px;
  margin: 0;
}

.icon-link {
  width: 27px;
  height: 25px;
  background-color: #666;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  outline: none;
  margin: 0 0 0 0px;
  box-sizing: content-box;
}
.icon-link.fill.facebook {
  background-color: #3b5998;
}
.icon-link.fill.facebook:hover {
  background-color: #fff;
}
.icon-link.fill.facebook:hover .fa-facebook {
  color: #3b5998;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.twitter {
  background-color: #00aced;
}
.icon-link.fill.twitter:hover {
  background-color: #fff;
}
.icon-link.fill.twitter:hover .fa-twitter {
  color: #00aced;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.google-plus {
  background-color: #dd4b39;
}
.icon-link.fill.google-plus:hover {
  background-color: #fff;
}
.icon-link.fill.google-plus:hover .fa-google-plus {
  color: #dd4b39;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.youtube {
  background-color: #df1c31;
}
.icon-link.fill.youtube:hover {
  background-color: #fff;
}
.icon-link.fill.youtube:hover .fa-youtube {
  color: #df1c31;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.pinterest {
  background-color: #b81621;
}
.icon-link.fill.pinterest:hover {
  background-color: #fff;
}
.icon-link.fill.pinterest:hover .fa-pinterest {
  color: #b81621;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.instagram {
  background-color: #725a50;
}
.icon-link.fill.instagram:hover {
  background-color: #fff;
}
.icon-link.fill.instagram:hover .fa-instagram {
  color: #725a50;
  transition: color 150ms ease-in-out;
}
.icon-link.brand {
  background-color: #fff;
}
.icon-link.brand .fa {
  color: #006FC2;
}
.icon-link.round {
  border-radius: 50%;
}
.icon-link.round-corner {
  border-radius: 5px;
}
.icon-link:hover {
  transition: background-color 150ms ease-in-out;
  height: 21px;
  line-height: 21px;
  width: 23px;
  background-color: #fff;
}
.icon-link:hover.facebook {
  border: 2px solid #3b5998;
}
.icon-link:hover.twitter {
  border: 2px solid #00aced;
}
.icon-link:hover.google-plus {
  border: 2px solid #dd4b39;
}
.icon-link:hover.youtube {
  border: 2px solid #df1c31;
}
.icon-link:hover.pinterest {
  border: 2px solid #b81621;
}
.icon-link:hover.instagram {
  border: 2px solid #725a50;
}
.icon-link:hover .fa {
  line-height: 21px;
}
.icon-link:hover .fa-facebook {
  color: #3b5998;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-twitter {
  color: #00aced;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-google-plus {
  color: #dd4b39;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-youtube {
  color: #df1c31;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-pinterest {
  color: #b81621;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-instagram {
  color: #725a50;
  transition: color 150ms ease-in-out;
}
.icon-link .fa {
  color: #fff;
  line-height: 25px;
  font-size: 20px;
}

.brand-icons {
  background-color: #ddd;
  padding: 10px 0;
}

/******login*********/
.login {
  padding: 8px 0 10px 0;
  text-align: left;
}
.socialicons a .fa {
  margin: 0px auto !important ;
  padding: 0px 0 0 0;
  font-size: 18px;
  text-align: center;
  color: white ;
  border-radius: 0;
  background: none;
  box-shadow: 0px 0px 0px #909090;
}
.socialicons .fa {
  margin: 0px 0 0 6px ;
  padding: 0px 0 0 0;
  font-size: 20px;
  width: auto;
  height: auto;
  text-align: center;
  color: white ;
  border-radius: 0;
  background: none;
  box-shadow: 0px 0px 0px #909090;
}
.socialicons .icon-circle .fa , .socialicons .md-content .icon-circle .fa{ 
  border-radius: 0;
  background: none ;
  box-shadow: 0px 0px 0px #909090;
  margin: 0 ;
}
.socialicons .fa:hover, .socialicons .fa:active {
  color: none;
  -webkit-box-shadow: 0px 0px 0px #909090;
  -moz-box-shadow: 0px 0px 0px #909090;
  box-shadow: 0px 0px 0px #909090;
}
.socialicons .icon-zoom .fa:hover, .socialicons .icon-zoom .fa:active { 
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); 
}
.socialicons .icon-rotate .fa:hover, .socialicons .icon-rotate .fa:active { 
  -webkit-transform: scale(0) rotate(360deg);
  -moz-transform: scale(0) rotate(360deg);
  -ms-transform: scale(0) rotate(360deg);
  -o-transform: scale(0) rotate(360deg);
  transform: scale(0) rotate(360deg);
}
.socialicons .btn-success {
  width: auto;
  height: 27px;
  line-height: 21px !important;
  color: #ffffff;
  font-size: 14px !important;
  font-weight: normal;
  background-color: #ff0006;
  border-radius: 0px;
  border: none;
  padding: 0px 5px 0px;
  /* margin-left: 3px; */
  margin: 0px 2px 0 0px;
}

.socialicons .btn-success .fa {
  font-size: 15px;
  margin: 0 2px 0 2px;
  padding: 0;
}

.socialicons .btn-success:hover , .socialicons .btn-success:focus , .socialicons .btn-success:active , .socialicons .btn-success.active , .socialicons .open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #ff7477;
  border-color: #ff7477;
}

/* Ripple Out */
.socialicons .hvr-ripple-out:before {
  border: #ff0006 solid 6px;
  border-radius: 0px;

}
.socialicons .hvr-ripple-out:hover:before , .socialicons .hvr-ripple-out:focus:before , .socialicons .hvr-ripple-out:active:before {
  border-radius: 0px;
  border: #ff7477 solid 6px;
}

/*************************
*******logo section******
**************************/
.logo_section {
  height: auto;
  padding: 0;
  display: block;
}
.logo_section .container{
  height: 122px;
  padding: 0 !important;
  background-color: #ffffff;
}
.logo_section .container .row{
  padding: 0 15px !important;
}

/******logo*********/
.logo{
  padding: 0px;
}

.logo .img-responsive{
margin:0  !important;
text-align: right;
}

/******search*********/
.search {
  text-align: left;
}
.search .input-group {
  width: auto;
  color: #ffffff !important;
}
.search .input-group input {
  width: 90% !important;
  /********max-width: 400px;*******/
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0px;
  font-size: 13px;
  background-color: #9b9c9b;
  color: #ffffff !important;
  padding: 0px 15px 0px 5px;
  margin: 0 0 0 -1px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.search .input-group input:focus {
    width: 100%;
    color: #ffffff !important;
    outline: none;
}

.search .input-group input::placeholder {
    color: #ffffff !important;
    opacity: 1; /* Firefox */
}
.search .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff !important;
}
.search .input-group input::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff !important;
}

.search .input-group button {
    height: 32px;
    line-height: 5px;
    box-sizing: border-box;
    border: 0 !important;
    border-radius: 0px;
    font-size: 13px;
    background-color: #9b9c9b;
    color: #ffffff !important;
    padding: 0 15px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.search .input-group button:hover {
    background-color: #ff0006;
    color: #ffffff !important;
}

/*************************
*******menu section******
**************************/
.menu_section{
  height: auto;
}
.menu_section .container{
  height: auto;
}
.menu_section .manal{
  height: auto;
}
.menu_section .manal .img-responsive{
  float: right;
  max-width: 100%;
}
.menu_section .txtlinks{
  padding-top: 0px !important;
  background: #efefef;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}
/* Sweep To Top */
.menu_section a.icon1 , .menu_section a.icon2 , .menu_section a.icon3 , .menu_section a.icon4 , .menu_section a.icon5 , .menu_section a.icon6 , .menu_section a.icon7 , .menu_section a.icon8 , .menu_section a.icon9  , .menu_section a.icon10 {
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;
  position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
.menu_section a.icon1:before , .menu_section a.icon2:before , .menu_section a.icon3:before , .menu_section a.icon4:before , .menu_section a.icon5:before ,
.menu_section a.icon6:before , .menu_section a.icon7:before , .menu_section a.icon8:before , .menu_section a.icon9:before  , .menu_section a.icon10:before{
  content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
  background: yellow;
  -webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.menu_section a.icon1:hover, .menu_section a.icon1:focus, .menu_section a.icon1:active ,
.menu_section a.icon2:hover, .menu_section a.icon2:focus, .menu_section a.icon2:active ,
.menu_section a.icon3:hover, .menu_section a.icon3:focus, .menu_section a.icon3:active ,
.menu_section a.icon4:hover, .menu_section a.icon4:focus, .menu_section a.icon4:active ,
.menu_section a.icon5:hover, .menu_section a.icon5:focus, .menu_section a.icon5:active ,
.menu_section a.icon6:hover, .menu_section a.icon6:focus, .menu_section a.icon6:active ,
.menu_section a.icon7:hover, .menu_section a.icon7:focus, .menu_section a.icon7:active ,
.menu_section a.icon8:hover, .menu_section a.icon8:focus, .menu_section a.icon8:active ,
.menu_section a.icon9:hover, .menu_section a.icon9:focus, .menu_section a.icon9:active ,
.menu_section a.icon10:hover, .menu_section a.icon10:focus, .menu_section a.icon10:active {
  color: white;
}
.menu_section a.icon1:hover:before, .menu_section a.icon1:focus:before, .menu_section a.icon1:active:before ,
.menu_section a.icon2:hover:before, .menu_section a.icon2:focus:before, .menu_section a.icon2:active:before ,
.menu_section a.icon3:hover:before, .menu_section a.icon3:focus:before, .menu_section a.icon3:active:before ,
.menu_section a.icon4:hover:before, .menu_section a.icon4:focus:before, .menu_section a.icon4:active:before ,
.menu_section a.icon5:hover:before, .menu_section a.icon5:focus:before, .menu_section a.icon5:active:before ,
.menu_section a.icon6:hover:before, .menu_section a.icon6:focus:before, .menu_section a.icon6:active:before ,
.menu_section a.icon7:hover:before, .menu_section a.icon7:focus:before, .menu_section a.icon7:active:before ,
.menu_section a.icon8:hover:before, .menu_section a.icon8:focus:before, .menu_section a.icon8:active:before ,
.menu_section a.icon9:hover:before, .menu_section a.icon9:focus:before, .menu_section a.icon9:active:before ,
.menu_section a.icon10:hover:before, .menu_section a.icon10:focus:before, .menu_section a.icon10:active:before {
  -webkit-transform: scaleY(1) !important;
  transform: scaleY(1) !important;
}

/*************************
*******slideshow section******
**************************/
.slideshow_section .container{
  background-color: #ffffff;
  margin-bottom: 0px;
  height: auto;
}
.slideshow_section .section_one{
  height: auto;
  background-color: #eeeeee;
  margin-bottom: 15px !important;
  padding: 0;
}
.slideshow_section .section_one .section-title{
  margin: 18px auto -7px;
  text-align: center;
}
.slideshow_section .section_one .section-title h2{
  background:url(../images/islamic-lantern.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 35px;
  display: block;
  width: 185px;
  height: 53px;
  padding: 8px 38px 0 0;
  margin: 0 auto;
}
.slideshow_section .section_one .section-title h2 span{
  color: #ff0000;
}
.slideshow_section .section_one .categoriesbox .box .img {
    background: #58af3c;
    width: 100%;
    height: auto;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    overflow: hidden;
    position: relative;
}
.slideshow_section .section_one .categoriesbox .box .details h2 {
    color: #000000 !important;
    font-size: 13px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0px 10px;
    text-align: center;
}
.slideshow_section .section_one .txtmore{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #000000 !important;font-size: 20px !important;font-weight: normal;text-align: center;
  line-height: 38px;padding: 0px 15px;margin: 0px auto;
}
.slideshow_section .section_one .txtmore a , .slideshow_section .section_one .txtmore a:visited {
  color: #000000 !important;font-size: 20px !important
}
.slideshow_section .section_one .txtmore a:hover {
  color: #f20000 !important;font-size: 20px !important
}
.slideshow_section .section_one .txtmore .fa {
  margin: 0px 10px 0px 0;
}

.slideshow_section .section_one img{
  height: 401px;
  width: 100%;
}


.slideshow_section .section_two{
  background-color: #40ba37;
  height: 401px;
  margin: 0 auto 15px auto;
  text-align: center;
  padding: 55px 10px 0 10px;
  overflow: hidden;
}
.slideshow_section .section_two img{
  width: 336px;
  height: 280px;
  margin: 0 auto;
  text-align: center;  
}
.slideshow_section .section_two .title {
    color: #f7e934 !important;
    font-size: 30px;
    font-weight: normal;
    margin: 0 auto 40px;
    padding: 0px 10px;
    text-align: center;
}
.slideshow_section .section_two .title svg {
  fill: #f7e934 !important;
  width: 55px;
  height: 55px;
  margin: 5px 0px -15px 10px;
}
.slideshow_section .section_two .links {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin: 0 auto 8px;
    padding: 0px 10px;
    text-align: center;
    line-height: 31px;
}
.slideshow_section .section_two .links a{
    color: #fff;
}
.slideshow_section .section_two .links a:hover{
    color: rgba(255, 255, 255, 0.7);
}
.slideshow_section .section_two .links .fa {
    margin: 0 0 0 10px;
}
/*************************
*******children section******
**************************/
.mostreaded_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
  height: auto;
}
.mostreaded_section .section-title{
  margin: 0 0 20px 0;
  text-align: center;
}
.mostreaded_section .section-title h2{
  background:url(../images/mostreaded_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
  line-height: 61px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.mostreaded_section .section-title h2 span{
  color: #ff0000;
}

.mostreaded_section .box {
  height: auto;
  padding: 0;
  margin-bottom: 15px;
}

.mostreaded_section .box img{
  width: 100%;
  height: 210px;
}
.mostreaded_section .box .img-responsive{
  width: 100%;
  height: 210px;
}
.mostreaded_section .box .details{
  display: block;
  background-color:#67ba4d;
  height: 210px;
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
  text-align: right;
  padding: 38px 15px 10px;
  margin: 0;
  z-index: 10px;
}
.mostreaded_section .box .details h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
  text-align: right;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  padding: 0px;
  margin: 0 0 15px 0;
}
.mostreaded_section .box .details h3 a , .mostreaded_section .box .details h3 a:visited{
  color: #ffffff;
}
.mostreaded_section .box .details h3 a:hover{
  color: #ace999;
}
.mostreaded_section .box .details p{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
  line-height: 21px;
  height: 65px;
  overflow: hidden;
  padding: 0px;
  margin: 0 0 15px 0;
}

/* Shutter In Vertical */
.mostreaded_section .box .hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  color: #ffffff !important;
  font-weight: bold;
  background: #208401;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 60px;
  height: 30px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
}
.mostreaded_section .box .hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2aa404;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 60px;
  height: 30px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  line-height: 30px;
}
.mostreaded_section .box .hvr-shutter-in-vertical:hover, .mostreaded_section .box .hvr-shutter-in-vertical:focus, .mostreaded_section .box .hvr-shutter-in-vertical:active {
  color: white !important;
}
.mostreaded_section .box .hvr-shutter-in-vertical:hover:before, .mostreaded_section .box .hvr-shutter-in-vertical:focus:before, .mostreaded_section .box .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.mostreaded_section .carousel-indicators {
  position: absolute;
  left: 3%;
  top: -50px;
  z-index: 15;
  width: 80%;
  padding-left: 20px;
  margin-left: 0;
  text-align: left;
  list-style: none;
  height: 20px;
}
.mostreaded_section .carousel-indicators li {
  width: 15px;
  height: 15px;
  margin: 1px;
  background-color: #f20000;
  border: 1px solid #f20000;
}
.mostreaded_section .carousel-indicators .active {
  width: 17px;
  height: 17px;
  background-color: #ffffff;
  border: 6px solid #f20000;
  text-align: center;
}


/*************************
*******manal_kitchen******
**************************/
.manalkitchen_section .container{
  /* background: #f3f3f3; */
  padding: 0;
  /* margin-bottom: 15px; */
}

.manalkitchen_section .section-title{
  margin: 18px auto 15px;
  text-align: center;
}
.manalkitchen_section .section-title h1 , .manalkitchen_section .section-title h2{
  background: url(../images/new_version/ramdan_logo.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  display: block;
  width: auto;
  height: 53px;
  padding: 9px 50px 0 0;
  margin: 0 auto;
  /* background-color: gray; */
}
.manalkitchen_section .section-title h1 span {
    color: #ff0000;
}
#tf-works{
  padding: 0;
}
#tf-works .bigall{ 
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px 0;
  text-align: center !important;
  margin: 0 auto !important;
}
.categories{ 
  padding: 0;
  margin: 0 auto 30px;
  text-align: center;
}
ul.cat li{
  display: inline-block;
}
#tf-works li.pull-right {
  margin-top: 10px;
}
ol.type {
  text-align: center;
  padding: 0;
  margin: 0;
  /* background-color: rgba(255, 255, 255, 0.8); */
  width: 100%;
}
ol.type > li {
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
}
ol.type > li a {
  background: none repeat scroll 0 0 #535353;
  font-size: 13px;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 3px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #ececec;
  outline: none;
  border-radius: 0px;
  padding: 4px 20px 5px;
  color:#fff;
}

ol.type > li a:hover,
ol.type > li a.active{
  color:#fff;
  margin-left: 0px;
  margin-right: 0px;
  background: #fc393e;
  border: 1px solid #fc393e;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 4px 20px 5px;
}

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { z-index: 1 }
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope-item {
    margin-left: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.isotope {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.portfolio-item{
  margin-bottom: 30px;
  max-height: 180px;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.portfolio-item .img-responsive{
  width: 100%;
  height: 180px;
  border: 1px #c5c5c5 solid;
  position: relative;
}
.portfolio-item .arrow {
  position: absolute;
  text-align: center;
  padding: 0px 0 0 10px;
  margin: 0 auto;
  color: #e20000;
  left: 40%;
  top: 30%;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  width: 70px;
  height: 70px;
  line-height: 65px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 3px #fff solid;
}
.portfolio-item .details {
  position: absolute;
  width: 100%;
  height: 55px;
  overflow: hidden;
  line-height: 59px;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
  color: #f60202;
  font-weight: bold;
  font-size: 17px;
  background:url(../images/videos_detailsbg.png) no-repeat right bottom;
  transition: all 0.5s;
  z-index: 5;
  right: 0px;
  bottom: 0px;
}


/*************************
*******ads section******
**************************/
.ads_section {
  margin: 0 auto 15px;
  text-align: center;
}
.ads_section .container{
  margin: 0 auto;
  text-align: center;
  padding: 20px 10px;
  background-color: #f3f3f3;
}
.ads_section .img-responsive{
  margin: 0 auto;
  text-align: center;
}
/*************************
*******manal society section******
**************************/
.manalsociety_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
}
.manalsociety_section .section-title{
  margin: 18px auto 20px;
  text-align: center;
}
.manalsociety_section .section-title h2{
  background:url(../images/logo_title.png) no-repeat left top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
  line-height: 35px;
  display: block;
  width: 195px;
  height: 53px;
  padding: 8px 0px 0 0;
  margin: 0 auto;
}
.manalsociety_section .section_one , .manalsociety_section .section_two  , .manalsociety_section .section_three{
  margin: 0 0 5px 0;
}
.manalsociety_section .one{
  height: auto !important;
  overflow: hidden!important;
}
.manalsociety_section .one .img-responsive{
  width: 100% !important;
  height: 315px !important;
  margin: 0;
  padding: 0;
  overflow: hidden!important;
}
.manalsociety_section .two{
  height: auto !important;
  overflow: hidden!important;
}
.manalsociety_section .two .img-responsive{
  width: 100%;
  height: 198px !important;
  margin: 23px 0 0 0 !important;
  padding: 0;
  overflow: hidden!important;
}
.manalsociety_section .three{
  height: auto !important;
  overflow: hidden!important;
}
.manalsociety_section .three .img-responsive{
  width: 100%;
  height: 410px !important;
  margin: 0;
  padding: 0;
  overflow: hidden!important;
}
.manalsociety_section .four{
  height: auto !important;
  overflow: hidden!important;
}
.manalsociety_section .four .img-responsive{
  width: 100%;
  height: 197px !important;
  margin: 0 0 0 0 !important;
  padding: 0;
  overflow: hidden!important;
}
.manalsociety_section .five{
  height: auto !important;
  overflow: hidden!important;
}
.manalsociety_section .five .img-responsive{
  width: 100%;
  height: 316px !important;
  margin: 23px 0 0 0 !important;
  padding: 0;
  overflow: hidden!important;
}
@keyframes anima {
    from {
        margin-top: -150px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }
    to {
        margin: auto;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes anima {
    from {
        margin-left: -20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }
    to {
        margin-left: 10px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.manalsociety_section .pic {
    width: 100%;
    position: relative;
    overflow: hidden !important;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.manalsociety_section .pic-3d {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -o-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.manalsociety_section .pic-caption {
    cursor: default;
    position: absolute;
    width: 100%;
    height: 85px;
    background: rgba(255, 255, 255, 0.7);
    padding: 0px 10px 5px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.manalsociety_section .pic-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.manalsociety_section .pic:hover .pic-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.manalsociety_section .pic-title {
    font-size: 16px;
    font-family: 'Droid Arabic Kufi', 'Tahoma';
    font-weight: bold;
    color: #ff0000;
    height: 63px;
    overflow: hidden;
    line-height: 30px;
    margin-top: 11px;
    margin-bottom: 7px;
}
.manalsociety_section p {
    font-size: 12px;
    height: 46px;
    overflow: hidden;
    line-height: 21px;
}

.manalsociety_section .pic .pic-image,
.manalsociety_section .pic-caption,
.manalsociety_section .pic:hover .pic-caption,
.manalsociety_section .pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.manalsociety_section .pic:hover .bottom-to-top,
.manalsociety_section .pic:hover .top-to-bottom,
.manalsociety_section .pic:hover .left-to-right,
.manalsociety_section .pic:hover .right-to-left,
.manalsociety_section .pic:hover .rotate-in,
.manalsociety_section .pic:hover .rotate-out,
.manalsociety_section .pic:hover .open-up,
.manalsociety_section .pic:hover .open-down,
.manalsociety_section .pic:hover .open-left,
.manalsociety_section .pic:hover .open-right,
.manalsociety_section .pic:hover .come-left,
.manalsociety_section .pic:hover .come-right {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}
.manalsociety_section .rotate-in {
    -webkit-transform: rotate(90deg) scale(0.1);
    -moz-transform: rotate(90deg) scale(0.1);
    -o-transform: rotate(90deg) scale(0.1);
    -ms-transform: rotate(90deg) scale(0.1);
    transform: rotate(90deg) scale(0.1);
    bottom: 20px;
    left: 0
}
.manalsociety_section .pic:hover .rotate-in {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
}
.manalsociety_section .rotate-out {
    -webkit-transform: rotate(90deg) scale(3);
    -moz-transform: rotate(90deg) scale(3);
    -o-transform: rotate(90deg) scale(3);
    -ms-transform: rotate(90deg) scale(3);
    transform: rotate(90deg) scale(3);
    bottom: 0;
    left: 0
}
.manalsociety_section .pic:hover .rotate-out {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
}

/*************************
*******children section******
**************************/
.children_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
  height: auto;
}
.children_section .section-title{
  margin: 0 0 20px 0;
  text-align: center;
}
.children_section .section-title h2{
  background:url(../images/children_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
  line-height: 61px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.children_section .section-title h2 span{
  color: #ff0000;
}
.children_section .section_ad {
  height: auto;
  margin: 0px auto;
  padding-top: 15px;
  /* padding-bottom: 15px; */
}

.children_section .section_ad .adbg{
  background: white;
  border: 1px #c5c5c5 solid;
  padding: 16px;
}
.children_section .section_ad .ad{
  background-image: url("../images/ads/ad11.jpg");
  height: 454px;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  padding: 40px 0 0 0;
}
.children_section .section_ad .ad h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 27px;
  text-shadow: 3px 3px 0px rgba(0,0,0, 0.3);
  font-weight: normal;
  text-align: center;
  line-height: 27px;
}
.children_section .section_ad .ad p{
  background: url("../images/ad_logo.png") no-repeat center top;
  width: auto;
  height: 81px;  
  margin: 18px auto 0;
}
.children_section .section_one{
  height: auto;
  margin-bottom: 0px;
  padding: 0;
}
.children_section .section_one .box {
  height: auto;
  margin-bottom: 0px;
}
.children_section .section_one .box .img-responsive {
  width: 100%;
  height: 260px;
  margin: 0;
  padding: 0;
 -webkit-transition: all 0.5s;
}
.children_section .section_one .box .img-responsive:hover {
 -webkit-filter: blur(2px);
}
.children_section .section_one .box .details {
  display: block;
  height: 170px;
  overflow: hidden;
  margin: 0;
  padding: 27px 15px 15px 15px;
  background-color: #67ba4d;
  border-top: 1px #ffffff solid;
}
.children_section .section_one .box .details h3 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
  margin: 0 auto 10px;
  height: 30px;
  overflow: hidden;
}
.children_section .section_one .box .details h3 a , .children_section .section_one .box .details h3 a:visited{
  color: #fff;
}
.children_section .section_one .box .details h3 a:hover {
  color: #b8f7a5;
}
.children_section .section_one .box .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  line-height: 23px;
  margin: 0 auto;
  height: 73px;
  overflow: hidden;
}
.children_section .morelink a {
  margin: -20px auto 0;
}

.children_section .section_two{
  height: auto;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.children_section .section_two .box{
  background-color: white;
  height: auto;
  display: block;
  border: 1px solid #c5c5c5;
  margin: 0 auto;
  text-align: center;
  padding: 20px 20px 0 20px;
}
.children_section .section_two .box .one{
  margin: 0 auto 20px !important;
  padding: 0;
  text-align: center !important;
}
.children_section .section_two .box .one .img-responsive{
  width: 100%;
  max-width: 320px;
  height: 215px;
  margin: 0 auto;
}
.children_section .section_two .box .two{
  margin: 0 auto 20px !important;
  text-align: center;
  padding: 0;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

/*************************
*******healthy section******
**************************/

.healthy_section .container{
  background: url(../images/health_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 22px;
  height: auto;
  text-align: center;
  margin: 0 auto 15px;
}
.healthy_section .section-title{
  margin: 18px auto 20px;
  text-align: center;
}
.healthy_section .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  line-height: 35px;
  display: block;
  height: 53px;
  padding: 8px 0px 0 0;
  margin: 0 auto;
}
.healthy_section .section_one , .healthy_section .section_two  , .healthy_section .section_three{
  height: 410px;
}
.healthy_section h4 , .healthy_section h4 a , .healthy_section h4 a:visited{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 19px;
  font-weight: normal;
  text-align: center;
  line-height: 35px;
  display: block;
  padding: 0px;
  margin: 12px auto 15px;
  height: 45px;
  overflow: hidden;
}
.healthy_section h4 a:hover{
  color: #134f00;
}

.healthy_section .linktxt{
  margin: 0 auto;
  text-align: center;
}

/* Shutter In Vertical */
.healthy_section .linktxt .hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  color: #32c802 !important;
  font-weight: bold;
  background: #134f00;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 65px;
  height: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
}
.healthy_section .linktxt .hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 65px;
  height: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
}
.healthy_section .linktxt .hvr-shutter-in-vertical:hover, .healthy_section .linktxt .hvr-shutter-in-vertical:focus, .healthy_section .linktxt .hvr-shutter-in-vertical:active {
  color: white !important;
}
.healthy_section .linktxt .hvr-shutter-in-vertical:hover:before, .healthy_section .linktxt .hvr-shutter-in-vertical:focus:before, .healthy_section .linktxt .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


.healthy_section .ih-item {
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.healthy_section .ih-item,
.healthy_section .ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.healthy_section .ih-item a {
  color: #333;
}
.healthy_section .ih-item a:hover {
  text-decoration: none;
}
.healthy_section .ih-item img {
  width: 100%;
  height: 100%;
}

.healthy_section .ih-item.circle {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 280px;
  max-height: 280px;
  border-radius: 50%;
}
.healthy_section .ih-item.circle .img {
  position: relative;
  width: 280px;
  height: 280px;
  border-radius: 50%;
}
.healthy_section .ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.healthy_section .ih-item.circle .img img {
  border-radius: 50%;
}
.healthy_section .ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* effect18 */

.healthy_section .ih-item.circle.effect18 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.healthy_section .ih-item.circle.effect18 .img {
  width: 100%;
  height: 100%;
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.healthy_section .ih-item.circle.effect18.colored .info .info-back {
  background: #ffffff;
}
.healthy_section .ih-item.circle.effect18 .info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.healthy_section .ih-item.circle.effect18 .info .info-back {
  opacity: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
}
.healthy_section .ih-item.circle.effect18 .info h3 {
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #238802;
  position: relative;
  font-size: 17px;
  margin: 0 40px;
  padding: 80px 0 0 0;
  height: 215px;
  overflow: hidden;
  line-height: 27px;
}
.healthy_section .ih-item.circle.effect18 .info p {
  color: #797979;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 13px;
  height: 77px;
  overflow: hidden;
}
.healthy_section .ih-item.circle.effect18.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.healthy_section .ih-item.circle.effect18.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg);
}

.healthy_section .ih-item.circle.effect18.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.healthy_section .ih-item.circle.effect18.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg);
}

.healthy_section .ih-item.circle.effect18.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.healthy_section .ih-item.circle.effect18.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.healthy_section .ih-item.circle.effect18.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.healthy_section .ih-item.circle.effect18.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

/* effect16 */

.healthy_section .ih-item.circle.effect16 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.healthy_section .ih-item.circle.effect16.colored .info {
  background: #ffffff;
}
.healthy_section .ih-item.circle.effect16 .info {
  background: #333333;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.healthy_section .ih-item.circle.effect16 .info h3 {
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #ff0000;
  text-transform: uppercase;
  position: relative;
  font-size: 18px;
  margin: 0 60px 0 40px;
  padding: 70px 0 0 0;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
  line-height: 30px;
}
.healthy_section .ih-item.circle.effect16 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.healthy_section .ih-item.circle.effect16.left_to_right .img {
  -webkit-transform-origin: 95% 40%;
  -moz-transform-origin: 95% 40%;
  -ms-transform-origin: 95% 40%;
  -o-transform-origin: 95% 40%;
  transform-origin: 95% 40%;
}
.healthy_section .ih-item.circle.effect16.left_to_right .img:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 40%;
  left: 95%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.healthy_section .ih-item.circle.effect16.left_to_right a:hover .img {
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg);
}

.healthy_section .ih-item.circle.effect16.right_to_left .img {
  -webkit-transform-origin: 5% 40%;
  -moz-transform-origin: 5% 40%;
  -ms-transform-origin: 5% 40%;
  -o-transform-origin: 5% 40%;
  transform-origin: 5% 40%;
}
.healthy_section .ih-item.circle.effect16.right_to_left .img:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 40%;
  left: 5%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.healthy_section .ih-item.circle.effect16.right_to_left a:hover .img {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

/* effect14 */

.healthy_section .ih-item.circle.effect14 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.healthy_section .ih-item.circle.effect14 .img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.healthy_section .ih-item.circle.effect14.colored .info {
  background: #1a4a72;
}
.healthy_section .ih-item.circle.effect14 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.healthy_section .ih-item.circle.effect14 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.healthy_section .ih-item.circle.effect14 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.healthy_section .ih-item.circle.effect14 a:hover .img {
  opacity: 0;
  visibility: hidden;
}
.healthy_section .ih-item.circle.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.healthy_section .ih-item.circle.effect14.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.healthy_section .ih-item.circle.effect14.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.healthy_section .ih-item.circle.effect14.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.healthy_section .ih-item.circle.effect14.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.healthy_section .ih-item.circle.effect14.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.healthy_section .ih-item.circle.effect14.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.healthy_section .ih-item.circle.effect14.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.healthy_section .ih-item.circle.effect14.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.healthy_section .ih-item.circle.effect14.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.healthy_section .ih-item.circle.effect14.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.healthy_section .ih-item.circle.effect14.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.healthy_section .ih-item.circle.effect14.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.healthy_section .ih-item.circle.effect14.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.healthy_section .ih-item.circle.effect14.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.healthy_section .ih-item.circle.effect14.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.healthy_section .ih-item.circle.effect14.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

/*************************
*******lifestyle section******
**************************/
.lifestyle_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
  height: auto;
}
.lifestyle_section .section-title{
  margin: 18px auto 20px;
  text-align: center;
}
.lifestyle_section .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  display: block;
  height: 53px;
  padding: 8px 0px 0 0;
  margin: 0 auto;
}
.lifestyle_section .section-title h2 span{
  color: #ff0000;
}
.lifestyle_section .section_one , .lifestyle_section .section_two  , .lifestyle_section .section_three{
  height: auto;
  margin-bottom: 15px
}
.lifestyle_section h4{
  margin: 0;
}
.lifestyle_section h4 a , .lifestyle_section h4 a:visited {
  background-color: #838383;
  display: block;
  height: 50px;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px 0 10px;
  margin: 0 auto;
  overflow: hidden;
}
.lifestyle_section h4 a:hover{
  background-color: #6e6e6e;
  color: #ffffff;
}
.lifestyle_section .ih-item.square {
  position: relative;
  height: 350px;
  border: 1px solid #c5c5c5;
}
.lifestyle_section .ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lifestyle_section .ih-item.square.effect6 {
  overflow: hidden;
}
.lifestyle_section .ih-item.square.effect6.colored .info {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.7);
}
.lifestyle_section .ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.lifestyle_section .ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  height: 350px;
}
.lifestyle_section .ih-item.square.effect6 .img .img-responsive {
  height: 360px;
  width: 100%;
}
.lifestyle_section .ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.lifestyle_section .ih-item.square.effect6 .info h3 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 10px;
  background: #111111;
  margin: 90px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  line-height: 28px;
  height: 45px;
  overflow: hidden;
}
.lifestyle_section .ih-item.square.effect6 .info p {
  font-size: 13px;
  position: relative;
  color: #000;
  padding: 20px 20px 0px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
  height: 84px;
  overflow: hidden;
}
.lifestyle_section .ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.lifestyle_section .ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.lifestyle_section .ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.lifestyle_section .ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.lifestyle_section .ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.lifestyle_section .ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.lifestyle_section .ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.lifestyle_section .ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.lifestyle_section .ih-item.square.effect6.from_left_and_right a:hover .info h3,
.lifestyle_section .ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.lifestyle_section .ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.lifestyle_section .ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.lifestyle_section .ih-item.square.effect6.top_to_bottom a:hover .info h3,
.lifestyle_section .ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.lifestyle_section .ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.lifestyle_section .ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.lifestyle_section .ih-item.square.effect6.bottom_to_top a:hover .info h3,
.lifestyle_section .ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/*************************
*******kitchensecrets section******
**************************/
.kitchensecrets_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
  height: auto;
}
.kitchensecrets_section .section-title{
  margin: 18px auto 20px;
  text-align: center;
}
.kitchensecrets_section .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  display: block;
  height: 53px;
  padding: 8px 0px 0 0;
  margin: 0 auto;
}
.kitchensecrets_section .section-title h2 span{
  color: #ff0000;
}
.kitchensecrets_section .box {
  height: auto;
  margin-bottom: 15px
}
.kitchensecrets_section h4{
  margin: 0;
}
.kitchensecrets_section h4 a , .kitchensecrets_section h4 a:visited {
  background-color: #75c95b;
  display: block;
  height: 50px;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px 0 10px;
  margin: 0 auto;
  overflow: hidden;
}
.kitchensecrets_section h4 a:hover{
  background-color: #58af3c;
  color: #ffffff;
}

.kitchensecrets_section .box .img{
  background: #58af3c;
  width: 100%;
  height: 270px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  overflow: hidden;
  position: relative;
}
.kitchensecrets_section .box .img .img-responsive {
  width: 100%;
  height: 270px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.kitchensecrets_section .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.6;
}

/*************************
*******footer section******
**************************/
.footer_section .container {
  background-color: #40ba37;
  padding-top: 20px;
  padding-bottom: 1px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.footer_section ul{
  list-style: none;
}
.footer_section .socialicons{
  line-height: 30px;
  padding: 4px 0 0px 0px !important;
  margin: 0px 0 13px 0 !important;
}
.footer_section .one {
  direction: rtl;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: normal;
  line-height: 32px;
}
.footer_section h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  line-height: 20px;
  padding: 8px 0px 0 0;
  margin: 0 auto 10px;
}

.footer_section a , .footer_section a:visited{color: #fff;}
.footer_section a:hover {color: #154208;text-decoration: none;}

.footer_section .txtone {margin: 10px 0;}

.footer_section .two {
  direction: rtl;
  margin-bottom: 10px;
}
.footer_section .socialicons {
  direction: rtl;
  text-align: right;
}
.footer_section .two form{
  text-align: right
}
.footer_section  .three {
  margin: 5px 0;
  border-top: 1px solid #ffffff94;
  text-align: center;
}

.footer_section form {margin: 0;}
.footer_section form .input-group-btn {
  text-align: left;
}
.footer_section form input[type=email]{
  margin: 0;
  border-radius: 0px;
  font-size: 12px;
  text-align: right;
  padding-right: 30px;
  padding-left: 30px;
  color: #000 !important;
  font-weight: normal !important;
}
.footer_section button{
  margin: 0 5px 0 0;
  outline: none;
  border: none;
  font-size: 12px;
}
/* Shutter In Vertical */
.footer_section .hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  color: white !important;
  font-weight: normal;
  background: #1e6f04;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 65px;
  height: 34px;
  text-align: center;
  line-height: 34px;
}
.footer_section .hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #298e09;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 65px;
  height: 34px;
  text-align: center;
  line-height: 34px;
}
.footer_section .hvr-shutter-in-vertical:hover, .footer_section .hvr-shutter-in-vertical:focus, .footer_section .hvr-shutter-in-vertical:active {
  color: white !important;
}
.footer_section .hvr-shutter-in-vertical:hover:before, .footer_section .hvr-shutter-in-vertical:focus:before, .footer_section .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/*************************
*************************
*******innerpages******
*************************
**************************/

/*************************
*******innerheader******
**************************/
.innerheader_section .container{
  background-color: #ffffff;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
}
.innerheader_section .container .img-responsive{
  width: 100%;
  height:305px; 
}

/*************************
*******innercontent section******
**************************/
.innercontent_section .container{
  background-color: #f7f7f7;
  margin-bottom: 15px;
  height: auto;
}

/**********left_section**********/
.innercontent_section .left_section{
  height: auto;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 0px;
  background-color: #eaeaea;
}
.innercontent_section .left_section .row{
  height: auto;
  margin: 0px auto;
  padding: 0px;
}
.innercontent_section .left_section .box{
  display: block;
  background-color: white;
  height: auto;
  border: 1px solid #c5c5c5;
  margin: 0 auto 15px !important;
  text-align: center;
  padding: 15px;
}
.innercontent_section .left_section .box .content{
  display: block;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center !important;
}
.innercontent_section .left_section .box .content .img-responsive{
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}

/**********askmanal**********/
.innercontent_section .left_section .askmanal{
  display: block;
  background-color: white;
  height: 260px;
  border: none;
  margin: 0 auto 15px !important;
  text-align: center;
  padding: 0;
}
.innercontent_section .left_section .askmanal .img-responsive{
  max-width: 100%;
  height: 260px;
  margin: 0 auto !important;
  text-align: center;
}

/**********manalsecrets**********/
.innercontent_section .left_section .manalsecrets{
  display: inline-block;
  background-color: white;
  height: auto;
  border: 1px solid #c5c5c5;
  margin: 0 auto 15px !important;
  text-align: center;
  padding: 10px 15px 20px;
}

.innercontent_section .left_section .secrets_image{
  margin: 0 auto;
}
.innercontent_section .left_section .secrets_image img{
  width: 197px;
  height: 197px;
  border: 6px #fff solid;
  text-align: center;
  border-radius: 50%;
  background-color: white;
  overflow: hidden;
}
.innercontent_section .left_section .secrets_quote{
  text-align: center;
  margin: 20px auto 0;
}
.innercontent_section .left_section .secrets_txt h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  text-align: right;
  margin: 20px auto 0 auto;
}
.innercontent_section .left_section .secrets_txt h2 span{
  color: #208700;
}
.innercontent_section .left_section .secrets_txt p{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  text-align: justify;
  margin: 10px auto 0 auto;
}

/**********innermostreadedbox**********/
.innercontent_section .left_section .box .content .innermostreadedbox {
  display: inline-block;
  background-color: #67ba4d !important;
  height: auto !important;
  padding: 0 15px 0px 15px;
  margin-bottom: -10px;
}

.innermostreadedbox .section-title{
  padding: 0;
  margin: -1px auto 30px 0;
  text-align: center;
}
.innermostreadedbox .section-title h2{
  background:url(../images/mostreaded_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innermostreadedbox .section-title h2 span{
  color: #ffffff;
}

.innermostreadedbox .item {
  display: inline-block;
  height: auto !important;
  margin-bottom: 15px;
}
.innermostreadedbox .item .img{
  height: 130px !important;
  border: 1px solid #c5c5c5;
  overflow: hidden;
}
.innermostreadedbox .item .img .img-responsive{
  width: 100% !important;
  height: 130px !important;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innermostreadedbox .item .img:hover .img-responsive{
  width: 100% !important;
  height: 130px !important;  
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.3;
}
.innermostreadedbox .item .details{
  display: block;
  height: 130px;
  overflow: hidden;
  color: #dcfed1;
  font-size: 12px;
  text-align: right;
  padding: 0px 15px 10px 0;
  margin: 0;
  z-index: 10px;
}
.innermostreadedbox .item .details h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 15px;
  color: #155600 !important;
  font-weight: normal;
  text-align: right;
  line-height: 25px;
  height: 24px;
  overflow: hidden;
  padding: 0px;
  margin: 2px 0 3px 0;
}
.innermostreadedbox .item .details h3 a , .innermostreadedbox .item .details h3 a:visited{
  color: #155600 !important;
}
.innermostreadedbox .item .details h3 a:hover{
  color: #1e7e00 !important;
}
.innermostreadedbox .item .details p{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
  line-height: 20px;
  height: 65px;
  overflow: hidden;
  padding: 0px;
  margin: 0 0 3px 0;
}
/* Shutter In Vertical */
.innermostreadedbox .item .hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  color: #ffffff !important;
  font-weight: bold;
  background: #208401;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 60px;
  height: 30px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
}
.innermostreadedbox .item .hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2aa404;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 60px;
  height: 30px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  line-height: 30px;
}
.innermostreadedbox .item .hvr-shutter-in-vertical:hover, .innermostreadedbox .item .hvr-shutter-in-vertical:focus, .innermostreadedbox .item .hvr-shutter-in-vertical:active {
  color: white !important;
}
.innermostreadedbox .item .hvr-shutter-in-vertical:hover:before, .innermostreadedbox .item .hvr-shutter-in-vertical:focus:before, .innermostreadedbox .item .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


/**********right section**********/
.innercontent_section .right_section{
  height: auto;
  margin: 0px auto;
  padding: 15px 0 15px 0;
}
.innercontent_section .right_section .box{
  height: auto;
  margin: 0 0 30px 0 !important;
}

/*************************
*******innerlifestyle section******
**************************/
.innerlifestyle .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 50px 0;
  text-align: center;
}
.innerlifestyle .section-title h1{
  background:url(../images/lifestyle_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innerlifestyle .section-title h1 span{
  color: #fc5cb3 !important;
}

.innerlifestyle .img{
  background: #fc5cb3;
  width: 100%;
  height: 262px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
}
.innerlifestyle .img .img-responsive {
  width: 100%;
  height: 262px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerlifestyle .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.6;
}
.innerlifestyle h2{
  margin: 0;
}
.innerlifestyle h2 a , .innerlifestyle h2 a:visited {
  background-color: #fc5cb3;
  display: block;
  height: 50px;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff !important;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}
.innerlifestyle h2 a:hover{
  background-color: #d44593;
  color: #ffffff !important;
}
.innerlifestyle nav {
    display: block;
    background: none !important;
}
.innerlifestyle .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innerlifestyle .pagination>li>a , .innerlifestyle .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#fc5cb3;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innerlifestyle .pagination>li:first-child>a,.innerlifestyle .pagination>li:first-child>span,.innerlifestyle .pagination>li:last-child>a,.innerlifestyle .pagination>li:last-child>span{
  background-color:#fc5cb3;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innerlifestyle .pagination>li:first-child>a:hover,.innerlifestyle .pagination>li:first-child>span:hover,.innerlifestyle .pagination>li:last-child>a:hover,.innerlifestyle .pagination>li:last-child>span:hover,.innerlifestyle .pagination>li>a:focus,.innerlifestyle .pagination>li>a:hover,.innerlifestyle .pagination>li>span:focus,.innerlifestyle .pagination>li>span:hover{
  background-color:#d44593;
  color:#fff !important;
}
.innerlifestyle .page-item.active .page-link, .innerlifestyle .page-item.active .page-link:focus, .innerlifestyle .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #d44593;border-color: #d44593;
}

/*************************
*******innerchildren section******
**************************/
.innerchildren .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 50px 0;
  text-align: center;
}
.innerchildren .section-title h1{
  background:url(../images/children_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innerchildren .section-title h1 span{
  color: #be1cfa !important;
}

.innerchildren .img{
  background: #cc51fa;
  width: 100%;
  height: 185px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
}
.innerchildren .img .img-responsive {
  width: 100%;
  height: 220px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerchildren .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.7;
}
.innerchildren .details {
  display: block;
  height: 128px;
  overflow: hidden;
  margin: 0;
  padding: 15px 15px 0px 15px;
  background-color: #cc51fa;
  border-top: 1px #ffffff solid;
}
.innerchildren .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  margin: 0 auto 4px;
  height: 26px;
  overflow: hidden;
}
.innerchildren .details h2 a , .innerchildren .details h2 a:visited{
  color: #fff;
}
.innerchildren .details h2 a:hover {
  color: #e9adff;
}
.innerchildren .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  margin: 0 auto;
  height: 44px;
  overflow: hidden;
}
.innerchildren .morelink {
  margin: 7px auto -20px auto;
  text-align: center;
}

/* Radial In */
.innerchildren .morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #f7f7f7;
  color: #9b04d3;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #e3e3e3;
  border-radius: 90px 90px 0 0;
  -moz-border-radius: 90px 90px 0 0;
  -webkit-border-radius: 90px 90px 0 0;
  margin: 0 auto;
  padding: 10px 10px 0;
  height:40px;
  width:75px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.innerchildren .morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  color: #9b04d3;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.innerchildren .morelink a:hover, .innerchildren .morelink a:focus, .innerchildren .morelink a:active {
  background: #af1de6;
  color: white;
}
.innerchildren .morelink a:hover:before, .innerchildren .morelink a:focus:before, .innerchildren .morelink a:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.innerchildren nav {
    display: block;
    background: none !important;
}
.innerchildren .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innerchildren .pagination>li>a , .innerchildren .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#cc51fa;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innerchildren .pagination>li:first-child>a,.innerchildren .pagination>li:first-child>span,.innerchildren .pagination>li:last-child>a,.innerchildren .pagination>li:last-child>span{
  background-color:#cc51fa;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innerchildren .pagination>li:first-child>a:hover,.innerchildren .pagination>li:first-child>span:hover,.innerchildren .pagination>li:last-child>a:hover,.innerchildren .pagination>li:last-child>span:hover,.innerchildren .pagination>li>a:focus,.innerchildren .pagination>li>a:hover,.innerchildren .pagination>li>span:focus,.innerchildren .pagination>li>span:hover{
  background-color:#ac05ea;
  color:#fff !important;
}
.innerchildren .page-item.active .page-link, .innerchildren .page-item.active .page-link:focus, .innerchildren .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #ac05ea;border-color: #ac05ea;
}

/*************************
*******innerhousemanagment section******
**************************/
.innerhousemanagment .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 50px 0;
  text-align: center;
}
.innerhousemanagment .section-title h1{
  background:url(../images/housemanagment_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innerhousemanagment .section-title h1 span{
  color: #c47d01 !important;
}

.innerhousemanagment .box .img{
  background: #c47d01;
  height: 225px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
  padding: 0;
}
.innerhousemanagment .box .img .img-responsive {
  width: 100%;
  height: 225px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerhousemanagment .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.8;
}
.innerhousemanagment .box .details {
  display: block;
  height: 225px;
  overflow: hidden;
  margin: 0;
  padding: 30px 15px 0px 15px;
  background-color: #c47d01;
  border-top: 1px #ffffff solid;
}
.innerhousemanagment .box .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  margin: 5px auto 20px;
  height: 26px;
  overflow: hidden;
}
.innerhousemanagment .box .details h2 a , .innerhousemanagment .details h2 a:visited{
  color: #fff;
}
.innerhousemanagment .box .details h2 a:hover {
  color: #e7be76;
}
.innerhousemanagment .box .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  margin: 0 auto 14px;
  height: 87px;
  overflow: hidden;
}
.innerhousemanagment .box .morelink {
  margin: 7px auto -20px auto;
  text-align: center;
}

/* Radial In */
.innerhousemanagment .box .morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #f7f7f7;
  color: #c47d01;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #e3e3e3;
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  margin: 0 auto;
  padding: 10px 10px 0;
  height:35px;
  width:100px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.innerhousemanagment .box .morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  color: #c47d01;
  border-radius: 10% !important;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.innerhousemanagment .box .morelink a:hover, .innerhousemanagment .box .morelink a:focus, .innerhousemanagment .box .morelink a:active {
  background: #ae6f01;
  color: white;
}
.innerhousemanagment .box .morelink a:hover:before, .innerhousemanagment .box .morelink a:focus:before, .innerhousemanagment .box .morelink a:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.innerhousemanagment nav {
    display: block;
    background: none !important;
}
.innerhousemanagment .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innerhousemanagment .pagination>li>a , .innerhousemanagment .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#c47d01;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innerhousemanagment .pagination>li:first-child>a,.innerhousemanagment .pagination>li:first-child>span,.innerhousemanagment .pagination>li:last-child>a,.innerhousemanagment .pagination>li:last-child>span{
  background-color:#c47d01;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innerhousemanagment .pagination>li:first-child>a:hover,.innerhousemanagment .pagination>li:first-child>span:hover,.innerhousemanagment .pagination>li:last-child>a:hover,.innerhousemanagment .pagination>li:last-child>span:hover,.innerhousemanagment .pagination>li>a:focus,.innerhousemanagment .pagination>li>a:hover,.innerhousemanagment .pagination>li>span:focus,.innerhousemanagment .pagination>li>span:hover{
  background-color:#a06601;
  color:#fff !important;
}
.innerhousemanagment .page-item.active .page-link, .innerhousemanagment .page-item.active .page-link:focus, .innerhousemanagment .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #a06601;border-color: #ac05ea;
}

/*************************
*******innerhealthy section******
**************************/
.innerhealthy .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 50px 0;
  text-align: center;
}
.innerhealthy .section-title h1{
  background:url(../images/health_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innerhealthy .section-title h1 span{
  color: #c9bd02  !important;
}

.innerhealthy .ih-item {
  text-align: center;
  margin: 0 auto !important;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.innerhealthy .ih-item,
.innerhealthy .ih-item * {
  text-align: center;
  margin: 0 auto !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 !important;
}
.innerhealthy .ih-item a {
  color: #333;
}
.innerhealthy .ih-item a:hover {
  text-decoration: none;
}
.innerhealthy .ih-item img {
  width: 195px;
  height: 195px;
}
.innerhealthy .ih-item.circle {
  position: relative;
  width: 212px;
  height: 212px;
  border-radius: 50%;
}
.innerhealthy .ih-item.circle .img {
  position: relative;
  width: 195px;
  height: 195px;
  border-radius: 50%;
}
.innerhealthy .ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 195px;
  height: 195px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.innerhealthy .ih-item.circle .img img {
  border-radius: 50%;
}
.innerhealthy .ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* effect18 */
.innerhealthy .ih-item.circle.effect1 .spinner {
  width: 212px;
  height: 212px;
  border: 10px solid #c9bd02;
  border-right-color: #ded767;
  border-bottom-color: #ded767;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.innerhealthy .ih-item.circle.effect1 .img {
  position: absolute;
  top: 9px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 195px;
  height: 195px;
}
.innerhealthy .ih-item.circle.effect1 .img:before {
  display: none;
}
.innerhealthy .ih-item.circle.effect1.colored .info {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.6);
}
.innerhealthy .ih-item.circle.effect1 .info {
  width: 195px;
  height: 195px;
  top: 9px;
  bottom: 0;
  left: 0;
  right: 0px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.innerhealthy .ih-item.circle.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.innerhealthy .ih-item.circle.effect1 a:hover .info {
  opacity: 1;
}

.innerhealthy .details {
  height: 75px;
  margin: 20px 0 0 0;
}
.innerhealthy .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #010101;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  margin: 0 auto 8px;
  height: 28px;
  overflow: hidden;
}
.innerhealthy .details h2 a , .innerhealthy .details h2 a:visited{
  color: #010101;
}
.innerhealthy .details h2 a:hover {
  color: #aba101;
}

.innerhealthy .morelink {
  margin: 7px auto -20px auto;
  text-align: center;
}

/* Shutter In Vertical */
.innerhealthy .morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  color: #ffffff !important;
  font-weight: bold;
  background: #aba101;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 65px;
  height: 30px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
  padding: 0;
}
.innerhealthy .morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #cabe00;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 65px;
  height: 30px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  line-height: 30px;
  padding: 0;
}
.innerhealthy .morelink a:hover, .innerhealthy .morelink a:focus, .innerhealthy .morelink a:active {
  color: white !important;
}
.innerhealthy .morelink a:hover:before, .innerhealthy .morelink a:focus:before, .innerhealthy .morelink a:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.innerhealthy nav {
    display: block;
    background: none !important;
}
.innerhealthy .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innerhealthy .pagination>li>a , .innerhealthy .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#ded20e;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innerhealthy .pagination>li:first-child>a,.innerhealthy .pagination>li:first-child>span,.innerhealthy .pagination>li:last-child>a,.innerhealthy .pagination>li:last-child>span{
  background-color:#e0d419;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innerhealthy .pagination>li:first-child>a:hover,.innerhealthy .pagination>li:first-child>span:hover,.innerhealthy .pagination>li:last-child>a:hover,.innerhealthy .pagination>li:last-child>span:hover,.innerhealthy .pagination>li>a:focus,.innerhealthy .pagination>li>a:hover,.innerhealthy .pagination>li>span:focus,.innerhealthy .pagination>li>span:hover{
  background-color:#c9bd02;
  color:#fff !important;
}
.innerhealthy .page-item.active .page-link, .innerhealthy .page-item.active .page-link:focus, .innerhealthy .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #c9bd02;border-color: #c9bd02;
}

/*************************
*******innermanalsociety section******
**************************/
.innermanalsociety .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 50px 0;
  text-align: center;
}
.innermanalsociety .section-title h1{
  background:url(../images/society_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innermanalsociety .section-title h1 span{
  color: #2fadfd !important;
}

.innermanalsociety .img{
  position: relative;
  background: #2fadfa;
  width: 100%;
  height: 400px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
}
.innermanalsociety .img .img-responsive {
  position: absolute;
  width: 100%;
  height: 390px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innermanalsociety .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.5;
}
.innermanalsociety .img .details {
  position: absolute;
  bottom: 0;
  display: block;
  margin: 0px auto;
  padding: 0 10px;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background: #ffffff;
  opacity: 0.7;
  line-height: 10px;
}
.innermanalsociety .img .details h2 {
  height: 35px;
  overflow: hidden;
  line-height: 40px;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 15px;
  font-weight: bold;
  color: #000 !important;
  text-align: center;
  margin-top: 6px;
}
.innermanalsociety .img .details h2 a , .innermanalsociety .img .details h2 a:visited{
  color: #000;
}
.innermanalsociety .img .details h2 a:hover {
  color: #e9adff;
}

.innermanalsociety nav {
    display: block;
    background: none !important;
}
.innermanalsociety .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innermanalsociety .pagination>li>a , .innermanalsociety .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#2fadfa;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innermanalsociety .pagination>li:first-child>a,.innermanalsociety .pagination>li:first-child>span,.innermanalsociety .pagination>li:last-child>a,.innermanalsociety .pagination>li:last-child>span{
  background-color:#2fadfa;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innermanalsociety .pagination>li:first-child>a:hover,.innermanalsociety .pagination>li:first-child>span:hover,.innermanalsociety .pagination>li:last-child>a:hover,.innermanalsociety .pagination>li:last-child>span:hover,.innermanalsociety .pagination>li>a:focus,.innermanalsociety .pagination>li>a:hover,.innermanalsociety .pagination>li>span:focus,.innermanalsociety .pagination>li>span:hover{
  background-color:#1a95e0;
  color:#fff !important;
}
.innermanalsociety .page-item.active .page-link, .innermanalsociety .page-item.active .page-link:focus, .innermanalsociety .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #1a95e0;border-color: #1a95e0;
}

/****************************************
*******innerarticlesdetails section******
****************************************/

.right_section .breadcrumb_bg { 
  background-color: none;padding: 0 15px 15px;margin: 0;
}
.right_section .breadcrumb { 
  background-color: #eaeaea;padding-top: 3px;margin: 0;list-style: none;
  font-size: 12px;line-height: 30px;border-radius: 0px;word-wrap: break-word;height: 35px;overflow: hidden;
}
.right_section .breadcrumb li {float: right;text-align: right}
.right_section .breadcrumb li a{color: #000 !important;text-decoration: none;}
.right_section .breadcrumb li a:active{color: #000 !important;text-decoration: none;}

.innerarticlesdetails .contentbg{
  background-color: #ffffff;padding: 20px 15px 15px;display: inline-block;min-height:1355px;
}

.innerarticlesdetails .bimg{
  height: 380px !important;border: 1px solid #c5c5c5;overflow: hidden;padding: 0;margin: 15px 0 20px;
}
.innerarticlesdetails .bimg .img-responsive{
  width: 100% !important;height: 380px !important;
}

.innerarticlesdetails .bvideo_articles{
  height: auto !important;border: 1px solid #c5c5c5;overflow: hidden;padding: 0;margin: 15px 0 20px;
}

.innerarticlesdetails ul.ordertxt{
  margin: 5px 5px 0 0 !important;
  height: auto;
  display: inline-block;
}
.innerarticlesdetails ul.ordertxt li{
  margin: 0 0 5px 0 !important;
  text-align: right !important;
}


.innerarticlesdetails .bsharingtxt{
  background-color: #fcfbfb;border-top: 1px #bbbaba solid;border-bottom: 1px #bbbaba solid;
  color: #000 !important;font-size: 20px;font-weight: bold;padding: 20px 10px 15px;margin: 0px auto 10px auto;
  text-align: center;line-height: 30px;
}

.innerarticlesdetails .articlediv{width: 100%;height: auto !important;padding: 0;margin: 26px auto 0;text-align: center;}
.innerarticlesdetails .articlediv .img-responsive{width: 80% !important;height: auto !important;border: 1px solid #c5c5c5;margin: 0 auto;text-align: center;}


/******************articles details ( innerchildren )**********************/
.innerchildren .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #be1cfa !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 38px;padding: 0px;margin: 0 0 10px 0;
}
.innerchildren .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #be1cfa !important;font-size: 14px;font-weight: normal;text-align: right;
  line-height: 25px;height: 25px;overflow: hidden;padding: 0px;margin: 0 0 10px 0;
}

.innerchildren .innerarticlesdetails h2 span{
  color: #000 !important;padding-right: 10px;
}

.innerchildren .innerarticlesdetails h2 .fa{
  margin-left: 6px;color: #be1cfa;
}

.innerchildren .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #be1cfa;text-align: justify;
}

.innerchildren .innerarticlesdetails .commentbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerchildren .innerarticlesdetails .commentbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; color: #be1cfa !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerchildren .innerarticlesdetails .comment {
  height: auto;margin: 0 auto;background-color: #f9f9f9;padding: 25px 15px 20px;
}

.innerchildren .innerarticlesdetails .relatedarticlesbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerchildren .innerarticlesdetails .relatedarticlesbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #be1cfa !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerchildren .innerarticlesdetails .relatedarticles {
  height: auto;padding: 15px 0 0px;margin: 0;background-color: #f7f7f7;display: inline-block;
}

.innerchildren .innerarticlesdetails .relatedarticles .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fff;font-size: 12px;font-weight: normal;text-align: center;
  line-height: 21px;margin: 0 auto;padding: 0;height: 44px;overflow: hidden;border: none;
}
.innerchildren .innerarticlesdetails .relatedarticles .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fff;font-size: 15px;font-weight: normal;text-align: center;
  line-height: 25px;margin: 0 auto 4px;height: 26px;overflow: hidden;
}

/******************articles details ( innerlifestyle )**********************/
.innerlifestyle .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fc5cb3 !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 38px;padding: 0px;margin: 0 0 10px 0;
}
.innerlifestyle .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fc5cb3 !important;font-size: 14px;font-weight: normal;text-align: right;
  line-height: 25px;height: 25px;overflow: hidden;padding: 0px;margin: 0 0 10px 0;
}

.innerlifestyle .innerarticlesdetails h2 span{
  color: #000 !important;padding-right: 10px;
}

.innerlifestyle .innerarticlesdetails h2 .fa{
  margin-left: 6px;color: #fc5cb3;
}

.innerlifestyle .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #fc5cb3;text-align: justify;
}

.innerlifestyle .innerarticlesdetails .commentbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerlifestyle .innerarticlesdetails .commentbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; color: #fc5cb3 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerlifestyle .innerarticlesdetails .comment {
  height: auto;margin: 0 auto;background-color: #f9f9f9;padding: 25px 15px 20px;
}

.innerlifestyle .innerarticlesdetails .relatedarticlesbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerlifestyle .innerarticlesdetails .relatedarticlesbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fc5cb3 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerlifestyle .innerarticlesdetails .relatedarticles {
  height: auto;padding: 15px 0 0px;margin: 0;background-color: #f7f7f7;display: inline-block;
}

.innerlifestyle .innerarticlesdetails .relatedarticles .box h2 , .innerlifestyle .innerarticlesdetails .relatedarticles .box h2 a , .innerlifestyle .innerarticlesdetails .relatedarticles .box h2 a:visited {
  background-color: #fc5cb3;
  display: block;
  height: 50px !important;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff !important;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}


/******************articles details ( innerhousemanagment )**********************/
.innerhousemanagment .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #c47d01 !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 38px;padding: 0px;margin: 0 0 10px 0;
}
.innerhousemanagment .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #d7931b !important;font-size: 14px;font-weight: normal;text-align: right;
  line-height: 25px;height: 25px;overflow: hidden;padding: 0px;margin: 0 0 10px 0;
}

.innerhousemanagment .innerarticlesdetails h2 span{
  color: #000 !important;padding-right: 10px;
}

.innerhousemanagment .innerarticlesdetails h2 .fa{
  margin-left: 6px;color: #d7931b;
}

.innerhousemanagment .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #c47d01;text-align: justify;
}

.innerhousemanagment .innerarticlesdetails .commentbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerhousemanagment .innerarticlesdetails .commentbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; color: #c47d01 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerhousemanagment .innerarticlesdetails .comment {
  height: auto;margin: 0 auto;background-color: #f9f9f9;padding: 25px 15px 20px;
}

.innerhousemanagment .innerarticlesdetails .relatedarticlesbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerhousemanagment .innerarticlesdetails .relatedarticlesbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #c47d01 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles {
  height: auto;padding: 15px 0 0px;margin: 0;background-color: #f7f7f7;display: inline-block;
}

.innerhousemanagment .innerarticlesdetails .relatedarticles .box .img{
  background: #c47d01;
  height: 170px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
  padding: 0;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .img .img-responsive {
  width: 100%;
  height: 170px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.8;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .details {
  display: block;
  height: 170px;
  overflow: hidden;
  margin: 0;
  padding: 30px 15px 0px 15px;
  background-color: #c47d01;
  border-top: 1px #ffffff solid;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  margin: -15px auto 5px;
  height: 52px;
  overflow: hidden;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .details h2 a , .innerhousemanagment .innerarticlesdetails .relatedarticles .details h2 a:visited{
  color: #fff;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .details h2 a:hover {
  color: #e7be76;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  margin: 0 auto 7px;
  height: 64px;
  overflow: hidden;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink {
  margin: 1px auto -20px auto;
  text-align: center;
}

/* Radial In */
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #f7f7f7;
  color: #c47d01;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #e3e3e3;
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  margin: 0 auto;
  padding: 5px 5px 0;
  height:25px;
  width:80px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  color: #c47d01;
  border-radius: 10% !important;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:hover, .innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:focus, .innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:active {
  background: #ae6f01;
  color: white;
}
.innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:hover:before, .innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:focus:before, .innerhousemanagment .innerarticlesdetails .relatedarticles .box .morelink a:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}









/******************articles details ( innerhealthy )**********************/
.innerhealthy .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #c9bd02 !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 38px;padding: 0px;margin: 0 0 10px 0;
}
.innerhealthy .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #c9bd02 !important;font-size: 14px;font-weight: normal;text-align: right;
  line-height: 25px;height: 25px;overflow: hidden;padding: 0px;margin: 0 0 10px 0;
}

.innerhealthy .innerarticlesdetails h2 span{
  color: #000 !important;padding-right: 10px;
}

.innerhealthy .innerarticlesdetails h2 .fa{
  margin-left: 6px;color: #c9bd02;
}

.innerhealthy .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #c9bd02;text-align: justify;
}

.innerhealthy .innerarticlesdetails .commentbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerhealthy .innerarticlesdetails .commentbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; color: #c9bd02 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerhealthy .innerarticlesdetails .comment {
  height: auto;margin: 0 auto;background-color: #f9f9f9;padding: 25px 15px 20px;
}

.innerhealthy .innerarticlesdetails .relatedarticlesbg {
  width: 100%;height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innerhealthy .innerarticlesdetails .relatedarticlesbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #c9bd02 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innerhealthy .innerarticlesdetails .relatedarticles {
  width: 100%;height: auto;padding: 15px 0 0px;margin: 0;background-color: #f7f7f7;display: inline-block; 
}

.innerhealthy .innerarticlesdetails .relatedarticles .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fff;font-size: 12px;font-weight: normal;text-align: center;
  line-height: 21px;margin: 0 auto;padding: 0;height: 44px;overflow: hidden;border: none;
}
.innerhealthy .innerarticlesdetails .relatedarticles .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fff;font-size: 15px;font-weight: normal;text-align: center;
  line-height: 25px;margin: 0 auto 4px;height: 26px;overflow: hidden;
}


/*************************
*******innermanalkitchen section******
**************************/
.innermanalkitchen ol.type > li a {background: none repeat scroll 0 0 #aba9a9;border: 1px solid #ececec;}
.innermanalkitchen ol.type > li a:hover,
.innermanalkitchen ol.type > li a.active{background: #67ba4d;border: 1px solid #67ba4d;}


.innermanalkitchen .separetorbg {width: 100%;}
.innermanalkitchen .separetor {background: #ffffff;width: 100%;height: 4px;margin: 30px 0 30px 0}

/************innervideos**************/
.innervideos{
  padding: 0;
}
.innervideos .section-title{
  padding: 0 15px;
  margin: 0 0 30px 0;
  text-align: center;
}
.innervideos .section-title h1{
  background:url(../images/line.jpg) no-repeat right bottom;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: normal;
  text-align: right;
  line-height: 30px;
  display: block;
  height: 55px;
  padding: 0px;
  margin: 0;
}
.innervideos .section-title h1 span{
  color: #67ba4d !important;
}
.innervideos .bvideo{
  margin-bottom: 25px;
  height: 350px;
}
.innervideos .bvideo .item{
  background-color: #fff;
  border: 1px #dddddd solid;
  height: 350px
}
.innervideos .bvideo .item .img-responsive{
  width: 100%;
  height: 348px;
  position: relative;
}
.innervideos .bvideo .item .seen {
  position: absolute;
  text-align: center;
  padding: 13px 10px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  right: 4%;
  top: -15px;
  background-color: #f20101;
  transition: all 0.5s;
  z-index: 5;
  width: 60px;
  height: 60px;
  line-height: 17px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.innervideos .bvideo .item .seen span {
  color: #fff;
  font-weight: bold;
  font-size: 17px;
}
.innervideos .bvideo .item .arrow {
  position: absolute;
  text-align: center;
  padding: 0px 0 0 10px;
  margin: 0 auto;
  color: #e20000;
  left: 44%;
  top: 40%;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  width: 70px;
  height: 70px;
  line-height: 65px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 3px #fff solid;
}
.innervideos .bvideo .item h2.details {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  position: absolute;
  width: 100%;
  height: 55px;
  overflow: hidden;
  line-height: 55px;
  text-align: right;
  margin: 0 auto;
  padding: 0 20px;
  color: #f60202;
  font-weight: bold;
  font-size: 20px;
  background:url(../images/videos_detailsbg.png) no-repeat right bottom;
  transition: all 0.5s;
  z-index: 5;
  right: 15px;
  top: 295px;
}
.innervideos .svideo{
  background-color: white;
  border: 1px #dddddd solid;
  padding: 15px;
  height: 404px
}
.innervideos .svideo .item{
  width: 100%;
  height: 82px;
  margin-bottom: 14px !important;
  position: relative;
  overflow: hidden;
}
.innervideos .svideo .item .img-responsive{
  width: 100%;
  height: 82px;
  position: relative;
}
.innervideos .svideo .item .arrow {
  position: absolute;
  text-align: center;
  padding: 0px 0 0 2px;
  margin: 0 auto;
  color: #e20000;
  left: 41%;
  top: 16px;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  width: 30px;
  height: 30px;
  line-height: 40px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 2px #fff solid;
}
.innervideos .svideo .item h2.details {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  position: absolute;
  width: 100%;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  text-align: right;
  margin: 0 auto;
  padding: 0 2px;
  color: #f60202;
  font-weight: bold;
  font-size: 11px;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  right: 0px;
  top: 57px;
}

/********* innerkarticles ********/
.innerkarticles {
  padding: 0;
}
.innerkarticles .section-title{
  padding: 0 15px;
  margin: 0 0 30px 0;
  text-align: center;
}
.innerkarticles .section-title h2{
  background:url(../images/line.jpg) no-repeat right bottom;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: normal;
  text-align: right;
  line-height: 30px;
  display: block;
  height: 55px;
  padding: 0px;
  margin: 0;
}
.innerkarticles .section-title h2 span{
  color: #67ba4d !important;
}
.innerkarticles .img{
  background: #ffffff;
  width: 100%;
  height: 170px;
  overflow: hidden;
  border-top: 1px solid #c5c5c5;
  border-bottom: none;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
}
.innerkarticles .img .img-responsive {
  width: 100%;
  height: 170px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerkarticles .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.5;
}
.innerkarticles h3{
  border-bottom: 1px solid #c5c5c5;
  border-top: none;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  margin: 0;
}
.innerkarticles h3 a , .innerkarticles h3 a:visited {
  background-color: #efefef;
  display: block;
  height: 50px;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}
.innerkarticles h3 a:hover{
  background-color: #67ba4d;
  color: #ffffff !important;
}

/************innerrecipescategories**************/
.innermanalkitchen .contentbg{
  background-color: #ffffff;
  padding: 15px 0 15px 0;
  display: inline-block;
  /*min-height: 2131px;*/
  width: 100%;
}

.innermanalkitchen .breadcrumb { 
  background-color: #ffffff !important;padding: 0px 15px;margin: 0;list-style: none;
  font-size: 12px;line-height: 30px;border-radius: 0px;word-wrap: break-word;height: 35px;overflow: hidden;
}
.innermanalkitchen .breadcrumb li {float: right;text-align: right}
.innermanalkitchen .breadcrumb li a{color: #000 !important;text-decoration: none;}
.innermanalkitchen .breadcrumb li a:active{color: #000 !important;text-decoration: none;}

.innermanalkitchen h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #299f02 !important;font-size: 20px;font-weight: normal;text-align: right;
  line-height: 38px;padding: 0px;margin: 20px 0 5px 0;
}

.innermanalkitchen .txtmore{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #000000 !important;font-size: 14px;font-weight: normal;text-align: left;
  line-height: 38px;padding: 0px;margin: 20px 0 0px 0;
}
.innermanalkitchen .txtmore a , .innermanalkitchen .txtmore a:visited , .innermanalkitchen .txtmore a:hover{
  color: #000000 !important;font-size: 14px
}
.innermanalkitchen .txtmore .fa{
  margin: 0px 5px 0px 0;
}

/****************************************/
/****************************************/
/************categoriesbox**************/
/****************************************/

.innermanalkitchen .categoriesbox {
  height: auto;
  padding: 0;
  margin-top: 30px;
}
.innermanalkitchen .categoriesbox .box {
  height: auto;
  margin-bottom: 29px !important;
}
.innermanalkitchen .categoriesbox .box .arrow {
  position: absolute;
  text-align: center;
  padding: 0px 0 0 10px;
  margin: 0 auto;
  color: #e20000;
  left: 40%;
  top: 37%;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  width: 70px;
  height: 70px;
  line-height: 65px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 3px #fff solid;
}
.innermanalkitchen .categoriesbox .box .img{
  background: #58af3c;
  width: 100%;
  height: 270px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  overflow: hidden;
  position: relative;
}
.innermanalkitchen .categoriesbox .box .img .img-responsive {
  width: 100%;
  height: 270px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innermanalkitchen .categoriesbox .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.6;
}
.innermanalkitchen .categoriesbox .box .details{
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  width: 100%;
  height: 35px;
  overflow: hidden;
  margin: 0;
  padding: 0px;
}
.innermanalkitchen .categoriesbox .box .details h2{
  line-height: 35px !important;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0px 10px;
}
.innermanalkitchen .categoriesbox .box .details h2 span , .innermanalkitchen .categoriesbox .box .details h2 .fa{
  font-weight: normal;
  font-size: 18px;
  margin-right: 3px;
}

.innermanalkitchen .categoriesbox .box h3{
  margin: 3px 0 0 0;
}
.innermanalkitchen .categoriesbox .box h3 a , .innermanalkitchen .categoriesbox .box h3 a:visited {
  background-color: #75c95b;
  display: block;
  height: 50px;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}
.innermanalkitchen .categoriesbox .box h3 a:hover{
  background-color: #58af3c;
  color: #ffffff !important;

}

.innermanalkitchen nav {
    display: block;
    background: none !important;
}
.innermanalkitchen .pagination{padding:21px 15px 0;text-align: center;margin: 0 auto;}
.innermanalkitchen .pagination>li>a , .innermanalkitchen .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#75c95b;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innermanalkitchen .pagination>li:first-child>a,.innermanalkitchen .pagination>li:first-child>span,.innermanalkitchen .pagination>li:last-child>a,.innermanalkitchen .pagination>li:last-child>span{
  background-color:#75c95b;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innermanalkitchen .pagination>li:first-child>a:hover,.innermanalkitchen .pagination>li:first-child>span:hover,.innermanalkitchen .pagination>li:last-child>a:hover,.innermanalkitchen .pagination>li:last-child>span:hover,.innermanalkitchen .pagination>li>a:focus,.innermanalkitchen .pagination>li>a:hover,.innermanalkitchen .pagination>li>span:focus,.innermanalkitchen .pagination>li>span:hover{
  background-color:#45932d;
  color:#fff !important;
}
.innermanalkitchen .page-item.active .page-link, .innermanalkitchen .page-item.active .page-link:focus, .innermanalkitchen .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #45932d;border-color: #45932d;
}


/************recipedetails**************/
/* -----recipetab----- */
.recipedetails .recipetab{
  width: 100%;
  padding: 0 15px;
  display: inline-block;
  margin-top: 30px;
}
.recipedetails .recipetab .tab-content {
  color : white;
  background-color: #ffffff;
  padding : 0;
  height: 428px;
}
.recipedetails .recipetab .tab-content .img-responsive {
  width: 100%;
  height: 428px;
}
/* remove border radius for the tab */
.recipedetails .recipetab .nav-pills > li > a {
  border-radius: 0;
  color: #40b71a;
  background-color: #f5f5f5;
  width: 100%;
  font-size: 15px;
  text-align: center;
  height:47px;
  line-height: 25px;
  font-weight: bold;
}
.recipedetails .recipetab .nav-pills > li.active > a, .recipedetails .recipetab .nav-pills > li.active > a:hover, .recipedetails .recipetab .nav-pills > li.active > a:focus {
  color: #ffffff !important;
  background-color: #70bf58;
}
.recipedetails .recipetab .nav-pills > li + li {
    margin-right: 0px;
}
.recipedetails .recipetab .nav-pills > li {
    float: right;
    width: 50%;
}
.recipedetails .recipetab .nav > li > a:hover, .recipedetails .recipetab .nav > li > a:focus {
  text-decoration: none;
  color: #40b71a;
  background-color: #f5f5f5;
}
.recipedetails .recipetab .nav-tabs > li.active > a,
.recipedetails .recipetab .nav-tabs > li.active > a:hover,
.recipedetails .recipetab .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fc5cb3 !important;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

/* -----recipe_adds----- */
.innermanalkitchen .recipe_adds{padding:0 15px; margin-top: 30px;height: auto}
.innermanalkitchen .recipe_adds .content{
    color: #000;font-size: 14px;font-weight: bold;padding: 0 !important;margin: 0px auto;
  text-align: center;height: auto;
}
.innermanalkitchen .recipe_adds .content .sharing {
  margin: 11px 0 0 0px;
}
.innermanalkitchen .recipe_adds .content .sharing .text {float: right;margin-top: 4px }
.innermanalkitchen .recipe_adds .content .sharing .icons {float: right; margin-top: -3px;margin-right: 5px;}

.innermanalkitchen .recipe_adds .content .sharing .fa{
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 0 7px;
  display: inline-block !important;
}
.innermanalkitchen .recipe_adds .content .sharing a.linktxt , .innermanalkitchen .recipe_adds .content .sharing a.linktxt:visited{
  color: :#000000 !important;
}
.innermanalkitchen .recipe_adds .content .sharing a.linktxt:hover{
  color: :#f20000;
}

/* -----recipe_tags----- */
.innermanalkitchen .tags{padding:0 15px; margin: 30px 0 -25px 0;height: auto}
.innermanalkitchen .tags .txtmore {
    text-align: left;
    margin: 0px 0 0px 0;
    line-height: 25px;
}
.innermanalkitchen .tags a.tags_item {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;

  background: #cd0202;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  margin: 0 auto 20px 5px;
  padding: 0px 15px;
  line-height: 28px;
  height:30px;
  width:auto;
  text-align: center;

  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.innermanalkitchen .tags a.tags_item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fe3a3a;
  color: #fff;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.innermanalkitchen .tags a.tags_item:hover, .innermanalkitchen .tags a.tags_item:focus, .innermanalkitchen .tags a.tags_item:active {
  color: white;
}
.innermanalkitchen .tags a.tags_item:hover:before, .innermanalkitchen .tags a.tags_item:focus:before, .innermanalkitchen .tags a.tags_item:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/* -----iconsbox----- */
.innermanalkitchen .iconsbox{
  height: 42px;
  padding : 0 15px;
}
.innermanalkitchen .iconsbox .item{
  background-color: #70bf58;
  height: 42px;
  overflow: hidden;
  padding : 0 5px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  border-left: 2px #ffffff solid !important;
  display: block;
}
.innermanalkitchen .iconsbox .lastitem {
  background-color: #70bf58;
  height: 42px;
  overflow: hidden;
  padding : 0 5px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  border-left: none !important;
}
.innermanalkitchen .iconsbox .item:hover , .innermanalkitchen .iconsbox .lastitem:hover {
  background-color: #58a240;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease
}
.innermanalkitchen .iconsbox .item.selected , .innermanalkitchen .iconsbox .lastitem.selected {
  background-color: #58a240;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease
}
.innermanalkitchen .iconsbox h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff !important;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 0px;
  line-height: 43px !important;
}
.innermanalkitchen .iconsbox h2 span{
  text-indent: 7px;
  display: inline-block !important;
}
.innermanalkitchen .iconsbox h2 .fa{
  font-weight: normal;
  font-size: 19px;
  margin: 0 0 0 3px;
  display: inline-block !important;
}

/* -----recipeingredients----- */
.recipedetails .recipeingredients{
  width: 100%;
  background-color: white;
  padding: 0 15px;
  display: inline-block;
  margin-top: 50px;
}
.recipedetails .recipeingredients h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fd2828 !important;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0px;
  line-height: 43px !important;
}

.recipedetails .recipeingredients .details{
  margin: 0;
  padding: 0px;
}
.recipedetails .recipeingredients .details h4{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0px;
  line-height: 43px !important;
}
.recipedetails .recipeingredients .details h4 span{
  font-size: 26px;
  font-weight: normal;
  text-indent: 5px;
  display: inline-block !important;
}
.recipedetails .recipeingredients .details h4 .fa{
  font-weight: normal;
  font-size: 26px;
  margin: 0;
}

.recipedetails .recipeingredients .table{
  width: 100%;
  margin: 0;
}
.recipedetails .recipeingredients .title{
    color: #000000 !important;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin: 20px 0 10px !important;
    background: #ececec;
    padding: 10px !important;
}
.recipedetails .recipeingredients .txt{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  padding: 13px 20px 13px;
  margin: 0 auto;
  text-align: right;
}

.recipedetails .recipeingredients .txt1{float: right;margin-left: 10px;width: 14%;/* background: red; */}
.recipedetails .recipeingredients .txt2{float: right;margin-left: 10px;width: 30%;/* background: green; */}
.recipedetails .recipeingredients .txt3{float: right;margin-left: 0px;width: auto;/* background: yellow; */}

.recipedetails .recipeingredients .lineseparator{height: 1px;background-color: #eaeaea;margin: 10px 0 !important}


/* -----recipepreparation----- */
.recipedetails .recipepreparation {
  width: 100%;
  padding: 0 15px;
  display: inline-block;
  margin-top: 10px;
}
.recipedetails .recipepreparation .content{
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 25px 15px 20px;
}
.recipedetails .recipepreparation h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fd2828 !important;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0px;
  line-height: 43px !important;
}
.recipedetails .recipepreparation ol{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 14px;
  font-weight: normal;
  line-height: 27px !important;
  text-align: justify;
  padding: 0 20px 0 10px;
}
.recipedetails .recipepreparation ol li{
  margin: 0 0 10px 0;
}

.recipedetails .recipepreparation ol li .steps_hintimg{
  background: #83b972;
  /* width: 70%; */
  height: auto;
  line-height: 30px;
  color: white;
  font-size: 16px;
  text-align: center;
  margin: 0 auto 20px;
  padding: 20px 15px;
}
.recipedetails .recipepreparation ol li .steps_hintimg a{
  color: red !important;
}
.recipedetails .recipepreparation h4{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #4a793b !important;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 6px 0;
}
/* -----recipecomments----- */
.recipedetails .recipecomments {
  width: 100%;
  padding: 0 15px;
  display: inline-block;
  margin-top: 30px;
}
.recipedetails .recipecomments .content{
  height: auto;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 20px 15px 20px;
  margin: 0 auto;
}
.recipedetails .recipecomments h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fd2828 !important;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0px;
  line-height: 43px !important;
}

/* -----relatedrecipes----- */
.recipedetails .relatedrecipes{
  width: 100%;
  padding: 0;
  display: inline-block;
  margin-top: 30px;
}
.recipedetails .relatedrecipes .content{
  height: auto;
  padding:0 !important;
  margin: 0;
}
.recipedetails .relatedrecipes h4{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fd2828 !important;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0px 15px !important;
  line-height: 43px !important;
}
.recipedetails .relatedrecipes .categoriesbox .box .img{
  background: #58af3c;
  width: 100%;
  height: 160px !important;
}
.recipedetails .relatedrecipes .categoriesbox .box .img .img-responsive {
  width: 100%;
  height: 160px !important;
}
.recipedetails .relatedrecipes .categoriesbox .box .details h2{
  line-height: 35px !important;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  padding: 0px 10px;
}
.recipedetails .relatedrecipes .categoriesbox .box .details h2 span , .recipedetails .relatedrecipes .categoriesbox .box .details h2 .fa{
  font-weight: normal;
  font-size: 16px;
  margin-right: 1px;
}

/************tips_tricks**************/
/* -----txt----- */
.innermanalkitchen .categoriesbox .txtbox {
  height: auto;
  margin-bottom: 29px !important;
}
.innermanalkitchen .categoriesbox .txtbox .details {
  background-color: #f8f8f8;
  height: auto;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #c5c5c5;
  padding: 25px 15px 15px 15px;
}
.innermanalkitchen .categoriesbox .txtbox .details:hover {
  background-color: #e9e8e8;
  cursor: pointer;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}
.innermanalkitchen .categoriesbox .txtbox .details .fa {
  color: #000 !important;
  font-size: 35px;
  font-weight: normall;
}
.innermanalkitchen .categoriesbox .txtbox .details h3{
  margin: 5px 0 5px 0;
}
.innermanalkitchen .categoriesbox .txtbox .details h3 a , .innermanalkitchen .categoriesbox .txtbox .details h3 a:visited {
  display: block;
  height: 44px;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}
.innermanalkitchen .categoriesbox .txtbox .details h3 a:hover{
  color: #000 !important;
}
.innermanalkitchen .categoriesbox .txtbox .details p {
  display: block;
  height: 43px;
  overflow: hidden;
}
.innermanalkitchen .categoriesbox .txtbox .details p a{
  color: #000 !important;
}
.innermanalkitchen .categoriesbox .txtbox .details p a:hover{
  color: #000 !important;
}


/******************articles details ( innermanalkitchen )**********************/

.innermanalkitchen .innerarticlesdetails  .contentbg {padding-right: 15px !important;padding-left: 15px !important}
.innermanalkitchen .innerarticlesdetails  .contentbg .breadcrumb {padding: 0px;}

.innermanalkitchen .innerarticlesdetails h1{padding-right: 0px !important;padding-left: 0px !important}

.innermanalkitchen .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #299f02 !important;font-size: 14px;font-weight: normal;text-align: right;
  line-height: 25px;height: 25px;overflow: hidden;padding: 0px;margin: 10px 0 10px 0;
}

.innermanalkitchen .innerarticlesdetails h2 span{
  color: #000000 !important;padding-right: 10px;font-weight: bold;
}

.innermanalkitchen .innerarticlesdetails h2 .fa{
  margin-left: 6px;color: #299f02;
}

.innermanalkitchen .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0px 0 0px;
    border-right: 4px solid #6dbe53;text-align: justify;
}

.innermanalkitchen .commentbg {
  height: auto;padding: 0px;margin: 26px 0 0 0;
}
.innermanalkitchen .commentbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; color: #299f02 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innermanalkitchen .comment {
  height: auto;margin: 0 auto;background-color: #f9f9f9;padding: 25px 15px 20px;
}

/********** all articles categories ( innermanalkitchen )********/
.innermanalkitchen .articlesbox {
    height: auto;
    margin: 0 0 30px 0 !important;
}
.innermanalkitchen .articlesbox .img{
  background: #75c95b;
  width: 100%;
  height: 225px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
}
.innermanalkitchen .articlesbox .img .img-responsive {
  width: 100%;
  height: 230px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innermanalkitchen .articlesbox .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.7;
}
.innermanalkitchen .articlesbox .details {
  display: block;
  height: 128px;
  overflow: hidden;
  margin: 0;
  padding: 15px 15px 0px 15px;
  background-color: #75c95b;
  border-top: 1px #ffffff solid;
}
.innermanalkitchen .articlesbox .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  margin: 0 auto 4px;
  height: 26px;
  overflow: hidden;
}
.innermanalkitchen .articlesbox .details h2 a , .innermanalkitchen .articlesbox .details h2 a:visited{
  color: #fff;
}
.innermanalkitchen .articlesbox .details h2 a:hover {
  color: #e9adff;
}
.innermanalkitchen .articlesbox .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  margin: 0 auto;
  height: 44px;
  overflow: hidden;
}
.innermanalkitchen .articlesbox .morelink {
  margin: 7px auto -20px auto;
  text-align: center;
}

/* Radial In */
.innermanalkitchen .articlesbox .morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  color: #58af3c;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #e3e3e3;
  border-radius: 90px 90px 0 0;
  -moz-border-radius: 90px 90px 0 0;
  -webkit-border-radius: 90px 90px 0 0;
  margin: 0 auto;
  padding: 10px 10px 0;
  height:40px;
  width:75px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.innermanalkitchen .articlesbox .morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  color: #58af3c;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.innermanalkitchen .articlesbox .morelink a:hover, .innermanalkitchen .articlesbox .morelink a:focus, .innermanalkitchen .articlesbox .morelink a:active {
  background: #58af3c;
  color: white;
}
.innermanalkitchen .articlesbox .morelink a:hover:before, .innermanalkitchen .articlesbox .morelink a:focus:before, .innermanalkitchen .articlesbox .morelink a:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/**********alert-div**********/
.innercontent_section .right_section .alertdiv {
    margin-top: 20px;
    padding: 15px;
}
.innercontent_section .right_section .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-size: 15px;
    font-weight: normal;
    padding: 15px;
}

/*************************
*******ask manal******
**************************/
.innermanalkitchen .askmanal{
  height: auto;
  margin-top: 40px;
}
.innermanalkitchen .askmanal .question{
  padding: 0;
  margin: 0px 0 40px 0;
}
.innermanalkitchen .askmanal .question h2{
  background:url(../images/question-mark.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #7ec948 !important;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  display: block;
  line-height: 25px;
  height: 30px;
  padding: 0px 32px 0 0;
  margin: 0;
  overflow: hidden;
}
.innermanalkitchen .askmanal .question h2 span{
  color: #000000 !important;
}
.innermanalkitchen .askmanal .question h2 span a{
  color: #000000 !important;
}
.innermanalkitchen .askmanal .question p , .innermanalkitchen .askmanal .bquestion p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #868686 !important;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  padding: 0px 32px 0 0;
  margin: 0 0 15px;
}
.innermanalkitchen .askmanal .question h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 15px;
  font-weight: normal;
  text-align: right;
  padding: 0px 32px 0 0;
  margin: 0;
}
.innermanalkitchen .askmanal .question h3 a{
  color: #000000 !important;
}
.innermanalkitchen .askmanal .question .fa{
  margin: 0 5px 0 0;
}

.innermanalkitchen .askmanal .bquestion{
  padding: 0;
  margin: 0px 0 20px 0;
}
.innermanalkitchen .askmanal .bquestion h2{
  background:url(../images/question-mark.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #7ec948 !important;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  display: block;
  line-height: 25px;
  height: auto;
  padding: 0px 32px 0 0;
  margin: 0 0 10px 0;
}
.innermanalkitchen .askmanal .bquestion h2 span{
  color: #000000 !important;
}
.innermanalkitchen .askmanal .bquestion h3{
  background:url(../images/reply.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #7ec948 !important;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  display: block;
  line-height: 25px;
  height: auto;
  padding: 0px 32px 0 0;
  margin: 0 0 10px 0;
}
.innermanalkitchen .askmanal .bquestion h3 span{
  color: #000000 !important;
}

.innermanalkitchen .ask_comment .commentbg {
  height: auto;padding: 0px 15px !important;margin: 15px 0 0 0; 
}
.innermanalkitchen .ask_comment .commentbg h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; color: #299f02 !important;font-size: 18px;font-weight: bold;text-align: right;
  line-height: 40px;padding: 0px;margin: 0 0 10px 0;
}
.innermanalkitchen .ask_comment .comment {
  height: auto;margin: 0 auto;background-color: #f9f9f9;padding: 25px 15px 20px;
}


/*************************
*******innerabout section******
**************************/
/******************articles details ( innerabout )**********************/
.innerabout .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #ff9600 !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 38px;height: 38px;overflow: hidden;padding: 0px;margin: 0 0 10px 0;
}
.innerabout .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #ff9600;text-align: justify;
}
.innerabout .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #ff9600 !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 38px;height: 38px;overflow: hidden;padding: 0px;margin: 30px 0 0px 0;
}

/*************************
*******innercontact section******
**************************/
/******************articles details ( innercontact )**********************/
.innercontact .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fd676b !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 32px;height: auto;;adding: 0px;margin: 0 0 10px 0;
}
.innercontact .innerarticlesdetails p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #c47d01;text-align: justify;
}
.innercontact .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #fd676b !important;font-size: 19px;font-weight: bold;text-align: right;
  line-height: 32px;height: auto;;padding: 0px;margin: 20px 0 10px 0;
}

.innercontact .innerarticlesdetails table td{
  height: 25px;line-height: 25px;font-size: 13px;
}

/*************************
*******ramadan2017 section******
**************************/
.innermanalkitchen .fotor_recipes {
  height: auto !important;margin: 40px 0 0px 0;display: inline-block !important; 
}
.innermanalkitchen .sohor_recipes , .innermanalkitchen .desserts_recipes {
  height: auto !important;margin: 0px 0 0px 0;display: inline-block !important; 
}
.innermanalkitchen .episodes_recipes .slideshow_section {
  height: auto !important;margin: 30px 0 0px 0;
}
.innermanalkitchen .episodes_recipes .slideshow_section .section_one {
  height: auto !important;margin: 0px;
}
.innermanalkitchen .episodes_recipes h2 {
    font-family: 'Droid Arabic Kufi', 'Tahoma';
    color: #000000 !important;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    padding: 0px 15px;
    margin: 0px 0 10px 0;
}
.innermanalkitchen .episodes_recipes .categoriesbox .box .details h2 {
    color: #000000 !important;
    font-size: 13px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0px 10px;
    text-align: center;
}
.innermanalkitchen .episodes_recipes .categoriesbox .box .arrow {
    position: absolute;
    text-align: center;
    padding: 0px 0 0 10px;
    margin: 0 auto;
    color: #e20000;
    left: 38%;
    top: 31%;
    background: rgba(255, 255, 255, 0.60);
    transition: all 0.5s;
    z-index: 5;
    width: 50px;
    height: 50px;
    line-height: 65px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px #fff solid;
}
.innermanalkitchen .episodes_recipes .categoriesbox .box .arrow .fa {
    font-size: 50px;
    margin: 0 auto;
    padding: 0px 10px 13px 10px;
    text-align: center;
    line-height: 45px    
}
.innermanalkitchen .episodes_recipes .categoriesbox .box .img{
  background: #58af3c;
  width: 100%;
  height: 170px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  overflow: hidden;
  position: relative;
}
.innermanalkitchen .episodes_recipes .categoriesbox .box .img .img-responsive {
  width: 100%;
  height: 170px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innermanalkitchen .episodes_recipes .categoriesbox .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.6;
}


/**********right section**********/
.innercontent_section .right_section .competition_txt{
    color: #171717;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
    padding: 0px 15px;
    margin: 40px 0px 0 0px;
    text-align: justify;
}
.innercontent_section .right_section .competition_txt span{
    color: #f20000;
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    margin: 0px 0px 0 130px;

}

.innercontent_section .right_section .competition_txt .bold{
    font-weight: bold;
    margin: 20px 0px 5px 0px;
}
.innercontent_section .right_section .competition_txt ul{
    padding: 0px 22px;
}
.innercontent_section .right_section .competition_txt ul li{
    line-height: 35px;
}
.innercontent_section .right_section .competition_txt a , .innercontent_section .right_section .competition_txt a:visited ,.innercontent_section .right_section .competition_txt a:hover{
    color: #f20000;
}

/****************************************/
/****************************************/
/*******************user pages*********************/
/****************************************/
/****************************************/

/************form**************/
.searchform , .mainform, .recipeform{
  padding: 0;
  height: auto;
  font-size: 15px;
  color: #000;
  margin: 30px 0 0 0;
}

.mainform .recipepic, .recipeform .recipepic{
  height: auto;
  margin: 5px 0 30px 0;
}
.mainform .recipepic .img-responsive, .recipeform .recipepic .img-responsive{
  width: 100%;
  height: 450px;
  padding: 0;
  margin: 0px 0 30px 0;
}

.mainform .blockbox, .recipeform .blockbox{
  margin: 10px 0 30px 0 !important;
  background: white;
  display: inline-block;
}

.mainform .grayblockbox, .recipeform .grayblockbox{
  padding: 15px 0px 20px !important;
  display: block;
}

.mainform .grayblockbox2, .recipeform .grayblockbox2{
  padding: 25px 0px 0px !important;
  background: #f7f7f7;
  display: block;
}

.mainform .blockbox .title, .recipeform .blockbox .title{
  margin: 0px 0 0px 0 !important;
  border-bottom: 5px #58af3c solid;
  padding: 0;
  line-height: 50px;

}

/****new****/

.mainform .ingredient_blockbg, .recipeform .ingredient_blockbg{
  background: #f7f7f7;
  margin-bottom: 28px !important;
  border: 2px #bdbdbd dashed;
  padding: 15px !important;
  display: inline-block;
}
.mainform .edit_ingredient_blockbg, .recipeform .edit_ingredient_blockbg{
  background: #f7f7f7;
  margin-bottom: 22px !important;
  border: 2px #bdbdbd dashed;
  padding: 15px 0 !important;
}

.mainform .steps_blockbg, .recipeform .steps_blockbg{
  background: #f7f7f7;
  margin-bottom: 28px !important;
  border: 2px #bdbdbd dashed;
  padding: 15px 0 !important;
}
.mainform .edit_steps_blockbg, .recipeform .edit_steps_blockbg{
  background: #f7f7f7;
  margin-bottom: 28px !important;
  border: 2px #bdbdbd dashed;
  padding: 15px 0 !important;
}

.mainform .words_blockbg, .recipeform .words_blockbg{
  background: #f7f7f7;
  margin-bottom: 28px !important;
  border: 2px #bdbdbd dashed;
  padding: 15px 0 !important;
  display: inline-block;
}
.mainform .edit_words_blockbg, .recipeform .edit_words_blockbg{
  background: #f7f7f7;
  margin-bottom: 28px !important;
  border: 2px #bdbdbd dashed;
  padding: 15px 0 !important;
  display: inline-block;
}

/****panel****/

.mainform .panel-default, .recipeform .panel-default{
  border: none;
}

.mainform .panel-default > .panel-heading, .recipeform .panel-default > .panel-heading{
  font-family: "DroidKufiBold" !important;
  color: #333333;
  background-color: white;
  margin: 0px !important;
  padding: 0 0 10px 0;
  border-bottom: 5px #58af3c solid;
  line-height: 20px;
}

.mainform .panel-title, .recipeform .panel-title{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

.mainform .panel-title a , .mainform .panel-title a:visited, .recipeform .panel-title a , .recipeform .panel-title a:visited{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

.mainform .panel-default > .panel-heading + .panel-collapse .panel-body, .recipeform .panel-default > .panel-heading + .panel-collapse .panel-body{
  border: none;
}

.mainform .panel-group .panel-heading + .panel-collapse .panel-body, .recipeform .panel-group .panel-heading + .panel-collapse .panel-body{
  border: none;
}

.mainform .panel-body, .recipeform .panel-body{
  padding: 0px;
}

.mainform .panel-group .fa, .recipeform .panel-group .fa{
  float: left;
  font-size: 20px;
}

.mainform .panel-title a, .recipeform .panel-title a{
  color: #3e8c25;
  font-weight: bold;
}

/****!panel****/

.mainform .blockbox .tab-content > .active, .recipeform .blockbox .tab-content > .active{
    display: block;
    background: #f7f7f7;
    padding-top: 20px;
}

.searchform .form-inline .form-group , .mainform .form-inline .form-group , .recipeform .form-inline .form-group{
  margin-bottom: 0;
}
.searchform label , .mainform label , .recipeform label{
  color: #000000 !important;
  font-size: 13px;
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
}
.searchform input, .searchform select, .searchform textarea {
  color: #8e8e8e;
  font-size: 12px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: right;
  margin-bottom: 25px;
}
.mainform input, .mainform select, .mainform textarea {
  color: #8e8e8e;
  font-size: 12px;
  outline: 0;
  text-align: right;
  margin-bottom: 25px;
}
.recipeform input, .recipeform select, .recipeform textarea {
  color: #8e8e8e;
  font-size: 12px;
  outline: 0;
  text-align: right;
  margin-bottom: 25px;
}
.searchform textarea {
  width: 100%;
  height: 80px;
  padding: 7px 10px;
  line-height: 20px;
  border-radius: 0px;
  border: 1px solid #cecece;
  background: white;
  appearance: none
}
.mainform textarea , .recipeform textarea {
  width: 100%;
  height: 60px;
  padding: 7px 10px;
  line-height: 20px;
  border-radius: 0px;
  border: 1px solid #cecece;
  background: white;
  appearance: none
}
.searchform select , .mainform select , .recipeform select{
  width: 100% !important;
  height: 35px !important;
  padding: 7px 10px;
  line-height: 20px;
  border-radius: 0px;
  border: 1px solid #cecece;
  background: url(../images/arrow.png) 10px center no-repeat #fff;
  appearance: none
}

.searchform select option , .mainform select option , .recipeform select option  {
  border: 1px solid #DFDFDF;
  outline: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.searchform input[type=text] , .searchform input[type=password] , .searchform input[type=file] , .mainform input[type=text] , .mainform input[type=password] , .mainform input[type=file] , .recipeform input[type=text] , .recipeform input[type=password] , .recipeform input[type=file] {
  width: 100%;
  height: 35px !important;
  padding: 7px 10px;
  line-height: 20px;
  border: 1px solid #cecece;
  border-radius: 0px;
  appearance: none;
  color: #000000 !important;
}
.searchform input::after , .mainform input::after {
  -webkit-animation: anim-shadow .3s forwards;
  animation: anim-shadow .3s forwards
}

.searchform input[type="radio"] , .searchform input[type="checkbox"] , .mainform input[type="radio"] , .mainform input[type="checkbox"] , .recipeform input[type="radio"] , .recipeform input[type="checkbox"]{
  margin: 4px 8px 0 5px !important;
  text-align: right !important;
  direction: rtl !important;
  outline: none;
  margin-bottom: 10px !important;
}

.mainform .date , .recipeform .date  {
  background:url(../images/calendar_icon.png) no-repeat 6px 6px !important;
}


/****facebookinput****/
.mainform  .facebookinput{
  width: 100%;
  height: 44px !important;
  line-height: 36px;
  background-color: #3A559F;
  color: white;
  padding: 3px 5px 10px;
  border: 1px solid #cecece;
  border-radius: 0px;
  display: block;
  overflow: hidden;
  font-size: 13px;
  text-align: center;
}
.mainform  .facebookinput i{
  font-size: 18px;
  margin: 0 0 -4px 10px;
}
/****instagraminput****/
.mainform  .instagraminput{
  width: 100%;
  height: 44px !important;
  line-height: 36px;
  background-color: #725a50;
  color: white;
  padding: 3px 5px 10px;
  border: 1px solid #cecece;
  border-radius: 0px;
  display: block;
  overflow: hidden;
  font-size: 13px;
  text-align: center;
}
.mainform  .instagraminput i{
  font-size: 18px;
  margin: 0 0 -4px 10px;
}
/****youtubeinput****/
.mainform  .youtubeinput{
  width: 100%;
  height: 44px !important;
  line-height: 36px;
  background-color: #df1c31;
  color: white;
  padding: 3px 5px 10px;
  border: 1px solid #cecece;
  border-radius: 0px;
  display: block;
  overflow: hidden;
  font-size: 13px;
  text-align: center;
}
.mainform  .youtubeinput i{
  font-size: 18px;
  margin: 0 0 -4px 10px;
}
/****facebook
.mainform  .facebookinput i{
  font-size: 20px;
  background-color: green;
  height: 44px !important;
  line-height: 38px;
  padding: 0px 14px;
  margin: 0px 0 0 10px;
}
****/
/****twitter****/
.mainform  .twitterinput{
  width: 100%;
  height: 44px !important;
  line-height: 36px;
  background-color: #29B0EA;
  color: white;
  padding: 3px 0 10px;
  border: 1px solid #cecece;
  border-radius: 0px;
  display: block;
  overflow: hidden;
  font-size: 13px;
  text-align: center;
}
.mainform  .twitterinput i{
  font-size: 22px;
  margin: 0 0 -4px 10px;
}

.mainform .iconsdiv , .recipeform .iconsdiv {
  text-align: left;
}
.mainform .sdelete , .recipeform .sdelete {
  width: 100%;
  background: #58af3c !important;
  border: 0;
  padding: 6px 7px;
}
.mainform .sdelete .fa , .recipeform .sdelete .fa{
  font-size: 20px;
  color: white;
  margin: 0px auto;
  text-align: center;
  float: none;
}

.mainform .bdelete , .recipeform .bdelete {
  background: #58af3c !important;
  border: 0;
  padding: 6px 0 2px 0;
  width: 100%;
  line-height: 28px;
  color: white !important;
}
.mainform .bdelete .fa , .recipeform .bdelete .fa {
  font-size: 22px;
  color: white;
  margin: 0px auto;
  text-align: center;
  float: none;
}
.mainform .checkboxdiv , .recipeform .checkboxdiv{
  font-size: 11px;
  color: #000000;
  margin: 9px 0 15px 0;
  padding: 20px 10px 15px;
  display: inline-block;
  background: #f5f5f5;
  border: 2px #d0d0d0 dashed;
}
.mainform .separatorline , .recipeform .separatorline{
  margin: 0px 0 25px 0 !important;
  height: 1px;
  background-color: #b9b8b8;
}

.searchform .alertbox , .mainform .alertbox , .recipeform .alertbox {
  padding: 0 15px;
  margin: -15px 0 20px 0 !important;
}
.mainform input[type=submit] , .recipeform input[type=submit] {
  color: #ffffff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  display: inline-block;
  padding: 6px 12px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.428571429;
  text-align: center !important;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/****radio****/
@keyframes click-wave {
  0% {
    height: 23px;
    width: 23px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 120px;
    width: 120px;
    margin-right: -60px;
    margin-top: -60px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  position: relative;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 23px;
  width: 23px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #5cb85c;
  color: white !important;
  border: none !important;
}
.option-input:checked::before {
  height: 23px;
  width: 23px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 23px;
  border: none !important;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border: none !important;
}
.option-input.radio {
  border: none !important;
  border-radius: 50%;
}
.option-input.radio::after {
  border: none !important;
  border-radius: 50%;
}

/****!radio****/

/****btn-outline-danger****/
.searchform .fa , .mainform .fa , .recipeform .fa {
  margin: 0 0 0 4px;
}
.mainform .btn-outline-danger , .recipeform .btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}
.mainform .btn-outline-danger:hover , .mainform .btn-outline-danger:focus , .recipeform .btn-outline-danger:hover , .recipeform .btn-outline-danger:focus {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.mainform .btn-outline-danger:not(:disabled):not(.disabled).active,
.mainform .show>.btn-outline-danger.dropdown-toggle,
.recipeform .btn-outline-danger:not(:disabled):not(.disabled).active,
.recipeform .show>.btn-outline-danger.dropdown-toggle, {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.mainform .btn-outline-warning , .recipeform .btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}
.mainform .btn-outline-warning:hover , .mainform .btn-outline-warning:focus , .recipeform .btn-outline-warning:hover , .recipeform .btn-outline-warning:focus {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
.mainform .btn-outline-warning:not(:disabled):not(.disabled).active,
.mainform .show>.btn-outline-warning.dropdown-toggle,
.recipeform .btn-outline-warning:not(:disabled):not(.disabled).active,
.recipeform .show>.btn-outline-warning.dropdown-toggle, {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}

/****btn-danger****/
.searchform .btn-danger,
.searchform .btn-danger:hover,
.mainform .btn-danger,
.mainform .btn-danger:hover,
.recipeform .btn-danger,
.recipeform .btn-danger:hover, {
  background-color: #58af3c !important;
  border-color: #58af3c !important
}
.searchform .btn-danger .fa , .mainform .btn-danger .fa , .recipeform .btn-danger .fa {
  margin: 0 0 0 4px;
}
.searchform .btn-danger , .mainform .btn-danger , .recipeform .btn-danger {
  color: #58af3c !important;
  border-radius: 0px;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 25px 0;
  width: 100%;
  height: 40px !important;
  padding: 7px 10px;
  line-height: 20px;
}

.searchform .btn-danger.active,
.searchform .btn-danger:active,
.searchform .btn-danger:focus,
.searchform .open .dropdown-toggle.btn-danger,

.mainform .btn-danger.active,
.mainform .btn-danger:active,
.mainform .btn-danger:focus,
.mainform .open .dropdown-toggle.btn-danger,

.recipeform .btn-danger.active,
.recipeform .btn-danger:active,
.recipeform .btn-danger:focus,
.recipeform .open .dropdown-toggle.btn-danger, {
  color: #fff!important;
  background-color: #58af3c!important;
  border-color: #58af3c!important;
  border-radius: 0px
}

/****btn-danger****/
.searchform .hvr-ripple-out , .mainform .hvr-ripple-out , .recipeform .hvr-ripple-out {
  background-color: #58af3c!important;
  border-color: #58af3c !important;
  color: #fff!important
}

.searchform .hvr-ripple-out:before , .mainform .hvr-ripple-out:before , .recipeform .hvr-ripple-out:before {
  color: #fff!important;
  border: 6px solid #58af3c !important;
  border-radius: 0px
}
/****!button****/

.mainform .user_img_responsive {
  display: block;
  max-height: 300px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto 50px !important;
  border: 5px #dddddd solid;
}

.mainform .user_linksbg {
  display: inline-block;
  height: auto;
  text-align: center;
  margin: 30px auto 0 !important;
  border: 4px #e8e8e8 solid;
  background-color: #efefef;
  padding: 0;
}
.mainform .user_links {
  display: block;
  line-height: 35px;
  height: 35px;
  width: auto;
  text-align: center;
  padding: 0 3px;
  margin: 0 1px 2px !important;
  background-color: #ff0006;
  color: white;
  font-size: 14px;
  font-weight: normal;
}
.mainform .user_links:hover {
  background-color: #da1414;
}

.mainform .user_links i{
  margin: 0 0 2px 4px;
  color: white;
  font-size: 19px;
  font-weight: normal;
}
/*******************usercontent********************/

.usercontent .panel {
  margin: 0 0 30px 0;
  padding: 0;
}
.usercontent .panel-heading h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
}
.usercontent .panel-body {
  position: relative;
  padding: 15px 15px 15px 15px;
  margin: 0px;

}
.usercontent .panel-body .img-responsive {
  display: block;
  width: 100%;
  height: 210px;
  padding: 0;
  margin: 0px;
}
.usercontent .panel-body .details{
  background-color: #f5f5f5;
  display: block;
  width: 100%;
  height: 35px;
  overflow: hidden;
  margin: 0;
  padding: 0px;
}
.usercontent .panel-body .details h2{
  line-height: 35px !important;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0px 10px;
}
.usercontent .panel-body .details h2 span , .usercontent .panel-body .details h2 .fa{
  font-weight: normal;
  font-size: 18px;
  margin-right: 3px;
}
/**********table***********/
.usercontent .table-bordered {
    margin-bottom: 30px !important;
}
.usercontent .table-bordered,
td,
th {
    border-radius: 0 !important;
    text-align: center !important;
}

.usercontent .table>thead>tr {
    color: #707070;
    font-weight: 400;
    background: repeat-x #F2F2F2;
    background-image: -webkit-linear-gradient(top, #F8F8F8 0, #ECECEC 100%);
    background-image: -o-linear-gradient(top, #F8F8F8 0, #ECECEC 100%);
    background-image: linear-gradient(to bottom, #F8F8F8 0, #ECECEC 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)
}

.usercontent .table>thead>tr>th {
    border-color: #ddd;
    font-weight: 700
}

.usercontent .table>thead>tr>th:first-child {
    border-left-color: #F1F1F1
}

.usercontent .table>thead>tr>th:last-child {
    border-right-color: #F1F1F1
}

.usercontent .table.table-bordered>thead>tr>th {
    vertical-align: middle
}

.usercontent .table.table-bordered>thead>tr>th:first-child {
    border-left-color: #ddd
}

.usercontent .table-bordered .img-responsive {
  width: 100% !important;
  height: 90px !important;
}
.usercontent .table-bordered input {
  width: 100% !important;
}
.usercontent .table-bordered .big {
  font-size: 18px !important
}
.usercontent td ,
.usercontent th {
    text-align: center;
}
.usercontent td {
    text-align: center;
    font-size: 15px;
    color: gray;
}
.usercontent td .lbl:only-child,
.usercontent th .lbl:only-child {
    vertical-align: top
}

.usercontent .table-header {
    background-color: #307ECC;
    color: #FFF;
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px
}

.usercontent .table-header .close {
    margin-right: 8px;
    margin-top: 0;
    opacity: .45;
    filter: alpha(opacity=45)
}

.usercontent .table-header .close:hover {
    opacity: .75;
    filter: alpha(opacity=75)
}

/**********steps***********/

.bs-wizard {margin: 0px 0 30px;height: auto;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 0px #e0e0e0; padding: 0 0 60px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 40px; height: 40px; display: block; background: #ffffff; top: 45px; left: 50%; margin-top: -40px; margin-left: -25px; border-radius: 50%; text-align: center;line-height: 35px;color: #256d0e;border: 4px #67BA4D solid;font-weight: bold;font-size: 14px} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 6px; box-shadow: none; margin: 20px 0; background-color: #ced1d6}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #67ba4d;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #ffffff;border: 4px #ced1d6 solid;color: #898989}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {right: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/**************************new added**********************/
/**************************new added**********************/
/**************************new added**********************/

/*************************
*******newarticles_section******
**************************/
.newarticles_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
  height: auto;
}

.newarticles_section .section-title{
  margin: 0 0 20px 0;
  text-align: center;
}

.newarticles_section .section-title h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  display: block;
  width: 185px;
  height: 53px;
  padding: 8px 0px 0 0;
  margin: 0 auto;
}
.newarticles_section .section-title h2 span {
    color: #ff0000;
}
.newarticles_section .section-title h3{
  background: url(../images/mostreaded_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000;
  font-size: 21px;
  font-weight: bold;
  text-align: right;
  line-height: 61px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.newarticles_section .section-title h3 span{
  color: #ff0000;
}

.newarticles_section .section_one{
  height: auto;
  margin-bottom: 0px;
  padding: 0 !important;
}
.newarticles_section .section_one .box {
  margin-bottom: 30px;
}
.newarticles_section .section_one .box .img{
  height: 400px;
  padding: 0;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  overflow: hidden !important;
  position: relative;
}
.newarticles_section .section_one .box .img .img-responsive {
  width: 100%;
  height: 400px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  transform:scale(1);
  opacity: 1;
}
.newarticles_section .section_one .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.9;
}

.newarticles_section .section_one .box .img .lifestyle_seen {
  position: absolute;text-align: center;padding: 13px 10px;margin: 0 auto;color: #fff;
  font-weight: bold;font-size: 13px;right: 2%;top: 80px;background-color: #fc5cb3;
  transition: all 0.5s;z-index: 5;width: 75px;height: 75px;line-height: 22px;
  -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;
}
.newarticles_section .section_one .box .img .you_your_children_seen {
  position: absolute;text-align: center;padding: 13px 10px;margin: 0 auto;color: #fff;
  font-weight: bold;font-size: 13px;right: 2%;top: 80px;background-color: #be1cfa;
  transition: all 0.5s;z-index: 5;width: 75px;height: 75px;line-height: 22px;
  -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;
}
.newarticles_section .section_one .box .img .health_fitness_seen {
  position: absolute;text-align: center;padding: 13px 10px;margin: 0 auto;color: #fff;
  font-weight: bold;font-size: 13px;right: 2%;top: 80px;background-color: #c9bd02;
  transition: all 0.5s;z-index: 5;width: 75px;height: 75px;line-height: 22px;
  -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;
}
.newarticles_section .section_one .box .img .kitchen_seen {
  position: absolute;text-align: center;padding: 13px 10px;margin: 0 auto;color: #fff;
  font-weight: bold;font-size: 13px;right: 2%;top: 80px;background-color: #67ba4d;
  transition: all 0.5s;z-index: 5;width: 75px;height: 75px;line-height: 22px;
  -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;
}


.newarticles_section .section_one .box .lifestyle_details {
  display: block;
  height: 50px;
  overflow: hidden;
  margin: -50px 0 0 0;
  padding: 10px 6px 10px 6px;
  background-color: #fc5cb3;
  border-top: 2px #ffffff solid;
}
.newarticles_section .section_one .box .you_your_children_details {
  display: block;
  height: 50px;
  overflow: hidden;
  margin: -50px 0 0 0;
  padding: 10px 6px 10px 6px;
  background-color: #be1cfa;
  border-top: 2px #ffffff solid;
}
.newarticles_section .section_one .box .health_fitness_details {
  display: block;
  height: 50px;
  overflow: hidden;
  margin: -50px 0 0 0;
  padding: 10px 6px 10px 6px;
  background-color: #c9bd02;
  border-top: 2px #ffffff solid;
}
.newarticles_section .section_one .box .kitchen_details {
  display: block;
  height: 50px;
  overflow: hidden;
  margin: -50px 0 0 0;
  padding: 10px 6px 10px 6px;
  background-color: #67ba4d;
  border-top: 2px #ffffff solid;
}
.newarticles_section .section_one .box h3 {
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  margin: 0 auto;
  height: 23px;
  overflow: hidden;
}
.newarticles_section .section_one .box h3 a , .newarticles_section .section_one .box h3 a:visited{
  color: #fff;
}
.newarticles_section .section_one .box h3 a:hover {
  color: #fff;
  opacity: 0.7;
}
.newarticles_section .section_one .box p {
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: justify;
  line-height: 23px;
  margin: 0 auto;
  height: 120px;
  overflow: hidden;
  padding-left: 60px;
}
.newarticles_section .morelink a {
  margin: -20px auto 0;
}

.newarticles_section .section_two{
  height: auto;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.newarticles_section .section_two .box{
  background-color: white;
  height: auto;
  display: block;
  border: 1px solid #c5c5c5;
  margin: 0 auto;
  text-align: center;
  padding: 15px 0px 0;
}
.newarticles_section .section_two .one{
  padding: 0px;
}
.newarticles_section .section_two .box .recipebox{
  position: relative;
  height: 162px;
  margin: 0 auto 19px !important;
  text-align: center !important;
}
.newarticles_section .section_two .box .recipebox .image{
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  width: 100%;
  height: 162px!important;
}
.newarticles_section .section_two .box .recipebox .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.newarticles_section .section_two .box .recipebox:hover .image {
  opacity: 0.5;
}
.newarticles_section .section_two .box .recipebox:hover .middle {
  opacity: 1;
}
.newarticles_section .section_two .box .recipebox .text {
  background-color: #2b4fb0;
  color: white;
  font-size: 15px;
  padding: 20px 10px 15px;
  line-height: 22px;
}
.newarticles_section .section_two .box .recipebox .text span{
  color: #759bff;
  font-size: 14px;
  line-height: 25px
}

.newarticles_section .section_two .box .recipebox_title{
  height: 344px;
  margin: 0 auto !important;
  text-align: center !important;
  padding-top: 80px;
  background: #efefef
}
.newarticles_section .section_two .box .recipebox_title .img-responsive{
  width: 100%;
  max-width:170px;
  height: 137px;
  margin: 0 auto !important;
  text-align: center !important;
}
/* Shutter In Vertical */
.newarticles_section .section_two .box .hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  color: #ffffff !important;
  font-weight: bold;
  background: #2b4fb0;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100%;
  height: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
  margin-top: 85px
}
.newarticles_section .section_two .box .hvr-shutter-in-vertical:before {
  content: "";
  z-index: -1;
  background: #3060e0;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 100%;
  height: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  line-height: 30px;
}
.newarticles_section .section_two .box .hvr-shutter-in-vertical:hover, .newarticles_section .section_two .box .hvr-shutter-in-vertical:focus, .newarticles_section .section_two .box .hvr-shutter-in-vertical:active {
  color: white !important;
}
.newarticles_section .section_two .box .hvr-shutter-in-vertical:hover:before, .newarticles_section .section_two .box .hvr-shutter-in-vertical:focus:before, .newarticles_section .section_two .box .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


/*************************
*******innerrawabi section******
**************************/
.innerrawabi .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 30px 0;
  text-align: center;
}
.innercompetition .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 20px 0;
  text-align: center;
}
.innerrawabi .section-title h1{
  background:url(../images/rawabi_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #0280b0 !important;
  font-size: 23px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innercompetition .section-title h1{
  background:url(../images/competition_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #299f02 !important;
  font-size: 23px;
  font-weight: bold;
  text-align: right;
  line-height: 33px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innercompetition h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #299f02 !important;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  line-height: 27px;
  padding: 0px 15px 30px;
  margin: 0;
  text-decoration: underline;
}
.innercompetition h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ff0000 !important;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  padding: 0px 0px 0;
  margin: 0 0 20px 0 !important;
  text-decoration: none  !important;
}
.innercompetition .blockbg {
    background: #f7f7f7;
    margin-bottom: 28px !important;
    border: 2px #bdbdbd dashed;
    padding: 15px 0 5px !important;
    display: inline-block;
}
.innercompetition .facebookicon{
  color: #3b5998 !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innercompetition .twittericon{
  color: #00aced !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innercompetition .instagramicon{
  color: #725a50 !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innercompetition .linkedinicon{
  color: #0270AD !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innercompetition .youtubeicon{
  color: #df1c31 !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innercompetition .snapchaticon{
  color: #ffff0a !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innercompetition .websiteicon{
  color: #88cf05 !important;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  margin: 0px 0 -20px 5px !important;
}
.innerrawabi .contentbg  , .innercompetition .contentbg{
    background-color: #ffffff;
    padding: 20px 0px 15px;
    display: inline-block;
    height: auto;
    width: 100%;
}

/***********tab***************/
.innerrawabi ol.type {
  text-align: center;
  padding: 0;
  margin: 0 0 30px 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
}
.innerrawabi ol.type > li {
  display: inline-block;
  margin: 0 0 3px 0;
  padding: 0;
}
.innerrawabi ol.type > li a {
  background: none repeat scroll 0 0 #535353;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #ececec;
  outline: none;
  border-radius: 0px;
  padding: 7px 20px 8px;
  color:#fff;
}
.innerrawabi ol.type > li a:hover,
.innerrawabi ol.type > li a.active{
  color:#fff;
  margin-left: 0px;
  margin-right: 0px;
  background: #fc393e;
  border: 1px solid #fc393e;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 7px 20px 8px;
}

/***********aboutbox***************/
.innerrawabi .aboutbox {
  height: auto;
  padding-bottom: 20px;
}
.innerrawabi .aboutbox .bimg{
  height: 180px !important;border: 1px solid #c5c5c5;overflow: hidden;padding: 0;margin: 0px 0 20px;
}
.innerrawabi .aboutbox .bimg .img-responsive{
  width: 100% !important;height: 180px !important;
}
.innerrawabi .aboutbox p{
    color: #171717;font-size: 13px;font-weight: normal;line-height: 25px;padding: 0px 20px 0 5px;margin: 26px 0 0 0;
    border-right: 4px solid #0280b0;text-align: justify;
}

/***********recipes***************/
.innerrawabi .categoriesbox {
  height: auto;
  padding: 0;
  margin-top: 10px;
}
.innerrawabi .categoriesbox .box {
  height: auto;
  margin-bottom: 29px !important;
}
.innerrawabi .categoriesbox .box .arrow {
  position: absolute;
  text-align: center;
  padding: 0px 0 0 10px;
  margin: 0 auto;
  color: #e20000;
  left: 40%;
  top: 37%;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  width: 70px;
  height: 70px;
  line-height: 65px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 3px #fff solid;
}
.innerrawabi .categoriesbox .box .img{
  background: #58af3c;
  width: 100%;
  height: 380px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  overflow: hidden;
  position: relative;
}
.innerrawabi .categoriesbox .box .img .img-responsive {
  width: 100%;
  height: 350px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerrawabi .categoriesbox .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.6;
}
.innerrawabi .categoriesbox .box .details{
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  width: 100%;
  height: 35px;
  overflow: hidden;
  margin: 0;
  padding: 0px;
}
.innerrawabi .categoriesbox .box .details h2{
  line-height: 35px !important;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000000 !important;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0px 10px;
}
.innerrawabi .categoriesbox .box .details h2 span , .innerrawabi .categoriesbox .box .details h2 .fa{
  font-weight: normal;
  font-size: 18px;
  margin-right: 3px;
}

.innerrawabi .categoriesbox .box h3{
  margin: 3px 0 0 0;
}
.innerrawabi .categoriesbox .box h3 a , .innerrawabi .categoriesbox .box h3 a:visited {
  background-color: #75c95b;
  display: block;
  height: 50px;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}
.innerrawabi .categoriesbox .box h3 a:hover{
  background-color: #58af3c;
  color: #ffffff !important;

}

/***********articles ***************/
.innerrawabi .articlesbox {
  height: auto;
  padding: 0;
  margin-top: 10px;
}
.innerrawabi .articlesbox .box {
  height: auto;
  margin-bottom: 29px !important;
}
.innerrawabi .articlesbox .box .img{
  background: #58af3c;
  width: 100%;
  height: 350px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  overflow: hidden;
  position: relative;
}
.innerrawabi .articlesbox .box .img .img-responsive {
  width: 100%;
  height: 350px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.innerrawabi .articlesbox .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.6;
}

.innerrawabi .articlesbox .box h3{
  margin: 3px 0 0 0;
}
.innerrawabi .articlesbox .box h3 a , .innerrawabi .articlesbox .box h3 a:visited {
  background-color: #75c95b;
  display: block;
  height: 50px;
  overflow: hidden;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  padding: 0px 10px;
  margin: 0 auto;
}
.innerrawabi .articlesbox .box h3 a:hover{
  background-color: #58af3c;
  color: #ffffff !important;

}


/***********rawabi nav***************/
.innerrawabi nav {
    display: block;
    background: none !important;
}
.innerrawabi .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innerrawabi .pagination>li>a , .innerrawabi .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#0498d0;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innerrawabi .pagination>li:first-child>a,.innerrawabi .pagination>li:first-child>span,.innerrawabi .pagination>li:last-child>a,.innerrawabi .pagination>li:last-child>span{
  background-color: #0498d0;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innerrawabi .pagination>li:first-child>a:hover,.innerrawabi .pagination>li:first-child>span:hover,.innerrawabi .pagination>li:last-child>a:hover,.innerrawabi .pagination>li:last-child>span:hover,.innerrawabi .pagination>li>a:focus,.innerrawabi .pagination>li>a:hover,.innerrawabi .pagination>li>span:focus,.innerrawabi .pagination>li>span:hover{
  background-color:#036c94;
  color:#fff !important;
}
.innerrawabi .page-item.active .page-link, .innerrawabi .page-item.active .page-link:focus, .innerrawabi .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #036c94;border-color: #ac05ea;
}


/*************************
*******mainuserrecipes_section******
**************************/
.mainuserrecipes_section .container{
  background-color: #f3f3f3;
  margin-bottom: 15px;
  height: auto;
}

.mainuserrecipes_section .blocksection{
  height: auto;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.mainuserrecipes_section .blocksection .box{
  background-color: white;
  height: auto;
  display: block;
  border: 1px solid #c5c5c5;
  margin: 0 auto;
  text-align: center;
  padding: 0px 0px 0;
}
.mainuserrecipes_section .blocksection .one{
  padding: 0px;
}
.mainuserrecipes_section .blocksection .box .recipebox{
  position: relative;
  height: 190px;
  margin: 0 auto 0px !important;
  text-align: center !important;
  padding: 0
}

.mainuserrecipes_section .hvrbox,
.mainuserrecipes_section .hvrbox * {
  box-sizing: border-box;
}
.mainuserrecipes_section .hvrbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.mainuserrecipes_section .hvrbox img {
  width: 100%;
  height: 190px !important;
}
.mainuserrecipes_section .hvrbox .hvrbox-layer_bottom {
  display: block;
}
.mainuserrecipes_section .hvrbox .hvrbox-layer_top {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(175, 114, 7, 0.7);
  color: #fff;
  padding: 15px;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.mainuserrecipes_section .hvrbox:hover .hvrbox-layer_top,
.mainuserrecipes_section .hvrbox.active .hvrbox-layer_top {
  opacity: 1;
}
.hvrbox .hvrbox-text {
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.mainuserrecipes_section .hvrbox .hvrbox-text h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  text-align: center;
  font-size: 21px;
  color: #fff;
  margin-bottom: -5px;
  line-height: 25px;
  height:25px;
  overflow: hidden;
}
.mainuserrecipes_section .hvrbox .hvrbox-text h4{
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  text-align: center;
  font-size: 16px;
  color: #f7bc55;
  margin-bottom: 0px;
  line-height: 25px;
  height:25px;
  overflow: hidden;
}
.mainuserrecipes_section .hvrbox .hvrbox-text_mobile {
  font-size: 15px;
  border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
  border-top: 1px solid rgba(179, 179, 179, 0.7);
  margin-top: 5px;
  padding-top: 2px;
  display: none;
}
.mainuserrecipes_section .hvrbox.active .hvrbox-text_mobile {
  display: block;
}

.mainuserrecipes_section .hvrbox .hvrbox-layer_slidedown {
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.mainuserrecipes_section .hvrbox:hover .hvrbox-layer_slidedown,
.mainuserrecipes_section .hvrbox.active .hvrbox-layer_slidedown {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.mainuserrecipes_section .blocksection .box .recipebox_title{
  height: auto;
  margin: 0 auto !important;
  text-align: center !important;
  padding: 10px 10px;
  background: #fff;
}
.mainuserrecipes_section .blocksection .box .recipebox_title .img-responsive{
  width: 100%;
  max-width:210px;
  height: auto;
  margin: 5px auto 15px !important;
  margin: 0 auto;
  text-align: center !important;
}
/* Shutter In Vertical */
.mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  color: #ffffff !important;
  font-weight: bold;
  background: #af7207;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100%;
  height: 50px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  line-height: 50px;
  font-size: 13px;
}
.mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:before {
  content: "";
  z-index: -1;
  background: #c58007;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 100%;
  height: 50px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  line-height: 50px;
}
.mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:hover, .mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:focus, .mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:active {
  color: white !important;
}
.mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:hover:before, .mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:focus:before, .mainuserrecipes_section .blocksection .box .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/*************************
*******inneruserrecipes section******
**************************/
.inneruserrecipes .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 50px 0;
  text-align: center;
}
.inneruserrecipes .section-title h1{
  background:url(../images/user_recipes_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.inneruserrecipes .section-title h1 span{
  color: #c47d01 !important;
}
.inneruserrecipes .box .img{
  background: #c47d01;
  height: 150px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
  padding: 0;
}
.inneruserrecipes .box .img .img-responsive {
  width: 100%;
  height: 150px;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  opacity: 1;
}
.inneruserrecipes .box .img:hover .img-responsive {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
  opacity: 0.8;
}
.inneruserrecipes .box .details {
  display: block;
  height: 150px;
  overflow: hidden;
  margin: 0;
  padding: 10px 15px 0px 15px;
  background-color: #c47d01;
  border-top: 1px #ffffff solid;
}
.inneruserrecipes .box .details h2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
  margin: 5px auto 6px;
  height: 32px;
  overflow: hidden;
}
.inneruserrecipes .box .details h2 a , .inneruserrecipes .details h2 a:visited{
  color: #fff;
}
.inneruserrecipes .box .details h2 a:hover {
  color: #e7be76;
}
.inneruserrecipes .box .details p {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: right;
  line-height: 18px;
  margin: 0 auto 2px;
  height: 22px;
  overflow: hidden;
}
.inneruserrecipes .box .details p i{
  font-size: 16px;
  margin: 0 0 0 8px;
}

.inneruserrecipes .box .morelink {
  margin: -1px auto 0 auto;
  text-align: center;
}

/* Radial In */
.inneruserrecipes .box .morelink a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #f7f7f7;
  color: #c47d01;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #e3e3e3;
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  margin: 0 auto;
  padding: 5px 10px 0;
  height: 25px;
  width: 100px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  line-height: 17px;
}
.inneruserrecipes .box .morelink a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  color: #c47d01;
  border-radius: 10% !important;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inneruserrecipes .box .morelink a:hover, .inneruserrecipes .box .morelink a:focus, .inneruserrecipes .box .morelink a:active {
  background: #ae6f01;
  color: white;
}
.inneruserrecipes .box .morelink a:hover:before, .inneruserrecipes .box .morelink a:focus:before, .inneruserrecipes .box .morelink a:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.inneruserrecipes nav {
    display: block;
    background: none !important;
}
.inneruserrecipes .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.inneruserrecipes .pagination>li>a , .inneruserrecipes .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#c47d01;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.inneruserrecipes .pagination>li:first-child>a,.inneruserrecipes .pagination>li:first-child>span,.inneruserrecipes .pagination>li:last-child>a,.inneruserrecipes .pagination>li:last-child>span{
  background-color:#c47d01;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.inneruserrecipes .pagination>li:first-child>a:hover,.inneruserrecipes .pagination>li:first-child>span:hover,.inneruserrecipes .pagination>li:last-child>a:hover,.inneruserrecipes .pagination>li:last-child>span:hover,.inneruserrecipes .pagination>li>a:focus,.inneruserrecipes .pagination>li>a:hover,.inneruserrecipes .pagination>li>span:focus,.inneruserrecipes .pagination>li>span:hover{
  background-color:#a06601;
  color:#fff !important;
}
.inneruserrecipes .page-item.active .page-link, .inneruserrecipes .page-item.active .page-link:focus, .inneruserrecipes .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #a06601;border-color: #ac05ea;
}

/*************************
*******innerprojects section******
**************************/
.innerprojects .section-title{
  padding: 0 15px 0 0;
  margin: 10px auto 30px 0;
  text-align: center;
}
.innerprojects .section-title h1{
  background:url(../images/projects_title.png) no-repeat right top;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  color: #000 !important;
  font-size: 23px;
  font-weight: bold;
  text-align: right;
  line-height: 65px;
  display: block;
  height: 50px;
  padding: 0px 65px 0 0;
  margin: 0;
}
.innerprojects .section-title h1 span{
  color: #d41b79 !important;
}
.innerprojects .item{
  border: 0px #dddddd solid;
  height: 290px;
  margin-bottom: 30px;
}
.innerprojects .item .img-responsive{
  width: 100%;
  height: 240px;
  position: relative;
}
.innerprojects .item .seen {
  position: absolute;
  text-align: center;
  padding: 13px 10px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  left: 15px;
  top: 0px;
  background-color: rgba(212, 27, 121, 0.70);
  transition: all 0.5s;
  z-index: 5;
  width: 60px;
  height: 60px;
  line-height: 17px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.innerprojects .item .seen span {
  color: #fff;
  font-weight: bold;
  font-size: 17px;
}
.innerprojects .item .arrow {
  position: absolute;
  text-align: center;
  padding: 0px 0 0 10px;
  margin: 0 auto;
  color: #e20000;
  left: 44%;
  top: 40%;
  background: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
  z-index: 5;
  width: 70px;
  height: 70px;
  line-height: 65px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 3px #fff solid;
}
.innerprojects .item h2.details {
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  position: absolute;
  width: 100%;
  height: 45px;
  overflow: hidden;
  line-height: 45px;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
  color: #d41b79;
  font-weight: bold;
  font-size: 18px;
  background: url(../images/videos_detailsbg.png) no-repeat right bottom;
  transition: all 0.5s;
  z-index: 5;
  right: 15px;
  top: 195px;
}
.innerprojects .item h3.details2 {
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  width: 100%;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  background: #d41b79;
  transition: all 0.5s;
  z-index: 1;
}
.innerprojects nav {
    display: block;
    background: none !important;
}
.innerprojects .pagination{padding:20px 15px 0;text-align: center;margin: 0 auto;}
.innerprojects .pagination>li>a , .innerprojects .pagination>li>span{
  position:relative;
  color:#fff !important;
  float:right;
  padding:5px 0 5px 0px;
  margin-right:8px;
  line-height:20px;
  text-decoration:none;
  background-color:#d41b79;
  border:0 solid #ddd;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  font-weight:700;
  font-size: 14px;
}
.innerprojects .pagination>li:first-child>a,.innerprojects .pagination>li:first-child>span,.innerprojects .pagination>li:last-child>a,.innerprojects .pagination>li:last-child>span{
  background-color:#d41b79;
  border:0 solid #ddd;
  border-radius:50px;
  -webkit-border-radius:50px !important;
  -moz-border-radius:50px !important;
  -o-border-radius:50px !important;
  color:#fff !important;
  font-size: 25px;
}
.innerprojects .pagination>li:first-child>a:hover,.innerprojects .pagination>li:first-child>span:hover,.innerprojects .pagination>li:last-child>a:hover,.innerprojects .pagination>li:last-child>span:hover,.innerprojects .pagination>li>a:focus,.innerprojects .pagination>li>a:hover,.innerprojects .pagination>li>span:focus,.innerprojects .pagination>li>span:hover{
  background-color: #9e0e57;
  color:#fff !important;
}
.innerprojects .page-item.active .page-link, .innerprojects .page-item.active .page-link:focus, .innerprojects .page-item.active .page-link:hover {
    z-index: 2;color: #fff;cursor: default;background-color: #9e0e57;border-color: #9e0e57;
}

/******************articles details ( innerprojects )**********************/
.innerprojects .innerarticlesdetails h1{
  font-family: 'Droid Arabic Kufi', 'Tahoma';color: #d41b79 !important;font-size: 22px;font-weight: bold;text-align: right;
  line-height: 38px;padding: 0px;margin: 0 0 10px 0;
}

.innerprojects .innerarticlesdetails h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #fff !important;
  font-size: 17px;
  font-weight: bold;
  text-align: right;
  line-height: 40px;
  padding: 0px 15px;
  margin: 30px 0 0px 0;
  /* text-decoration: underline; */
  background: #d41b79 !important;
}

.innerprojects .innerarticlesdetails .block {
  background-color: #f7f7f7;
  height: auto;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  padding: 15px;
  margin: 0 auto;
  border: 2px #d8d8d8 dashed;
  line-height: 30px;
  word-wrap: break-word
}
.innerprojects .innerarticlesdetails .block div{
  font-weight: bold;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.innerprojects .innerarticlesdetails .block i{
  margin: 0 0 0 10px;
}
.innerprojects .innerarticlesdetails .block span{
  font-weight: normal;
  color: #d41b79 !important;
}
.innerprojects .innerarticlesdetails .block span a{
  color: #d41b79 !important;
  text-decoration: underline;
}
.innerprojects .innerarticlesdetails .pic {width: 100%;height: auto !important;padding: 0;margin: 20px auto 0;text-align: center;}
.innerprojects .innerarticlesdetails .pic .img-responsive{width: 80% !important;height: auto !important;border: 1px solid #c5c5c5;margin: 0 auto;text-align: center;}

.innerprojects .innerarticlesdetails .block .vp{
  margin: 15px 0 10px !important;
}
.innerprojects .innerarticlesdetails .block div p{
  background-color: #eaeaea;
  color: #d41b79 !important;
  height: auto;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  padding: 10px 15px;
  line-height: 27px;
}
.innerprojects .innerarticlesdetails .block div .star{
  background-color: #eaeaea;
  color: #030303 !important;
  height: auto;
  font-family: 'Droid Arabic Kufi', 'Tahoma'; 
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  padding: 10px 0px 5px 10px;
  line-height: 30px;
}

/*************************
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
*******new added 2019******
**************************/

/* ScrollUp */
#scrollUp {
background-color: #40ba37;
border-radius: 0;
bottom: 60px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
color: #ffffff;
font-size: 24px;
height: 40px;
line-height: 38px;
right: 60px;
text-align: center;
width: 40px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
#scrollUp:hover {
background-color: #141414; }
@media only screen and (max-width: 767px) {
#scrollUp {
  bottom: 30px;
  right: 30px; } }

/* :: 5.0 Header Area CSS */
.header-area {
position: relative;
z-index: 100;
width: 100%;
top: 0;
}

.header-area .top-header-area {
width: 100%;
height: auto;
/* background-color: #fdfdfd; */
border-bottom: 1px solid #dddee9;
padding: 0 50px 0 50px; }

@media only screen and (max-width: 767px) {
.header-area .top-header-area {
height: auto; } }

.header-area .top-header-area .breaking-news {
position: relative;
z-index: 1; }

.header-area .top-header-area .breaking-news .ticker {
width: 100%;
text-align: left;
position: relative;
overflow: hidden; }

.header-area .top-header-area .breaking-news .ticker ul {
width: 100%;
position: relative;
z-index: 1; }

.header-area .top-header-area .breaking-news .ticker ul li {
display: none;
width: 100%; }

.header-area .top-header-area .breaking-news .ticker ul li a {
font-size: 14px;
color: #b6b6b6;
font-style: italic; }

.header-area .top-header-area .breaking-news .ticker ul li a:hover, .header-area .top-header-area .breaking-news .ticker ul li a:focus {
color: #40ba37; }

.header-area .top-header-area .top-social-info a {
display: inline-block;
color: #b6b6b6;
font-size: 13px;
margin-right: 30px; }

.header-area .top-header-area .top-social-info a:last-child {
margin-right: 0; }

.header-area .top-header-area .top-social-info a:hover, .header-area .top-header-area .top-social-info a:focus, .header-area .top-header-area .top-social-info a.active {
color: #40ba37; }

/* ramadanrecipes */
.ramadanrecipes {
  padding: 0;
}

%transition_all_03s {
  transition:all .3s ease;
}
%backface_visibility_hidden{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.swiper-container {
  width: 100%;
  height: 28vw;
  transition:opacity .6s ease;
  &.swiper-container-coverflow{
    padding-top:2%;
  }
  &.loading{
    opacity:0;
    visibility:hidden;
  }
  &:hover{
    .swiper-button-prev,
    .swiper-button-next{
      transform:translateX(0);
      opacity:1;
      visibility:visible;
    }
  }
}
.swiper-wrapper{

}
.swiper-slide{
  background-position:center;
  background-size:cover;
  .slide-inner{
    
  }
  .entity-img{
    display:none;
  }
  .content{
    position:absolute;
    top:40%;
    left:0;
    width:50%;
    padding-left:5%;
    color:#fff;
    .title{
      font-size:2.6em;
      font-weight:bold;
      margin-bottom:30px;
    }
    .caption{
      display:block;
      font-size:13px;
      line-height:1.4;
    }
  }
}
[class^="swiper-button-"]{
  width:44px;
  opacity:0;
  visibility:hidden;
  @extend %transition_all_03s;
}
.swiper-button-prev{
  transform:translateX(50px);
}
.swiper-button-next{
  transform:translateX(-50px);
}
.swiper-container-horizontal{
  >.swiper-pagination-bullets{
    .swiper-pagination-bullet{
      margin:0 9px;
      position:relative;
      width:20px;
      height:20px;
      background-color:#000 !important;
      opacity:1m;
      @extend %transition_all_03s;
      &::before{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:18px;
        height:18px;
        transform:translate(-50%, -50%);
        border:0px solid #fff;
        border-radius:50%;
        @extend %transition_all_03s;
      }
      &:hover,
      &.swiper-pagination-bullet-active{
        opacity:1;
      }
      &.swiper-pagination-bullet-active{
        &::before{
          border-width:1px;
        }
      }
    }
  }
}

// Mediaqueries
@media(max-width:1180px){
  .swiper-slide{
    .content{
      .title{
        font-size:25px;
      }
      .caption{
        font-size:12px;
      }
    }
  }
}
@media(max-width:1023px){
  .swiper-container {
    height:40vw;
    &.swiper-container-coverflow{
      padding-top:0;
    }
  }
}

[class^="swiper-button-"], .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  transition: all .3s ease;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.swiper-container {
  width: 100%;
  height: 25vw;
  transition: opacity .6s ease;
}
.swiper-container.swiper-container-coverflow {
  padding-top: 0;
  margin: 5px 0 15px 0;
}
.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}
.swiper-slide .entity-img {
  display: none;
}
.swiper-slide .content {
  position: absolute;
  top: 73%;
  left: 0;
  width: 100%;
  padding-left: 0;
  color: #f30505;
  text-align: left;
  background: rgba(255, 255, 255, 0.80);
  height: 70px;
  overflow: hidden;
}
.swiper-slide .content .title {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px 10px 0;
  height: 40px;
  overflow: hidden;
  line-height: 28px;
  text-align: center;
  z-index: 1;
}
.swiper-slide .content .title a{
  color: #f30505;
}
.swiper-slide .content .caption {
  display: block;
  font-size: 15px;
  line-height: 10px;
  color: #000 !important;
  font-weight: bold;
  text-align: center;
}
.swiper-slide .content .caption a{
  color: #000 !important;
}

[class^="swiper-button-"] {
  width: 44px;
  opacity: 0;
  visibility: hidden;
}

.swiper-button-prev {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.swiper-button-next {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}
.swiper-pagination {
    z-index: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px;
  position: relative;
  width: 12px;
  height: 12px;
  background-color: #fb0a0a;
  opacity: .4;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0px solid #fff;
  border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-width: 1px;
}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
      top: 10px;
      left: 0;
      width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 30px;
}
@media (max-width: 1180px) {
  .swiper-slide .content .title {
    font-size: 16px;
    line-height: 40px;
  }
  .swiper-slide .content .caption {
    font-size: 14px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
      top: 10px;
      left: 0;
      width: 100%;
  }
}
@media (max-width: 1023px) {
  .swiper-container {
    height: 50vw;
  }
  .swiper-container.swiper-container-coverflow {
    padding-top: 0;
  }
}

/*************************
*******fotot section******
**************************/
.fotor_section .container , .sohor_section .container{
  background: #f9f9f9;
  padding: 15px 15px 0;
  margin-bottom: 15px;
}
.fotor_section .adbox{
  background-color: #40ba37;
  height: auto;
  margin: 0 auto 30px 0 !important;
  text-align: center !important;
  padding: 27px 15px;
}
.fotor_section .section-title , .sohor_section .section-title{
  margin: 18px auto 15px;
  text-align: center;
}
.fotor_section .section-title h1 , .sohor_section .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #ff0000;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0 auto;
  /* background-color: gray; */
}
.fotor_section .section-title h1 span , .sohor_section .section-title h2 span{
  color: #000;
}
.fotor_section .section-title h1 svg , .sohor_section .section-title h2 svg{
  color: #ff0000;
  fill: #ff0000 !important;
  width: 50px;
  height: 50px;
  margin: -10px -5px -15px 0;
}
/* :: 8.0 Best Receipe Area */
.fotor_section .best-receipe-area , .sohor_section .best-receipe-area{
position: relative;
z-index: 1;
padding-bottom: 50px; }


.fotor_section .single-best-receipe-area img , .sohor_section .single-best-receipe-area img{
background: #ffffff;
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-o-transition: all 1s ease; /* IE 9 */
-ms-transition: all 1s ease; /* Opera */
transition: all 1s ease;
opacity: 1;
}
.fotor_section .single-best-receipe-area:hover img , .sohor_section .single-best-receipe-area:hover img{
background: #ffffff;
opacity: 0.7;
}

.fotor_section .single-best-receipe-area , .sohor_section .single-best-receipe-area{
border: 2px solid #cacaca45;
background: #fff !important;
position: relative;
z-index: 1;
padding-bottom: 0px !important;
}
.fotor_section .single-best-receipe-area:hover , .sohor_section .single-best-receipe-area:hover {
border-bottom: 2px solid #ff0000;
-webkit-box-shadow: 1px 1px 26px -8px rgba(0,0,0,0.36);
-moz-box-shadow: 1px 1px 26px -8px rgba(0,0,0,0.36);
box-shadow: 1px 1px 26px -8px rgba(0,0,0,0.36);
background: #fff !important;
}
.fotor_section .single-best-receipe-area .receipe-content , .sohor_section .single-best-receipe-area .receipe-content{
padding: 10px;
text-align: center;
/* position: absolute; */
/* bottom: 0px; */
background: rgba(255, 255, 255, 0.8);
}
.fotor_section .single-best-receipe-area .receipe-content h2 , .sohor_section .single-best-receipe-area .receipe-content h2 {
font-family: 'Droid Arabic Kufi', 'Tahoma';
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
margin: 4px 0 6px 0;
height: 30px;
overflow: hidden;
/* background: gray; */
line-height: 30px;
}
.fotor_section .single-best-receipe-area .receipe-content h2:hover, .fotor_section .single-best-receipe-area .receipe-content h2:focus , .sohor_section .single-best-receipe-area .receipe-content h2:hover, .sohor_section .single-best-receipe-area .receipe-content h2:focus{
color: #b92020;
}
.fotor_section .single-best-receipe-area .receipe-content h3 , .sohor_section .single-best-receipe-area .receipe-content h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #000 !important;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0px 10px;
  line-height: 20px !important;
}
.fotor_section .single-best-receipe-area .receipe-content h3 .fa , .sohor_section .single-best-receipe-area .receipe-content h3 .fa{
font-weight: normal;
font-size: 19px;
margin: 0 0 0 6px;
display: inline-block !important;
}     
.fotor_section .single-best-receipe-area .receipe-content .options , .sohor_section .single-best-receipe-area .receipe-content .options {
display: inline-block;
padding: 0 }

/*************************
**************************/

/*************************
*******sofra_section******
**************************/
.sofra_section .container{
  background-image: url("../images/sofra2_bg.jpg");
  height: 454px;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 15px 0;
  margin-bottom: 15px;
  overflow: hidden;
}

.sofra_section .section-title{
  margin: 18px auto 15px;
  text-align: center;
}
.sofra_section .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #ff0000;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0 auto;
  /* background-color: gray; */
}
.sofra_section .section-title h2 span{
  color: #000;
}
.sofra_section .section-title h2 svg{
  color: #ff0000;
  fill: #ff0000 !important;
  width: 50px;
  height: 50px;
  margin: -10px -5px -15px 0;
}

.sofra_section .bbox{
  margin: 0 auto;
  text-align: center;
  padding: 0 5px 0 0;
}

.sofra_section .box{
  width:90px;
  height:90px;
  margin: 0 0 2px 2px;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.sofra_section .box .content{
  width:100%;
  height:auto;
}

/* ANIMATIONS */
.Object, .ObjectContainer a {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ObjectContainer {
  width:90px;
  height:90px;
  display: block;
  position: relative;
  clear: both;
}
.ObjectContainer h2 {
  height: 20px;
  line-height: 20px;
  font-family: 'Calibri';
  color: #ff0202;
  font-size: 48px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
}
.ObjectContainer h3 {
  line-height: 18px;
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #000;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
  clear: both;
  background: none;
}
.ObjectContainer .textdiv {
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 1;
  clear: both;
}
.ObjectContainer .Object {
  background: rgba(255, 255, 255, 0.50);
  display: block;
}
.ObjectContainer a {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 0px;
  text-align: center;
  vertical-align: middle;
}
.ObjectContainer:hover .Object {
  background-color: red;
  margin: 0;
  width:90px;
  height:90px;
  color: #ffffff;
  z-index: -1;
  border-radius: 100px;
}
.ObjectContainer:hover a {
  opacity: 1;
  color: #ffffff;
  z-index: 1;
  bottom: 0;
  line-height: 110px;
}
.ObjectContainer:hover h2{
  color: #ffffff;
  z-index: 5;
}
.ObjectContainer:hover h3{
  color: #ffffff;
  z-index: 1;
}
#red.Object {
  width:90px;
  height:90px;
  z-index: -1;
  margin: 0 auto;
  text-align: center;
  border: 1px #cacaca solid;
 }


/*************************
*******articlesbbox******
**************************/
.articlesbbox .container{
    margin: 0 auto 15px;
    text-align: center;
    padding: 15px 15px 0;
    background-color: #f3f3f3;
}

.articlesbbox .section-title{
  margin: 18px auto 15px;
  text-align: center;
}
.articlesbbox .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #ff0000;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  line-height: 35px;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  margin: 0 auto;
  /* background-color: gray; */
}
.articlesbbox .section-title h2 span{
  color: #000;
}
.articlesbbox .section-title h2 svg{
  color: #ff0000;
  fill: #ff0000 !important;
  width: 50px;
  height: 50px;
  margin: -25px 0px -1px 3px;
}
.articlesbbox {
position: relative;
z-index: 1;
}
.articlesbbox h5 {
font-size: 18px;
padding: 35px 0;
margin-bottom: 0;
}
.articlesbbox .bigbox {
position: relative;
z-index: 1;

background-color: white;
height: auto;
display: block;
border: 1px solid #c5c5c5;
margin: 0 auto 15px;
text-align: center;
padding: 20px 0px 0;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
overflow: hidden;
}

.articlesbbox .bigbox .hvrbox,
.articlesbbox .bigbox .hvrbox * {
  box-sizing: border-box;
}
.articlesbbox .bigbox .hvrbox {
  border: 1px solid #40ba37;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 120px !important;
  margin-bottom: 15px;
}
.articlesbbox .bigbox .hvrbox img {
  width: 100%;
  height: 120px !important;
  /* object-fit: contain; */
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.articlesbbox .bigbox .hvrbox:hover img {
-webkit-transform: scale(1.2) rotate(2.5deg);
transform: scale(1.2) rotate(2.5deg);overflow: hidden;
}

.articlesbbox .bigbox .hvrbox .hvrbox-layer_bottom {
  display: block;
}
.articlesbbox .bigbox .hvrbox .hvrbox-layer_top {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(64, 186, 55, 0.9);
  color: #fff;
  padding: 15px;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.articlesbbox .bigbox .hvrbox:hover .hvrbox-layer_top,
.articlesbbox .bigbox .hvrbox.active .hvrbox-layer_top {
  opacity: 1;
}
.articlesbbox .bigbox .hvrbox .hvrbox-text {
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.articlesbbox .bigbox .hvrbox .hvrbox-text h3{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  text-align: center;
  font-size: 15px;
  color: #fff;
  margin: 0px;
  padding: 0 15px;
  line-height: 25px;
  height: 80px;
  overflow: hidden;
}
.articlesbbox .bigbox .hvrbox .hvrbox-text h4{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  text-align: center;
  font-size: 16px;
  color: #042901;
  margin-bottom: 0px;
  line-height: 22px;
  height: 25px;
  overflow: hidden;
}
.articlesbbox .bigbox .hvrbox .hvrbox-text_mobile {
  font-size: 15px;
  border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
  border-top: 1px solid rgba(179, 179, 179, 0.7);
  margin-top: 5px;
  padding-top: 2px;
  display: none;
}
.articlesbbox .bigbox .hvrbox.active .hvrbox-text_mobile {
  display: block;
}
.articlesbbox .bigbox .hvrbox .hvrbox-layer_slidedown {
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.articlesbbox .bigbox .hvrbox:hover .hvrbox-layer_slidedown,
.articlesbbox .bigbox .hvrbox.active .hvrbox-layer_slidedown {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.articlesbbox .adbox{
  background-color: #40ba37;
  height: 380px;
  margin: 0 auto 15px auto;
  text-align: center;
  padding: 55px 15px 0 15px;
}
.articlesbbox .adbox img{
  width: 336px;
  height: 280px;
  margin: 0 auto;
  text-align: center;  
}


/*************************
*******instagram section******
**************************/
.instagramfeed_section {
  margin: 0 auto 5px;
  text-align: center;
}
.instagramfeed_section .container{
  margin: 0 auto;
  text-align: center;
  padding: 15px 0px 10px;
  width: 100%;
  overflow: hidden;
  }
.instagramfeed_section .section-title{
  margin: 0px auto 15px;
  text-align: center;
}
.instagramfeed_section .section-title h2{
  font-family: 'Droid Arabic Kufi', 'Tahoma';
  color: #ffffff;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  display: block;
  width: 240px;
  height: 40px;
  padding: 0 15px;
  margin: 0 auto;
  background-color: #40ba37;
}
.instagramfeed_section .section-title h2 span{
 color: #063e01;
}
.instagramfeed_section .insta-widget {
    position: relative;
    height: 140px;
}
.instagramfeed_section .insta-widget .snapwidget-widget {
    position: absolute;
    height: 140px;
    top: 0;
    left: 0;
}
.instagramfeed_section .insta-widget a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

/* Button */
.delicious-btn {
display: inline-block;
height: auto;
color: #ffffff;
border: none;
border-left: 3px solid #b52121;
border-radius: 0;
padding: 7px 10px;
font-size: 13px;
line-height: 20px;
font-weight: 600;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-transform: capitalize;
background-color: #ff0000; }

.delicious-btn.btn-4 .fa{
color: #ff0000 !important;
}
.delicious-btn.active, .delicious-btn:hover, .delicious-btn:focus {
font-size: 13px;
font-weight: 600;
color: #ffffff;
background-color: #b52121;
border-color: #ff0000; }
.delicious-btn.btn-2 {
background-color: #1c8314;
border-color: #40ba37; }
.delicious-btn.btn-2.active, .delicious-btn.btn-2:hover, .delicious-btn.btn-2:focus {
  background-color: #40ba37;
  border-color: #1c8314; }
.delicious-btn.btn-3 {
background-color: #474747;
border-color: #1c8314; }
.delicious-btn.btn-3.active, .delicious-btn.btn-3:hover, .delicious-btn.btn-3:focus {
  background-color: #40ba37;
  border-color: #1c8314; }
.delicious-btn.btn-4 {
background-color: transparent;
border: 3px solid #f94747;
line-height: 20px;
color: #f94747; }
.delicious-btn.btn-4 .fa{
color: #40ba37 !important;
}
.delicious-btn.btn-4 .fa .active, .delicious-btn.btn-4 .fa:hover, .delicious-btn.btn-4 .fa:focus {
  color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
  .delicious-btn.btn-4 {
    height: auto;
    line-height: 20px; } }
.delicious-btn.btn-4.active, .delicious-btn.btn-4:hover, .delicious-btn.btn-4:focus {
  line-height: 20px;
  color: #ffffff;
  background-color: #f94747; }
  @media only screen and (max-width: 767px) {
    .delicious-btn.btn-4.active, .delicious-btn.btn-4:hover, .delicious-btn.btn-4:focus {
      height: auto;
      line-height: 20px; } }
@media only screen and (max-width: 767px) {
.delicious-btn {
  height: auto;
  line-height: 20px; } }


/************user menu**************/
.aftersign {
  position: relative;
  display: inline-block;
}
.aftersign .dropdown {
  margin-right: 10px;
}

.aftersign .dropbtn {
  background-color: #ff0006;
  color: white;
  padding: 1px 10px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}
.aftersign .dropdown:hover .dropbtn {
  background-color: #ff7477;
}

.aftersign .dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  margin-top: 1px;
  background-color: #ff7477;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000000;
  transition: color 150ms ease-in-out;
}

.aftersign .dropdown-content a {
  font-size: 12px !important;
  color: white;
  padding: 2px 12px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-align: right !important;
}
.aftersign .dropdown-content a i.fa{
  color: white;
  padding-left: 10px;
}
.aftersign .dropdown-content a:hover {background-color: #f1f1f1;color: black;}
.aftersign .dropdown-content a:hover i.fa {background-color: #f1f1f1;color: black;}

.aftersign .dropdown:hover .dropdown-content {
  display: block;
}