@import url('https://fonts.googleapis.com/css?family=changa|Lemonada');
html{ direction: rtl;overflow-x: hidden; height: auto;}
*{font-family: 'changa', sans-serif;}
body{overflow-x: hidden; height: auto;}
.appjad-image{background: #FFF;position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.appjad-image.rectangle{padding-bottom: 60%; }
.appjad-image.rotate{ transform: translateY(-1px) rotate(0deg); }
.appjad-image img{position: absolute; left: 50%;top: 50%; min-height: 100%; width: 100%;
  -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transition: all .5s;
  transform: translate(-50%,-50%);object-fit: cover;object-position: center;}

.top-header{background: #C2B280;}
.top-header .brand-background{background: #FFF;}
.top-header .navbar-brand img{max-width: 100%;}
.top-header .header-slice {height: 100%;position: absolute;z-index: 2;top: 0;right: 100%;width: 100%;overflow: hidden;z-index: 0;}
.top-header .data{text-align: right; color: #FFF;}
.top-header .data .last-news{ position: relative; padding: 5px 15px; margin-right: 15px; overflow: hidden; width: 100%; height: 40px;
background:-moz-linear-gradient(90deg, #C2B280 0%, #FDDA0D 50%, #C2B280 100%);
  background:-webkit-linear-gradient(90deg, #C2B280 0%, #FDDA0D 50%, #C2B280 100%);
  background:linear-gradient(90deg, #C2B280 0%, #FDDA0D 50%, #C2B280 100%);}
.top-header .data .last-news {text-overflow: ellipsis; white-space: nowrap;}
.top-header .data .last-news b.is-hidden{ font-weight: 100; opacity: 0; z-index: -1}
.top-header .data .last-news b.is-visible{ font-weight: 300; opacity: 1; z-index: 3; }
.top-header .data .last-news a{color: #FFF;}
.top-header .data .contact-data{padding: 15px 34px; margin-right: 15px;}
.top-header .data .contact-data a{color: #FFF;}
.top-header .data .contact-data .social i{margin: 0 15px;}

.appjad-nav { background: #000; width: 100%; color: #FFF;
background:-moz-linear-gradient(90deg, #E1C16E 0%, #C2B280 50%, #E1C16E 100%);
  background:-webkit-linear-gradient(90deg, #E1C16E 0%, #C2B280 50%, #E1C16E 100%);
  background:linear-gradient(90deg, #E1C16E 0%, #C2B280 50%, #E1C16E 100%);}

.appjad-nav *{text-align: right;}
.appjad-nav .navbar-brand{display: none;}
.appjad-nav.fixed .navbar-brand{display: block;}
.appjad-nav.fixed { background: #C2B280; top: 0; position: fixed; width: 100%; z-index: 99999;

  background:-moz-linear-gradient(90deg, #E1C16E 0%, #C2B280 50%, #E1C16E 100%);
  background:-webkit-linear-gradient(90deg, #E1C16E 0%, #C2B280 50%, #E1C16E 100%);
  background:linear-gradient(90deg, #E1C16E 0%, #C2B280 50%, #E1C16E 100%);}
.appjad-nav .navbar-nav .nav-link{color: #d7d5ed;font-family: 'Lemonada', cursive;}
.appjad-nav .navbar-nav .nav-link:hover{color: #FFF;}
.appjad-nav .navbar-nav .active>.nav-link, .appjad-nav .navbar-nav .nav-link.active, .appjad-nav .navbar-nav .nav-link.show, .appjad-nav .navbar-nav .show>.nav-link{
color: #FFF;}
.appjad-nav .dropdown-menu{right: 0; left: auto;}



main.index.inside .page{ min-height: 500px; text-align: right; padding-top: 21px;  }

main.index.inside .sub-nav{text-align: right; background:#C2B280;padding: 5px 0; }
main.index.inside .sub-nav ul{margin: 0;padding: 0; color: #FFF;}
main.index.inside .sub-nav ul a{color: #FFF;}

main.index.inside .recent-navbar h3{margin-top: 40px; padding: 3px 0; display:inline-block; font-size: 1.3em; font-weight: 500;letter-spacing:-0.4px;}
main.index.inside .recent-navbar h3 a{color: #FFF;}
main.index.inside .recent-navbar .items .item{margin-bottom: 13px; border-radius: 5px; background: #f1f1f1;  }
main.index.inside .recent-navbar .items .item .caption{padding: 5px;}
main.index.inside .recent-navbar .items .item .caption .date{font-size: .7rem;}
main.index.inside .recent-navbar .items .item a {color: #065882 ;}

.carousel .carousel-item {height:100vh;z-index: -999; background-repeat:no-repeat;background-size:cover;background-position:center;}
.carousel  .carousel-item .carousel-caption{ text-shadow: 10px 2px 10px #111; bottom: 200px;font-family: 'changa', sans-serif;}
.carousel .carousel-indicators li{background: #FDDA0D; cursor: pointer; height: 8px;}
.carousel .carousel-indicators li.active{background: #000;}
.carousel .svg-inner-wrapper{position: absolute;width: 100%;z-index: 9;bottom: -13px;}
@media (max-width:813px) {
  header{overflow: hidden; width: 100vw;}
  .top-header .brand-background{display: none;}
  .appjad-nav .navbar-brand{display: block;}
  .top-header .data {padding: 0; text-align: center;}
  .carousel .carousel-item {height:50vh;}
  .carousel .carousel-item .carousel-caption{bottom: 20%;}
  .carousel .carousel-item .carousel-caption h1{font-size: large;}
  .carousel-indicators{bottom: -30px; right: auto; margin-left: 10px;}
  .appjad-nav.fixed {position: relative;}
}

.about{padding: 89px 0; text-align: right; }
.about h1{margin-bottom: 34px; font-size: xx-large; font-family: 'Lemonada', cursive;}
.about p{font-size: medium; font-weight: 100; text-align: justify;}
.about .svg-inner-wrapper{position: absolute; margin-top: 78px;  transform: translateY(-1px) rotate(180deg);
    position: absolute;z-index: 9999;
    width: 100%;}

.products{background: #c00; text-align: right; position: relative; padding: 144px 0;color: #FFF; background:#00a6d0; 
background:-moz-linear-gradient(90deg, #FDDA0D 0%, #C2B280 100%, #005469 100%);
  background:-webkit-linear-gradient(90deg, #FDDA0D 0%, #C2B280 100%, #005469 100%);
  background:linear-gradient(90deg, #FDDA0D 0%, #C2B280 100%, #005469 100%); }
.products .svg-inner-wrapper{position: absolute;width: 100%;z-index: 9;bottom: -13px;}

.products .intro h2{font-family: 'Lemonada', cursive; }
.products .items{min-height: 277px; margin-top: 34px;}
.products .items .item{margin-bottom: 34px;}
.products .items .item .background{background: #FFF; padding: 8px;}
.products .items .item .caption{ background: #FFF; min-height: 144px; font-size: .8em; color: #666; padding: 8px;  }
.products .items .item .name{ font-size: 1.1em; padding: 8px 0 0 0;}
.products .items .item .name a{color: #FDDA0D;}
.products .items .item .more {float: left;}
.products .items .item .more a{color: #FFF; }

.blog{padding: 55px 0; position: relative;}
.blog .intro h2{font-family: 'Lemonada', cursive; }
.blog .items{margin-top: 34px; position: relative;}
.blog .item { color:#ffffff; 
  font-family:'Lato', Arial, sans-serif; min-height:  333px; font-size:16px;margin:10px auto;
  overflow:hidden;position:relative;text-align:right;}
.blog .item figcaption * {-webkit-box-sizing:border-box;box-sizing:border-box;
  -webkit-transition:all 0.25s ease;transition:all 0.25s ease;}
/*.blog .item img {max-width:100%;vertical-align:top;position:relative;}*/
.blog .item figcaption {position: relative;  padding: 5px; color: #666; min-height: 110px; border-bottom: 3px solid #FDDA0D; }
.blog .item figcaption .date{ font-size: .8em; }
.blog .item figcaption h3 {padding: 3px 0; display:inline-block; font-size: 1.1em; font-weight:300;letter-spacing:-0.4px;margin-bottom:5px;}
.blog .item figcaption a {color: #C2B280;}
.blog .item figcaption .background{background: #C2B280;width: 0; height: 100%; position: absolute;right: 0; top: 0;z-index:-1;}
.blog .item:hover figcaption .background{width: 100%;}
.blog .item:hover figcaption a{color: #FFF;}
.blog .item .title{  margin-bottom: 5px;  padding: 0 5px 5px 21px; }
.blog .item .title hr.line{background: #FDDA0D; height: 3px; width: 55%; border: 0; margin: 5px 0;}
.blog .item .title h2{margin: 0; padding: 0;}
.blog .item .title a{font-family: 'Lemonada', cursive;  font-size: 18px;  color: #111;}

.the-word{min-height: 611px; position: relative;}
.the-word .caption{position: absolute; z-index: 99; top: 25%; margin: auto; left: 0;right: 0; text-align: center; color: #FFF; text-shadow: 10px 10px 10px #333;}

.the-word .svg-inner-wrapper{position: absolute;width: 100%;z-index: 9;bottom: -8px;}
@media (max-width:767px) {
.the-word{height: 610px; }
}
.companies-list{background-color: #e7ecee; min-height: 377px; padding: 55px 0; position: relative;}
.companies-list .svg-inner-wrapper{position: absolute;width: 100%;z-index: 999;bottom: -8px;}
.companies-list .companies{direction: ltr}
.companies-list .companies div.item{background: #FFF; position: relative;}
.companies-list .companies div.item .caption{ position: absolute; height: 0;text-align: right; background: rgba(0,0,0,.8); padding: 13px; width: 100%; 
  height: 100%; top: 50%; transition: all .3s;}
.companies-list .companies div.item:hover .caption{ position: absolute;;  z-index: 9; top: 0; }
.companies-list .companies div.item .caption a{color: #FFF; display: block; height: 100%; width: 100%;}
.companies-list .companies .owl-nav .owl-prev{ position: absolute; left: -50px; width: 34px;  top: 34%; background: unset; color: #FDDA0D}
.companies-list .companies .owl-nav .owl-next{ position: absolute; right:  -50px; width: 34px;  top: 34%;  background: unset; color: #FDDA0D}
.companies-list .companies .owl-dots .owl-dot span{width: 21px; background: #C2B280}
.companies-list .companies .owl-dots .owl-dot.active span{width: 34px; background: #FDDA0D}
@media (max-width:767px) {
.companies-list .companies .owl-nav{display: none;}
}

.maps{min-height: 477px; position: relative; z-index: 990; }
.maps .svg-inner-wrapper{position: absolute;width: 100%;z-index: 9;bottom: -45px;}
.footer-dark {color:#f0f9ff;background:#C2B280; z-index: 999; margin-top: 34px;
background:-moz-linear-gradient(90deg, #C2B280 0%, #FDDA0D 30%, #C2B280 100%);
  background:-webkit-linear-gradient(90deg, #C2B280 0%, #FDDA0D 30%, #C2B280 100%);
  background:linear-gradient(90deg, #C2B280 0%, #FDDA0D 30%, #C2B280 100%);  }
.footer-dark .footer{padding: 10rem 0 3rem 0;}
.footer-dark .svg-inner-wrapper{position: absolute; margin-top:-15px;  transform: translateY(-1px) rotate(180deg);
    position: absolute;z-index: 9999;
    width: 100%;}

.footer-dark *{text-align: right;}
.footer-dark h3 {margin-top:0;margin-bottom:12px;font-weight:bold;font-size:16px;}
.footer-dark ul {padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0;}
.footer-dark ul a {color:inherit;text-decoration:none;opacity:0.6;}
.footer-dark ul a:hover {opacity:1;color: #FFF;}
.footer-dark .item{margin-bottom: 34px;}
@media (max-width:767px) {
  .footer-dark .item:not(.social) {text-align:center;padding-bottom:20px;}
}
.footer-dark .item.text {margin-bottom:36px;}
@media (max-width:767px) {
  .footer-dark .item.text {margin-bottom:0;}
}
.footer-dark .item.text p {opacity:0.6;margin-bottom:0; text-align: justify;}
.footer-dark .item.social {text-align:center;}
@media (max-width:991px) {
  .footer-dark .item.social {text-align:center;margin-top:21px;margin-bottom: 21px;}
}
.footer-dark .footer-footer{background: #C2B280; padding: 34px 0;}
.footer-dark .item.social > a {font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;
  text-align:center;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,0.4);margin:0 8px;color:#fff;opacity:0.75;}
.footer-dark .item.social > a:hover {opacity:0.9;}
.footer-dark .copyright {text-align:center;padding-top:13px;opacity:0.9;font-size:13px;margin-bottom:0;}
.footer-dark .copyright a {color:inherit;text-decoration:none;opacity:0.9;}
.footer-dark .copyright a:hover {opacity:1;color: #FFF;}