/* ---
Theme Name: Cloudme Reef
Theme URI: http://www.cloudme.bh
Description: A lightweight WordPress theme for Reef Real Estate Finance
Version: 1.0
Author: Cloudme
Author URI: http://www.cloudme.bh
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags:
--- */

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


/* --- CSS Reset [Normalize.css] --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, button, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, navs, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-family: "Open Sans";  font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, menu, navs, section { display: block;-ms-word-wrap: break-word;word-wrap: break-word;}
body{background: #fff; font-family: "Open Sans"; color: #888;}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img, video { max-width: 100%; height: auto; }
iframe, object, embed { max-width: 100%; }
[hidden], template { display: none; visibility: hidden; }
img { -ms-interpolation-mode: bicubic; }
a:focus, button:focus { outline: thin dotted; outline: 0.3125em auto -webkit-focus-ring-color; outline-offset: -0.15625em; }
a:hover, a:active { outline: 0;  }
/* --- Clear Fix --- */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
h1, h2, h3, h4, h5, h6{
  font-family: "Open Sans";
}
strong, b{font-weight: 600;}
.page-content ol li{list-style: decimal; margin-bottom: 25px; font-size: 14px;}
/* --- Viewport Fix --- */
@-webkit-viewport { width: device-width;zoom: 1.0; }
@-moz-viewport { width: device-width;zoom: 1.0; }
@-ms-viewport { width: device-width;zoom: 1.0; }
@-o-viewport { width: device-width;zoom: 1.0; }
@viewport { width: device-width;zoom: 1.0; }

ul li{list-style: none;}
a{text-decoration: none; color: #287EA7;}
img.alignright{ float: right; margin-left: 20px; border: 1px solid #eee;}
img.alignleft{ float: left; margin-right: 20px; border: 1px solid #eee;}
table, tr, td{color: #888; font-size: 13px;}
p{
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 26px;
  font-family: "Open Sans";
}

.wrapper{margin: 0 auto; width: 100%;}
.container{margin: 0 auto; max-width: 1170px; width: 100%;}

.row{margin-bottom: 1.7094017094017095%;}
.row:last-of-type{margin-bottom: 0;}
.row:after{content: '';  display: table;  clear: both;}

[class*='grid-']{padding: 10px; box-sizing: border-box; float: left; margin-right: 1.7094017094017095%;}
[class*='grid-']:last-of-type{margin-right: 0; margin-bottom: 0px !important;}

.grid-1{ width: 100%; margin: 0;}
.grid-2{ width: 49.14529914529914%;}
.grid-3{ width: 32.193732193732195%;}
.grid-4{ width: 23.717948717948715%;}
.grid-5{ width: 18.632478632478634%;}
.grid-6{ width: 15.242165242165242%; }


/* Header */
header{
  min-height: 87px;
}
.logo{
    background: #FFF;
    margin-left: -3px;
    padding: 17px 21px;
    position: fixed;
    top: -8px;
    max-width: 186px;
}
.rtl .logo{
  margin-left: inherit;
  margin-right: -10px;
}
.lang-switch{
  position: fixed;
  z-index: 999;
  font-size: 12px;
  max-width: 200px;
  text-align: right;
}
.lang-switch .lang_sel_sel.icl-en{
  display: none;
}
.rtl .lang-switch .lang_sel_sel.icl-ar{
  display: none;
}
/* navsigation */
navs{
  background: #B29378;
  max-width: 235px;
  margin-top: 107px;
  padding-top: 50px;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 10%;
}
.rtl navs{
	left: inherit;
	right: 11%;
}

/* Small tablets and large phones (≥ 576px) */
@media (min-width: 576px) {
  navs#access {
    left: 20px;
  }
  .rtl navs#access {
    right: 20px;
  }
}

/* Tablets (≥ 768px) */
@media (min-width: 768px) {
  navs#access {
    left: 10px;
  }
  .rtl navs#access {
    right: 10px;
  }
}

@media (min-width: 1028px) {
  navs#access {
    left: 47px;
  }
  .rtl navs#access {
    right: 47px;
  }
}


@media (min-width: 1366px) {
  navs#access {
    left: 90px;
  }
  .rtl navs#access {
    right: 90px;
  }
}

@media (min-width: 1400px) {
  navs#access {
    left: 127px;
  }
  .rtl navs#access {
    right: 127px;
  }
}


