/* Demo Syles */
/* Demo Syles */
@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('fonts/kufi/droidkufi-regular.eot');
    src: url('fonts/kufi/droidkufi-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/kufi/droidkufi-regular.woff2') format('woff2'),
         url('fonts/kufi/droidkufi-regular.woff') format('woff'),
         url('fonts/kufi/droidkufi-regular.ttf') format('truetype'),
         url('fonts/kufi/droidkufi-regular.svg#droidkufi-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body *{ 
  font-family: 'Droid Arabic Kufi' !important;
   font-weight: normal; 
   font-style: normal; 
}
.font-arabic-regular
{
  font-family: 'Droid Arabic Kufi' !important;
  direction: rtl;
  line-height: 20px;
}
.font-arabic-light
{
  font-family: 'Droid Arabic Kufi' !important;
  direction: rtl;
  line-height: 22px;
}
@font-face {
    font-family: 'ge_dinar_tworegular';
    src: url('fonts/ge_dinar_two_medium_2-webfont.eot');
    src: url('fonts/ge_dinar_two_medium_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ge_dinar_two_medium_2-webfont.woff2') format('woff2'),
         url('fonts/ge_dinar_two_medium_2-webfont.woff') format('woff'),
         url('fonts/ge_dinar_two_medium_2-webfont.ttf') format('truetype'),
         url('fonts/ge_dinar_two_medium_2-webfont.svg#ge_dinar_tworegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.arnum{
  font-family: "ge_dinar_tworegular" !important;
}
@font-face {
  font-family: 'Helvetica';
  src: url('./fonts/ufonts.com_helvetica-neue.eot');
  src: local('?'), 
  url('./fonts/ufonts.com_helvetica-neue.ttf') format('truetype'), 
  url('./fonts/ufonts.com_helvetica-neue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.normal{
  font-family: 'Helvetica';
}

@font-face {
  font-family: 'HelveticaBold';
  src: url('./fonts/ufonts.com_helvetica-neue-bold.eot');
  src: local('?'), 
  url('./fonts/ufonts.com_helvetica-neue-bold.ttf') format('truetype'), 
  url('./fonts/ufonts.com_helvetica-neue-bold.svg') format('svg');
  font-weight: normal;
  font-style: normal; 
}

.bold{
  font-family: 'HelveticaBold';
}

@font-face {
  font-family: 'HelveticaLight';
  src: url('./fonts/ufonts.com_helvetica-neue-light.eot');
  src: local('?'), 
  url('./fonts/ufonts.com_helvetica-neue-light.ttf') format('truetype'), 
  url('./fonts/ufonts.com_helvetica-neue-light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.light{
  font-family: 'HelveticaLight';
}
@font-face {
  font-family: 'HelveticaUltraLight';
  src: url('./fonts/helveticaneue-ultralight-webfont.eot');
  src: local('?'), 
  url('./fonts/helveticaneue-ultralight-webfont.ttf') format('truetype'), 
  url('./fonts/helveticaneue-ultralight-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ulight{
  font-family: 'HelveticaUltraLight';
}
@font-face {
      font-family: "Helvetica Neue Thin";
      src: url('fonts/helvetica-thin/helvetica-thin.eot');
      src: url('fonts/helvetica-thin/helvetica-thin.eot?#iefix') format('embedded-opentype'),
      url('fonts/helvetica-thin/helvetica-thin.svg') format('svg'),
      url('fonts/helvetica-thin/helvetica-thin.woff') format('woff'),
      url('fonts/helvetica-thin/helvetica-thin.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
}
.thin{ font-family: "Helvetica Neue Thin";}

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}

body {
  margin: 0;
  font-family: 'HelveticaLight';
  font-size: 13px;
  line-height: 1.5;
  direction: rtl;
}
.device {
  width: 100%;
  height: 800px;
  background: #ccc;
}
/*.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}*/
.pagination-wrapper
{
  bottom: 5px;
  left: 50%;
  margin-left: -400px;
  position: absolute;
  text-align: center;
  width: 800px;
  z-index: 9999;
}
.pagination
{
  position: absolute;
  left: 50%;
  margin-left: -350px;
  text-align: center;
  bottom:35px;
  width: 700px;
  /*background: red;*/
  z-index: 9;
}
.pagination i.br
{
  border-top: 1px dashed #ccc;
  display: block;
  height: 1px;
  left: 60px;
  opacity: 0.4;
  position: absolute;
  top: 9px;
  width: 81%;
}

.hover-box
{
  background: none repeat scroll 0 0 #d6001a;
  display: inline-block;
  height: 70px;
  left: 0;
  position: absolute;
  top: -73px;
  width: 70px;
  transform: rotate(45deg) scale(0);
  -webkit-transform: rotate(45deg) scale(0);
  -moz-transform: rotate(45deg) scale(0);
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  opacity: .9;
}
.hover-box em
{
  color: #fff;
  font-size: 11px;
  font-style: normal;
  height: 100%;
  left: 14px;
  line-height: 17px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 15px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  width: 100%;
}
.hover-box.box-6{ margin-left: 37px;}
.hover-box.box-5{ margin-left: 135px;}
.hover-box.box-4{ margin-left: 232px;}
.hover-box.box-3{ margin-left: 329px;}
.hover-box.box-2{ margin-left: 426px;}
.hover-box.box-1{ margin-left: 523px;}

.box-visible{ transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); -moz-transform: rotate(45deg) scale(1);}
.box-visible em{ opacity: 1;}

.page-navs
{
  color: rgb(255, 255, 255);
  position: absolute;
  top: 0px;
  z-index: 9;
}
.page-left
{
  padding-right: 20px;
  left: 0;
  background: url('../images/right-arrow.png') no-repeat right 2px;
}
.page-right
{
  padding-left: 20px;
  right: 0;
  background: url('../images/left-arrow.png') no-repeat left 2px;
}
.swiper-pagination-switch
{
  background: none repeat scroll 0 0 transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin: 1px 40px 0 40px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  width: 15px;
  position: relative;
  z-index: 999;
  transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
}
.swiper-active-switch, .swiper-pagination-switch:hover
{
  border-color: #d6001a;
  background: #d6001a;
  /*transform: rotate(-45deg) scale(1.2);*/
}
.swiper-container {
  height: 100%;
  width: 100%;
  position: relative;
      -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
}
.swiper-wrapper{ position: absolute; top: 0; left: 0; height: 100%;     -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.swiper-slide{ height: 100%; float: left;     -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;}

 
/*.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}*/

.sld1, .sld2, .sld3, .sld4, .sld5, .sld6
{
  background-image: url('../images/facts1.jpg');
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.sld1{ background-image: url('../images/sld1.jpg');}
.sld2{ background-image: url('../images/sld2.jpg');}
.sld3{ background-image: url('../images/sld3.jpg');}
.sld4{ background-image: url('../images/sld4.jpg');}
.sld5{ background-image: url('../images/sld5.jpg');}
.sld6{ background-image: url('../images/sld6.jpg');}

/*.sld2 h4{ margin: 43% 0 0 !important;}
.sld3 h4{ margin: 40% 0 0 0 !important;}
.sld4 h4{ margin: 34% 0 0 !important;}
.sld5 h4{ margin: 130px 0 0 !important;}
.sld6 h4{ margin: 41% -5% 0 0 !important}
*/

.sld1 h4{ line-height: 65px; margin: 42% 5% 0 0;}
.sld2 h4{ line-height: 95px; margin: 35% 3% 0 0;}
.sld3 h4{ line-height: 45px; margin: 35% 0 0 0;}
.sld4 h4{ line-height: 45px; margin: 31% 0 0 0;}
.sld5 h4{ line-height: 45px; margin: 38% 0 0 0;}
.sld6 h4{ line-height: 45px; margin: 38% 10% 0 0; width: 80%;}

@media screen and (min-width: 1500px) and (-webkit-min-device-pixel-ratio:0) {

  .main-diamond h4
  {
    font-size: 39px !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1500px){  
   .main-diamond h4
     {
       font-size: 39px !important;
     }
}

.slide-content-wrapper
{
  width: 1200px;
  height: 1000%;
  margin: 0 auto;
  background: url('../images/grid.png') no-repeat;
  position: relative;
}
.diamond-wrapper
{
  /*background-color: #fff;*/
  height: 175px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 175px;
  overflow: hidden;
  position: absolute;
  /*opacity: 0.4;*/
}

.diamond-wrapper.diamond-1
{
  top: 162px;
  left: 1012px;
  opacity: 1;
}
.diamond-wrapper.diamond-2
{
  top: 287px;
  left: 136px;
  opacity: 1;
}
.diamond-wrapper.diamond-3
{
  top: 412px;
  left: 261px;
  opacity: 1;
}
.diamond-wrapper.diamond-4
{
  top: 37px;
  left: 886px;
  opacity: 1;
  display: none;
  opacity: 0;
}
.diamond-wrapper.diamond-5
{
  top: 412px; 
  left: 11px;
  opacity: 1;
}
.diamond-wrapper.diamond-6
{
  top: 286px;
  left: 887px;
  opacity: 1;
}
.diamond-wrapper.diamond-7
{
  top: 411px;
  left: 762px;
  opacity: 1;
}
.diamond-wrapper .diamond-background
{
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: red;*/
  display: inline-block;
}
.diamond-wrapper.diamond-1 .diamond-background
{
  background: #caab66;
  opacity: .1;
}
.diamond-wrapper.diamond-2 .diamond-background
{
  background: #d6b500;
  opacity: .1;
}
.diamond-wrapper.diamond-3 .diamond-background
{
  background: #940113;
  opacity: .2;
}
.diamond-wrapper.diamond-4 .diamond-background
{
  background: transparent;
}
.diamond-wrapper.diamond-5 .diamond-background
{
  background: transparent;
}
.diamond-wrapper.diamond-6 .diamond-background
{
  background: #193563;
  opacity: .1;
}
.diamond-wrapper.diamond-7 .diamond-background
{
  background: #d6001a;
  opacity: .1;
}

p.diamond-content
{
  color: #fff;
  display: table-cell;
  height: 175px;
  text-align: center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  vertical-align: middle;
  width: 175px;
  opacity: .7;
}

.main-diamond
{
  /*background: none repeat scroll 0 0 #fff;*/
  height: 400px;
  left: 50%;
  margin-left: -202px;
  margin-top: -200px;
  position: absolute;
  top: 4%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  width: 400px;
  border: 1px solid rgba(255,255,255, 0.4);
}

.main-diamond a
{
  background: none repeat scroll 0 0 #d6001a;
  bottom: 2%;
  color: #fff;
  display: inline-block;
  height: 80px;
  left: 78%;
  overflow: hidden;
  position: absolute;
  width: 80px;
}

.main-diamond a i{ display: block; width: 100%; height: 100%; transition: all .5s ease-out; transition: -webkit-all .5s ease-out; -moz-transition: all .5s ease-out; background: #af9148; width: 0;}

.main-diamond a i:hover{ width: 100%;}

.main-diamond h4
{
  display: inline-block;
  font-size: 45px;
  /*line-height: 55px;*/
  /*margin: 30% 2% 0% 0%;*/
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  
  color: #af9148;
  font-weight: normal;
}
.main-diamond a{ transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
.main-diamond a span
{
  display: inline-block;
  font-size: 16px;
  height: 100%;
  line-height: 19px;
  margin: 15px;
  text-align: center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
    
  width: 100%;
}

/*.main-diamond a:hover{ background: #af9148;}*/

.seperation-wrapper
{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 99;
  display: none;
  opacity: .9
}
.seperation-wrapper.in{ display: block;}
.left, .right
{
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skew(45deg);
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  
  width: 100%;
  z-index: 10;
  transition: all .6s ease-out;
  -webkit-transition: all .6s ease-out;
  -moz-transition: all .6s ease-out;
  opacity: 0;
}
.left
{
  background: #000;
  left: -125%;
}

.right
{
  background: #000;
  left: 125%;
}

.left.in{ left: -45%; opacity: .9;}
.right.in{ left: 55%; opacity: .9;}

#makeMeScrollable
{
  background: transparent;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999999;
  display: none;
  overflow: hidden;
}

.inner-diamond-outer-wrapper
{
  height: 100%
}

.inner-diamond-outer-wrapper.scroll-1{ width: 2780px;}
.inner-diamond-outer-wrapper.scroll-2{ width: 3430px}
.inner-diamond-outer-wrapper.scroll-3{ width: 1740px}
.inner-diamond-outer-wrapper.scroll-4{ width: 2200px}
.inner-diamond-outer-wrapper.scroll-5{ width: 17800px}
.inner-diamond-outer-wrapper.scroll-6{ width: 1500px}

@media screen and (min-width: 1400px) {

  .inner-diamond-outer-wrapper.scroll-1{ width: 3000px;}
  .inner-diamond-outer-wrapper.scroll-2{ width: 3750px}
  .inner-diamond-outer-wrapper.scroll-3{ width: 1890px}
  .inner-diamond-outer-wrapper.scroll-4{ width: 2350px}
  .inner-diamond-outer-wrapper.scroll-5{ width: 1780px}
  .inner-diamond-outer-wrapper.scroll-6{ width: 1600px}
}

.inner-diamond-outer-wrapper.scroll-3 ul
{
  margin-right: 70px;
}
.inner-diamond-outer-wrapper.scroll-4 ul
{
  margin-right: 70px;
}
.inner-diamond-outer-wrapper.scroll-5 ul
{
  margin-right: 90px;
}
.inner-diamond-outer-wrapper.scroll-6 ul
{
  margin-right: 90px;
}
.inner-diamond-wrapper
{
  height: 100%;
  margin: 0;
  padding: 110px 0 0 70px;
  position: relative;
}

.inner-diamond-outer-wrapper.scroll-3 .inner-diamond-wrapper, .inner-diamond-outer-wrapper.scroll-4 .inner-diamond-wrapper{ margin-top: 5%;}
.inner-diamond-wrapper li
{
  list-style-type: none;
  width: 330px;
  height: 330px;
  background: #3d3d3d;
  /*border: 1px solid rgba(255,255,255, .7);*/
  float: left;
  transform: rotate(45deg) scale(1);
  -webkit-transform: rotate(45deg) scale(1);
  -moz-transform: rotate(45deg) scale(1);
  
  margin-right: 138px;
  transition: all 1s ease-out;
  -webkit-: all 1s ease-out;
  -moz-: all 1s ease-out;
  position: relative;
  overflow: hidden;
}
.inner-diamond-wrapper li:hover
{
  background: #d0011a;
  transform: rotate(45deg) scale(.9);
  -webkit-transform: rotate(45deg) scale(.9);
  -moz-transform: rotate(45deg) scale(.9);
  /*z-index: 9999999;*/
}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(7),
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(9)
{
  margin-left: 234px;
}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(n+7):nth-child(-n+12),
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(n+9):nth-child(-n+15)
{
  margin-top: -84px;
}

/*remove last element right margin*/
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(6),
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(8),
.scroll-sec-3 .inner-diamond-wrapper li:nth-child(4),
.scroll-sec-4 .inner-diamond-wrapper li:nth-child(5),
.scroll-sec-1 .inner-diamond-wrapper li:last-child
{ margin-right: 0}

.inner-diamond-wrapper li p
{
  color: #fff;
  display: table;
  font-family: "HelveticaLight";
  font-size: 13px;
  height: 100%;
  line-height: 20px;
  padding: 20% 0% !important;
  margin: 4% -8% 0 0 ;
  /*text-align: center;*/
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);

  /*vertical-align: middle;*/
  width: 85%;
  -webkit-user-select: none !important;  /* Chrome all / Safari all */
  -moz-user-select: none !important;     /* Firefox all */
  -ms-user-select: none !important;      /* IE 10+ */
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .inner-diamond-wrapper li p{ padding: 34% 13% !important; margin: 0 !important;}
}
.inner-diamond-wrapper li p b
{
  font-size: 27px;
  font-weight: normal;
  line-height: 33px;
}



/*.scroll-sec-1 .inner-diamond-wrapper li:nth-child(1) p{ padding: 110px 0 0 110px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(2) p{ padding: 120px 0 0 105px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(3) p{ padding: 120px 0 0 115px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(4) p{ padding: 120px 0 0 115px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(5) p{ padding: 105px 0px 0 105px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(6) p{ padding: 130px 0px 0 100px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(7) p{ padding: 100px 0px 0 100px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(8) p{ padding: 115px 0px 0 100px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(9) p{ padding: 115px 0px 0 100px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(10) p{ padding: 120px 0px 0 100px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(11) p{ padding: 125px 0px 0 110px;}
.scroll-sec-1 .inner-diamond-wrapper li:nth-child(12) p{ padding: 110px 0px 0 110px;}

.scroll-sec-2 .inner-diamond-wrapper li:nth-child(1) p{ padding: 135px 0 0 95px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(2) p{ padding: 120px 0 0 104px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(3) p{ padding: 125px 0 0 105px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(4) p{ padding: 120px 0 0 100px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(5) p{ padding: 120px 0 0 90px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(6) p{ padding: 120px 0 0 90px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(7) p{ padding: 125px 0 0 120px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(8) p{ padding: 130px 0 0 110px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(9) p{ padding: 110px 0 0 100px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(10) p{ padding: 90px 0 0 90px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(11) p{ padding: 110px 0 0 100px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(12) p{ padding: 95px 0 0 100px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(13) p{ padding: 90px 0 0 110px;}
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(14) p{ }
.scroll-sec-2 .inner-diamond-wrapper li:nth-child(15) p{ padding: 115px 0 0 95px;}

.scroll-sec-3 .inner-diamond-wrapper li:nth-child(1) p{ padding: 115px 0 0 105px;}
.scroll-sec-3 .inner-diamond-wrapper li:nth-child(2) p{ padding: 110px 0 0 95px;}
.scroll-sec-3 .inner-diamond-wrapper li:nth-child(3) p{ padding: 105px 0 0 90px;}
.scroll-sec-3 .inner-diamond-wrapper li:nth-child(4) p{ padding: 100px 0 0 105px;}

.scroll-sec-4 .inner-diamond-wrapper li:nth-child(1) p{ padding: 105px 0 0 90px;}
.scroll-sec-4 .inner-diamond-wrapper li:nth-child(1) p b{ font-size: 28px}
.scroll-sec-4 .inner-diamond-wrapper li:nth-child(2) p{ padding: 110px 0 0 90px;}
.scroll-sec-4 .inner-diamond-wrapper li:nth-child(3) p{ padding: 115px 0 0 105px;}
.scroll-sec-4 .inner-diamond-wrapper li:nth-child(4) p{ padding: 115px 0 0 95px;}
.scroll-sec-4 .inner-diamond-wrapper li:nth-child(5) p{ padding: 110px 0 0 95px;}
*/

/*.scroll-1 .inner-diamond-wrapper li:nth-child(7) p
{ padding: 55px;}*/


@media screen and (max-width: 1024px) {

  .sld1, .sld2, .sld3, .sld4, .sld5, .sld6
  {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
  }

  /*hide cells in lower resolution*/
  .diamond-wrapper.diamond-1, .diamond-wrapper.diamond-4, .diamond-wrapper.diamond-6{ display: none;}

  .inner-diamond-outer-wrapper.scroll-1{ width: 2710px;}
  .inner-diamond-outer-wrapper.scroll-2{ width: 3420px}
  .inner-diamond-outer-wrapper.scroll-3{ width: 1720px}
  .inner-diamond-outer-wrapper.scroll-4{ width: 2640px}

  /*.main-diamond
  {
    margin-left: -5% !important;
  }
  */
  .slide-content-wrapper
  {
    width: 1024px;
    background: url('../images/grid-small.png') no-repeat;
  }


  .main-diamond
  {
    margin-left: -175px;
    margin-right: 0;
  }
  .diamond-wrapper.diamond-2, .diamond-wrapper.diamond-5
  {
    opacity: 0 !important;
    display: none !important;
  }

  .diamond-wrapper.diamond-7 .diamond-background
  {
    background-color: #d6b500;
  }
  
  .diamond-wrapper.diamond-3
  {
    left: 200px;
  }
  html a.goback-top
  {
    display: block !important;;
    opacity: 1 !important;
    margin-left: 1% !important;
    bottom: 125px;
    left: 50% !important;
    margin-left: -31px;
    position: absolute;
  }
  html a.goback-top img
  {
    opacity: 1 !important;
  }

  html .mCSB_scrollTools.mCSB_scrollTools_horizontal
  {
    bottom: 40px !important;
  }

  .btn-close-detail
  {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 1366px) {

.inner-diamond-outer-wrapper.scroll-5{ width: 1800px}
.inner-diamond-outer-wrapper.scroll-6{ width: 1600px}

#makeMeScrollable.scroll-sec-5 ul li:nth-child(2),{ margin-right: 100px !important;}
}

@media screen and (max-height: 767px) {

  .main-diamond
  {
    margin-top: -160px;
    width: 350px;
    height: 350px;
  }
  
  .main-diamond h4{ font-size: 34px;}

  .main-diamond a
  {
    bottom: 2%;
    left: 75%;
  }
  .inner-diamond-wrapper
  {
    margin-top: 0;
    padding-top: 70px;
  }
  .inner-diamond-wrapper li
  {
    width: 300px;
    height: 300px;
    margin-right: 125px;
  }

  .scroll-sec-1 .inner-diamond-wrapper li:nth-child(7), 
  .scroll-sec-2 .inner-diamond-wrapper li:nth-child(9)
  { margin-left: 213px;}

  .scroll-sec-1 .inner-diamond-wrapper li:nth-child(n+7):nth-child(-n+12),
  .scroll-sec-2 .inner-diamond-wrapper li:nth-child(n+9):nth-child(-n+15)
  {
    margin-top: -80px;
  }

  .inner-diamond-wrapper li p { padding-left: 20px;}
}

div.scrollingHotSpotLeft, div.scrollingHotSpotRight{ opacity: 0 !important; background-image: none !important;}

div.scrollingHotSpotLeft
{
  position: fixed;
  /*left: -140px;*/
}
div.scrollingHotSpotRight
{
  position: fixed;
  right: -140px;
}

.btn-close-detail
{
  position: fixed;
  top: 10px;
  left: 50%;
  z-index: 99999;
  margin-left: -60px;
}

html body .device .swiper-slide{ cursor: url(../images/mouse-hand.png), url(../images/mouse-hand.cur),w-resize !important;}

/*html body .device #makeMeScrollable .inner-diamond-wrapper{ cursor: url(../images/mouse-hand.png), url(../images/close-cursor.cur),w-resize !important;}

html body .inner-diamond-outer-wrapper.scroll-1, html body .device #makeMeScrollable .inner-diamond-wrapper ul, html body .device #makeMeScrollable .inner-diamond-wrapper li{ cursor: url(../images/mouse-hand.png), url(../images/mouse-hand.cur),w-resize !important;}
*/
html body .inner-diamond-outer-wrapper.scroll-5 *,html body .inner-diamond-outer-wrapper.scroll-6 *{ cursor: default !important}

html body .scroll-sec-6 li:hover, html body .scroll-sec-5 li:hover{ transform: rotate(45deg) scale(1) !important; -webkit-transform: rotate(45deg) scale(1) !important; -moz-transform: rotate(45deg) scale(1) !important;}


html body #makeMeScrollable.scroll-sec-5.scroll-sections.no-swap *,
html body #makeMeScrollable.scroll-sec-6.scroll-sections.no-swap *

{ cursor: default !important;}

html body #makeMeScrollable.scroll-sec-5.scroll-sections.no-swap a,
html body #makeMeScrollable.scroll-sec-5.scroll-sections.no-swap a img,
html body #makeMeScrollable.scroll-sec-6.scroll-sections.no-swap a,
html body #makeMeScrollable.scroll-sec-6.scroll-sections.no-swap a img
{ cursor: pointer !important;}


/*updates*/
.main-diamond a
{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.main-diamond a i
{
  display: block;
  width: 0;
  height: 100%;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  background: #af9148;
  position: absolute;
}
.main-diamond a span
{
  display: inline-block;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin: 15% 15% 0 0%;
    transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
}
.main-diamond a:hover i{ width: 100%;}
.main-diamond a:hover span{ color: #413007;}

.mCSB_horizontal.mCSB_inside > .mCSB_container{
	height: 100%;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 10px;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal{ background: none repeat scroll 0 0 rgba(202, 171, 102, .0) !important;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 #fff !important; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ border-top: 1px dashed #f2f2f2;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
/*    background: none repeat scroll 0 0 #fff !important;
    height: 100%;
    transform: rotate(45deg);
    border-radius: 0;
    width: 15px;
    height: 15px;
    margin-top: 0px;
*/
    /*border: 1px solid #d92027;*/

    border-radius: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger
{
/*  padding-left: 10px;
  padding-right: 10px;*/
  right: 0 !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before
{
/*  content: "";
  display: inline-block;
  position: absolute;
  left: 3px;
  text-indent: -5000px;
  width: 20px;
  height: 20px;
  background: url('../images/left-arrow.png') no-repeat;
  z-index: 9;*/

  background: url("../images/scroll-handle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 20px;
  position: absolute;
  text-indent: -5000px;
  width: 80px;
  z-index: 9;
  left: 50%;
  top: -2px;
  margin-left: -40px;

}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:after
{
/*  content: "";
  display: inline-block;
  position: absolute;
  right: -8px;
  top: 0;
  text-indent: -5000px;
  width: 20px;
  height: 20px;
  background: url('../images/right-arrow.png') no-repeat;
  z-index: 9;*/
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar
{
/*  margin-left: 20px;
  margin-right: 20px;*/
}

#mCSB_1_dragger_horizontal{ width: 500px !important;}



/*loader*/
div#fact-loader
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.95);
  z-index: 9999999999;
  display: block !important;
}
div#fact-loader #fact-loader-overlay
{
  position: absolute;
  left: 47%;
  top: 35%;
  width: 195px;
  margin-left: -65px;
  height: 180px;
}
div#fact-loader .fact-loader-img
{
  width: 195px;
  height: 180px;
  background-image: url(../images/edb-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}