@media (min-width: 1600px) {
  navs#access {
    left: 207px;
  }
  .rtl navs#access {
    right: 207px;
  }
}

@media (min-width: 1628px) {
  navs#access {
    left: 277px;
  }
  .rtl navs#access {
    right: 277px;
  }
}

@media (min-width: 1920px) {
  navs#access {
    left: 370px;
  }
  .rtl navs#access {
    right: 370px;
  }
}
.navs li{
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 5px;
  font-size: 13px;
  -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
      -ms-transition: background-color 0.5s;
       -o-transition: background-color 0.5s;
          transition: background-color 0.5s;
}
.navs li.menu-item-has-children{
  background: url(images/menu_arrow.png) no-repeat 210px center transparent;
}
.navs li a{
  color: #FFF;
  padding: 8px 20px;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.3s;
     -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
       -o-transition: background 0.3s;
          transition: background 0.3s;
}
.navs li a:hover{
  background: #9e7b61;
}

.navs li.current_page_item{background: #9e7b61;}
.home .navs li.current_page_item{background: transparent;}
.navs li:hover > ul{
  opacity: 1;
  display: inline;
}

/* Sub Menu */
.navs li > ul{
  background: #9e7b61;
  display: none;
  position: absolute;
  left: 235px;
  top: 0;
  overflow: hidden;
  min-width: 200px;
}
.navs li > ul li a:hover{
  background: #B29378;
}

.navs-top{
  float: right;
}
.navs-top li{
  display: inline-block;
  font-size: 13px;
  margin-right: 10px;
}
.navs-top li:last-child{
  margin-right: 0px;
}
.navs-top li a{
  color: #555;
}
.navs-top li a:hover{
  text-decoration: underline;
}
.social-icons{
  display: none;
  position: fixed;
  bottom: 25px;
  z-index: 9999;
  padding-left: 10px;
}
.social-icons a{
  background: rgba(255, 255, 255, .8);
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  width: 22px;
  line-height: 22px;
  text-align: center;
  margin-right: 8px;
  -webkit-border-radius: 10%;
          border-radius: 10%;
  -webkit-transition: background 0.4s;
     -moz-transition: background 0.4s;
      -ms-transition: background 0.4s;
       -o-transition: background 0.4s;
          transition: background 0.4s;
}
.social-icons a{
  color: #2a7da5;
}
.social-icons a li:last-child{
  margin-right: 0;
}
.social-icons a:hover{
  background: rgba(255, 255, 255, 1);
}

/* Slider */
.reef-slider{
  background: url(images/reef-shape.png) no-repeat 0 center #f7f7f7;
  max-height: 420px;
}

/* Pages */
.page_container{
  overflow: hidden;
  margin-left: 235px;
}
.rtl .page_container{
  margin-right: 235px;
  margin-left: inherit;
}

.home-about{
  background: #fbf6f2;
  padding: 20px 120px;
}
.home-about h2{
  font-size: 18px;
  font-weight: 600;
  padding: 20px 0 20px 00px;
}
.home-about p{
  color: #999;
  font-size: 16px;
  padding-left: 0px;
}
button.page-header{
  background: url(images/menu_arrow.png) no-repeat 110px center #2a7da5;
  color: #FFF;
  padding: 9px 20px;
  max-width: 130px;
  width: 130px;
  text-align: left;
  margin-bottom: 10px;
  cursor: pointer;
}
.rtl button.page-header{
  background: url(images/menu_arrow_rtl.png) no-repeat 10px center #2a7da5;
}


.in-media{
  padding: 20px 120px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.in-media h2,
.in-media h3,
.in-media h4{
  color: #2a7da5;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.in-media h2{ font-weight: 500; margin-bottom: 15px;}
.in-media h3{font-size: 18px;}
.in-media p{font-size: 14px; color: #999; line-height: 22px;}
.in-media .home-news{ margin: 20px 0; overflow: hidden;}
.in-media .home-news .news-img{float: left; width: 46%;}
.rtl .in-media .home-news .news-img{float: right;}
.in-media .home-news .news-img img{width: 85%;}
.in-media .home-news .news-post{float: right; width: 54%; font-size: 14px;}

.in-media .home-news .news-readmore{
  cursor: pointer;
  margin-top: 20px;
  background: url(images/menu_arrow_brown.png) no-repeat 110px center #ffffff;
  padding: 6px 15px;
  width: 130px;
  text-align: left;
  text-transform: uppercase;
  color: #2a7da5;
  display: flex;
}
.rtl .in-media .home-news .news-readmore{
  background: url(images/menu_arrow_brown_rtl.png) no-repeat 10px center #ffffff;
}

.news p{
  font-size: 12px !important;
  line-height: inherit !important;
}
/* PAGES */
body.page{
  background: url(images/reef-shape.png) no-repeat 10px 90px transparent;
  background-attachment: fixed;
}
body.rtl.page{
  background: url(images/reef-shape.png) no-repeat 100% 90px transparent;
}
.pages{
  background: #FBF6F2;
  padding: 40px;
  position: relative;
  margin: -5px 0 0;
}
.pages h2,
.pages h3{
  color: #287ea7;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.pages h3{
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
}
.page-content{
  margin: 10px 0;
  overflow: hidden;
}
.page-id-285 .page-content p{font-size: 11px; line-height: 16px;}
.page-content p,
.page-content li{
  color: #888;
  font-size: 100%;
  line-height: 26px;
  font-size: 14px;
}
.page-content ul{margin-left: 20px;}
.page-content li{
  list-style: disc;
  font-family: "Open Sans";
}
.breadcrumbs{
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  top: 20px; right: 50px;
}
.single .breadcrumbs span:last-child{
  display: none;
}

/* Media / Blog / News */
.news{
  float: left;
  max-width: 500px;
  width: 100%;
}
.rtl .news{
  float: right;
  max-width: 768px;
  width: 100%;
}
.news .article{
  overflow: hidden;
  clear: both;
  margin-bottom: 40px;
}
.post-thumb{
  float: left;
  max-width: 200px;
  width: 100%;
  margin-right: 20px;
}
.post-content{ overflow: hidden; font-size: 13px; color: #555;}
.post-content h4 a{ font-size: 16px; color: #a58062;}
.post-content h5{ margin: 10px 0; color: #aaa;}
.news-sidebar{
  background: rgba(255, 255, 255, .6);
  float: right;
  max-width: 280px;
  min-height: 15px;
  height: 100%;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.rtl .news-sidebar{
  display: none;
}
.readmore{margin: 10px 0 0;}

h2.post-title{
  text-transform: none;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  text-transform: uppercase;
}
.post-meta{
  font-size: 12px;
  color: #999;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}
.post-detail-content p{
  font-size: 15px;
  color: #666;
}

/* PROJECTS */
.reef-projects{
  margin: 10px 0;
  clear: both;
}
.reef-projects .item{
  float: left;
  position: relative;
  margin: 20px 40px 40px 0;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
}
.reef-projects .item .mask{
  background-color: rgba(0, 0, 0, .2);
  background-image: url(images/project-hover.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -200px; left: 0;
  max-width: 400px;
  max-height: 200px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
.reef-projects .item:nth-child(2n+1){
  margin-right: 0;
}
.reef-projects .item:hover .project-type{
  background: #444444;
}
.reef-projects .item:hover .mask{
  top: 0;
}
.reef-projects .project-type{
  background: #EEE;
  text-align: center;
  margin-top: -4px;
  padding: 20px 0;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
.reef-projects .project-type h3,
.reef-projects .project-type p{
  margin: 0;
  text-transform: none;
}

.footer{
  background: #222;
  color: #FFF;
  font-size: 11px;
  padding: 10px;
	    float: inherit;
    overflow: hidden;
}
.footer .copyright{
  display: inherit;
}
.rtl #compliances .box{
	float: right;
    margin-right: 0;
    margin-left: 22px;
    margin-bottom: 60px;
}
.footer .design{
  float: right;
}
.footer .design a,
.footer a{
  color: #FFF;
}

.footer a:hover{
  text-decoration: underline;
}
/* Make the Magic Happen */
navs, .mobile-navs, .wrapper {
  transition: all 0.2s;
}

.mobile-navs{
  cursor: pointer;
  display: none;
  position: absolute;
  left: 25px; top: 38px;
  height: 20px;
  width: 30px;
  z-index: 10000;
}
/* CSS hamburger lines */
.mobile-navs::before{
  content: '';
  display: block;
  width: 28px;
  height: 3px;
  background: #B29378;
  border-radius: 2px;
  margin-top: 2px;
  -webkit-box-shadow: 0 8px 0 #B29378, 0 16px 0 #B29378;
          box-shadow: 0 8px 0 #B29378, 0 16px 0 #B29378;
}

/* --- Shortcode - Members ---*/
.sc-members{
  float: left;
  max-width: 45%;
  width: 100%;
  margin-right: 40px;
  margin-bottom: 40px;
  font-family: "Open Sans";
  background: #eeeeee;
  border-bottom: 1px solid #287ea7;
  height: 120px;
}
.rtl .sc-members{
	margin-right: initial;
	margin-left: 40px;
}
.sc-members.bd1, .sc-members.bd2 {height:375px;}
.sc-members.bd4{height:375px;}
.rtl .sc-members.bd2, .rtl .sc-members.bd4{ height: 400px;}
.sc-members.bd3{height:476px;}
.sc-members.bd5, .sc-members.bd6{height:500px;}
.sc-members.bd7{height:475px;}

.sc-members.mt1, .sc-members.mt2{height:410px;}
.sc-members.mt3, .sc-members.mt4{height:410px;}

.sc-members.ssa1{height: 403px;}
.bd-clear{clear: both !important;}
.floatright{float: right;}
.sc-members .scm-name{
  font-size: 14px;
  padding: 20px 15px;
  overflow: hidden;
  height: 120px;
  background: #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sc-members .scm-name .name{
  font-size: 14px;
  color: #287ea7;
  font-weight: 600;
  text-transform: uppercase;
}
.sc-members .scm-name .position{
  font-size: 13px;
  color: #555;
  margin-top: 10px;
  line-height: 15px;
}
.sc-members .content p{
  font-size: 12px;
  padding: 0 10px;
  text-align: left;
  line-height: inherit;
  color: #666;
}

.sc-members .content,
.sc-members .info{
  text-align: center;
  padding: 15px 0px 0;
  margin-top: -7px;
  position: relative;
}
.sc-members .content .more{
  background: url(images/member-more.png) no-repeat transparent;
  position: absolute;
  cursor: pointer;
  bottom: 2px; right: 50%;
  width: 8px; height: 8px;
}
.sc-members .info{
  display: none;
  font-size: 11px;
  color: #888;
  text-align: left;
  padding: 5px;
  margin-top: -1px;
  min-height: inherit;
  border-top: 1px solid #fff;
}
/* --- Shortcode - Products ---*/
.sc-products{
  float: left;
  margin-right: 100px;
  margin-bottom: 40px;
  max-width: 325px;
  width: 100%;
}
.sc-products:nth-child(2n+1){
  margin-right: 0px;
}
.sc-products .type{
  background: #EEE;
  text-align: center;
  margin-top: -5px;
  padding: 10px 0;
}
.sc-products h3{font-size: 16px; text-transform: none;}
.sc-products p{font-size: 13px;}
.sc-products h3, .sc-products p{margin: 0;}
.sc-products .desc{font-size: 13px; padding: 10px; color: #999;font-family: "Open Sans";}

/* --- Shortcode - PDF Download ---*/
.download{
  clear: both;
  overflow: hidden;
}
.pdf-download{
  float: left;
  font-family: "Open Sans";
  font-size: 14px;
  text-align: center;
  margin-right: 25px;
  max-width: 105px;
  width: 100%;
}
.pdf-download a:hover{
  text-decoration: underline;
}

/* --- Shortcode - PDF Download ---*/
.financial{
  font-family: "Open Sans";
  border-bottom: 1px solid #eee;
  font-size: 14px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  width: 46%;
  display: inline-block;

}
.financial:before{
  content: "»";
  float: left;
  text-indent: -15px;
}
.financial .read{
  font-size: 11px;
}
.f-pa a{
  color: rgba(158, 123, 97, 1);
  font-size: 12px;
}
.f-pa a:hover{
  text-decoration: underline;
}
/* WIDGET */
.widget h4{
  color: #a58062;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
  position: relative;
}
.widget{
  margin-bottom: 40px;
}
.widget h4:after{
  content: "";
  height: 3px;
  width: 20px;
  background: #a58062;
  position: absolute;
  bottom: -5px; left: 0;
}
.widget ul{
  margin-left: inherit;
}
.widget li{
  padding-left: 1.4em;
  padding-bottom: 10px;
  text-indent: -1.1em;
  list-style: none;
}
.widget li a:hover{
  text-decoration: underline;
}
.widget li:before{
 content: "• ";
 padding-right: 5px;
 color: #287ea7;
}
.widget span.post-date{
  color: #999;
  display: inherit;
  font-size: 11px;
  font-style: italic;
  margin-left: 1.6em;
}

/* WP CALENDAR */
table#wp-calendar{
  background: #FFF;
  color: #aaa;
  padding: 10px;
  width: 100%;
  border: 1px solid #e5e5e5;

}
table#wp-calendar caption{
  background: #287ea7;
  color: #FFF;
  padding: 10px;
}
table#wp-calendar thead{
  color: #333;
}
/* TAG CLOUD */
.tagcloud a{
  font-size: 14px !important;
  background: #FFF;
  border-bottom: 1px solid #287ea7;
  padding: 4px 8px;
  margin: 0 5px 5px 0;
  display: inline-block;
  -webkit-transition: background 0.5s;
     -moz-transition: background 0.5s;
      -ms-transition: background 0.5s;
       -o-transition: background 0.5s;
          transition: background 0.5s;
}
.tagcloud a:hover{
  background: #287ea7;
  color: #FFF;
}

/* SEARCH WIDGET */
.widget_search .screen-reader-text{
  display: none;
}
.widget_search input[type="search"]{
  color: #555;
  padding: 8px 5px;
  border: 1px solid #ccc;
  margin-right: 5px;
  max-width: inherit;
  width: inherit;
}
.widget_search input[type="submit"]{
  background: url(images/search-icon.png) no-repeat center #287ea7;
  border: none;
  text-indent: -1000px;
  width: 45px;
  height: 31px;
}
h2.search{font-size: 24px; text-transform: none;}

/* CONTACT PAGE */
.contact-page{
  overflow: hidden;
  width: 100%;
}
.contact-form, .contact-map,
.address{
  max-width: 395px;
  width: 100%;
  padding: 10px;
  float: left;
  margin-right: 25px;
}
.contact-map,
.address:last-child{
  margin-right: 0;
}
.address{
  max-width: 381px;
  margin-bottom: 20px;
  font-size: 14px;
}
.address p, .address pre{
  margin: 0;
  color: #888;
  font-size: 14px;
}
.address p.bank-name{
  font-size: 17px;
  font-weight: 600;
  color: #287EA7;
}
.inquiry{
  overflow: hidden;
}
.inl, .inr{
  float: left;
  max-width: 250px;
  width: 100%;
  margin-right: 30px;
  color: #666;
}
.inl strong, .inr strong{
  margin-bottom: 15px;
  display: inline-block;
  color: #333;
}

/* FORM STYLE */
input[type="text"], input[type="button"], input[type="submit"], input[type="number"],input[type="tel"],input[type="email"],textarea{
  border: 1px solid #e5e5e5;
  padding: 8px 5px;
  width: 100%;
  max-width: 350px;
}
input[type="submit"], input[type="button"]{
  background: url(images/menu_arrow_brown.png) no-repeat 110px center transparent;
  border: none;
  color: #287EA7;
  text-transform: uppercase;
  max-width: 120px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 6px 15px;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: background 0.5s;
     -moz-transition: background 0.5s;
      -ms-transition: background 0.5s;
       -o-transition: background 0.5s;
          transition: background 0.5s;
}
input[type="submit"]:hover,
input[type="button"]:hover{
  background: #287EA7;
  color: #FFF;
}

.wpcf7-checkbox span{
  display: flex;
  width: 200px;
  float: left;
}
.services_one_good span.wpcf7-list-item-label,
.services_two_good span.wpcf7-list-item-label,
.services_three_good span.wpcf7-list-item-label,
.services_four_good span.wpcf7-list-item-label,
.services2_one_good span.wpcf7-list-item-label,
.services2_two_good span.wpcf7-list-item-label,
.services2_three_good span.wpcf7-list-item-label,
.services2_four_good span.wpcf7-list-item-label,
.services2_five_good span.wpcf7-list-item-label{
  display: none;
}
span.hear-about-reef,
span.communication{
  display: inline-block;
  margin: 10px 0;
}

.calculator-form{
  margin-bottom: 20px;
}
.calculator-form span{
  display: inline-block;
  width: 46%;
  margin-bottom: 20px;
  color: #555;
  font-size: 14px;
}
.calculator-form span input[type="number"]{
  width: 40%;
}

.grid-1.ads{
  background: #f8f8f8;
  padding: 20px 100px 0 120px;
  margin-top: 10px;
  width: 100%;
}
.ad-box{
  float: left;
  background: #fff;
  width: 225px;
  height: 115px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.ad-box img{
  height: 115px;
  width: 225px;
}
.ad-box:nth-child(3n){
  margin-right: 0;
}
.announce-top{
  background: #287EA7;
  overflow: hidden;
  margin-top: -41px;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.2);
  z-index: 999;
  position: relative;
}
.annoucement{
  position: relative;
  width: 100%;
  min-height: 40px;
  height: 100%;
}
.annoucement .close-x{
  background: #B29378;
  color: #FFF;
  cursor: pointer;
  position: absolute;
  text-align: center;
  right: 10px;
  top: 8px;
  width: 20px; height: 22px;
  -webkit-border-radius: 20%;
          border-radius: 20%;
}
.annoucement .close-x:hover{
  background: #af8661;
}

.annoucement h4 a{color: #fff; text-decoration: underline;}
.annoucement h4 a:hover{text-decoration: none;}

.cat-selection h3{
  float: left;
  text-transform: none;
  font-weight: 500;
  margin-right: 20px;
  font-size: 14px;
  line-height: 27px;
}
.rtl .cat-selection h3{
  float: right;
  margin-left: 20px;
  margin-right: 0;
}
.cat-selection select{
  border: 1px solid #eeeeee;
  padding: 5px 10px;
  background: #287ea7;
  color: #FFF;
  overflow: hidden;
  clear: both;
  margin-bottom: 40px;
}
.cat-res{
  overflow: hidden;
  clear: both;
  border-bottom: 4px solid #B29378;
  margin-bottom: 20px;
}
.box{
  background: url(images/dload-bg.jpg) no-repeat center transparent;
  position: relative;
  float: left;
  min-height: 143px;
  height: 100%;
  max-width: 143px;
  width: 100%;
  margin-bottom: 30px;
  margin-right: 22px;
  font-family: "Open Sans";
}
.box .title{
  padding: 5px;
  color: #FFF;
  max-height: 103px;
  font-size: 14px;
}
.box .btns {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 13px;
}
.box .btns div{
  float: left;
  width: 50%;
  text-align: center;
  background: #b29378;
  line-height: 40px;
}
.box .btns .download{width: 100% !important;}
.box .btns div:last-child{
  background: #e3d5cf;
}
.box .btns a{
  color: #222;
  font-size: 13px;
}
.box .btns a:hover{
  text-decoration: underline;
}

.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #B29378;border-collapse: collapse; font-family: "Open Sans"; margin-bottom: 20px;}
.tftable th {font-size:13px;background-color:#B29378;border-width: 1px;padding: 8px;border-style: solid;border-color: #555;text-align:left; color: #fff; font-weight: 600;}
.rtl .tftable th{text-align: right;}
.tftable tr {background-color:#f8f4f0;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #B29378;}
.tftable tr:hover {background-color:#ffffff;}
.tftable.comm{
  width: 47%;
  float: left;
  margin-right: 5%;
  margin-bottom: 5%;
}
.tftable.comm:nth-child(2n){
  margin-right: 0;
}
.navs-top-m{
  display: none;
}

.go-top{
  display: none;
  background: url('images/go-top.png') no-repeat center #B29378;
  position: fixed;
  width: 45px;
  height: 45px;
  right: 3vw;
  bottom: 3vh;
  text-align: center;
  z-index: 999;
  cursor: pointer;
}
@media only screen and (max-width: 767px){

  .reef-slider{
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
  [class*='grid-']{width: 100%; margin-right: 0; margin-bottom: 1.7094017094017095%;}
  .in-media h3{font-size: 20px;}
  .wrapper{margin-left: 0px;}
  .navs li > ul{background: transparent; margin-top: 10px; }
  .mobile-navs{display: inline-block !important;}
  navs#access{
    left: -235px !important;
    overflow-y: auto;
    margin-top: 0;
    top: 0;
    -webkit-box-shadow: 3px 0px 8px rgba(0,0,0,0.35);
       -moz-box-shadow: 3px 0px 8px rgba(0,0,0,0.35);
            box-shadow: 3px 0px 8px rgba(0,0,0,0.35);
  }
  navs#access.active{left: 0 !important;}
  .rtl navs#access{
    right: -235px !important;
    left: auto !important;
  }
  .rtl navs#access.active{right: 0 !important; left: auto !important;}

  .navs li.menu-item-has-children{background-image: none; position: relative;}
  .navs li.menu-item-has-children:after{
    content: "+";
    color: #FFF;
    cursor: pointer;
    height: 12px;
    font-weight: 800;
    position: absolute;
    top: 0;
    right: 25px;
    width: 12px;
    font-size: 18px;
  }
  .navs li > ul{position: static;}
  .navs li:hover > ul{opacity: 1; display: none;}
  header{text-align: center;}
  .logo{position: static; padding: 0; float: right;width: 150px;}
  .page_container{margin-left: 0;}
	.rtl .page_container{margin-left: inherit;margin-right: inherit}
  .home-about, .in-media{padding: 20px 60px;}
  .in-media .home-news .news-img{width: 43%;}
  .in-media .home-news .news-img{margin-bottom: 20px;}
  .in-media .home-news .news-img,
  .in-media .home-news .news-post{width: 100%; float: none;}

  .footer .design{float: none; display: inherit;}
  .post-thumb{float: none;}
  .news-sidebar{background: transparent; padding: 0;}
  .rev_slider .tp-caption.lfb,
  .rev_slider .tp-caption.lfl{
    left: 0px !important;
  }
  .reefsliderhometitle{
    font-size: 19px !important;
    line-height: 21px !important;
    left: 168px !important;
    top: 20px !important;
  }

  .pages h2{
    font-size: 24px;
  }
  .pages h3{
    font-size: 14px;
  }
  .pages{padding: 40px 20px;}
  .box{max-width: 130px; max-height: 130px;}
  #cm-areports .box, .box{margin-right: 6px; margin-bottom: 6px;}
  .box:nth-child(2n), #cm-areports .box:nth-child(2n), #cm-fees .box:nth-child(2n){margin-right: 0px;}
  #cm-areports .box:nth-child(1n), #cm-fees .box:nth-child(1n), #cm-cobp .box:nth-child(1n){margin-right: 6px;}
  .page-id-111 iframe{
    height: 200px !important;
  }

}
@media only screen and (max-width: 480px){
  .tp-leftarrow, .tp-rightarrow{display: none;}
  .tftable.comm{
      float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .sc-members{
    margin-right: 20px;
    max-width: 100%;
    height: initial !important;
  }
  .sc-members:nth-child(2n+1){
    margin-right: 0;
  }
  .whistles-toggle .whistle-content, .whistles-accordion .whistle-content{
    padding: 1.5rem 1.1rem 1.5rem !important;
  }
  .reef-projects .item{
    margin-right: 0;
  }
  .calculator-form{
  margin-bottom: 10px;
}
.calculator-form span{
  display: inline-block;
  width: 80%;
  margin-bottom: 20px;
  color: #555;
  font-size: 14px;
}
.calculator-form span input[type="number"]{
  width: 80%;
}
	.sliderImg{
		left: 20px !important;
	}
}


.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
overflow: hidden;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #B29378;
}

.pagination a:hover{
color:#fff;
background: #287ea7;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #287ea7;
color:#fff;
}

.rtl h3.whistle-title[aria-selected="true"]:after,
.rtl h3.whistle-title:after{
  right: inherit;
  left: 10px;
}

.rtl .sc-members .content p {
    text-align: right;
}

.rtl .en-license, .ar-license {
    display: none;
}

.rtl .ar-license {
    display: block;
}


.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p,
.rtl *,
.rtl .page-content li,
.rtl .whistles-toggle .whistle-title,
.rtl .whistles-accordion .whistle-title{
    font-family: 'Droid Arabic Kufi', serif;
}

.rtl button.page-header {
    text-align: right;
}

#PopupDiv{
z-index: 999999;
}

.menu-item-language.menu-item-language-current{
	display: none;
}

.rtl [class^="spu-icon-"], .rtl [class*=" spu-icon-"],
[class^="spu-icon-"], [class*=" spu-icon-"] {
	font-family: 'spufont' !important;
}
.menu-item.menu-item-language{
	font-family: "Droid Arabic Kufi", serif;
}
.rtl .menu-item.menu-item-language{
	font-family: "Open Sans";
}