
@font-face {
  font-family: 'SwissraBold';
  src: url(../fonts/Swissra-Bold.eot); 
  src: url(../fonts/Swissra-Bold.eot?#iefix) format('embedded-opentype'), 
       url(../fonts/Swissra-Bold.woff) format('woff'), 
       url(../fonts/Swissra-Bold.ttf)  format('truetype'),
       url(../fonts/Swissra-Bold.svg#svgFontName) format('svg'); 
       font-weight: normal;
       font-style: normal;
}
@font-face {
  font-family: 'Swissranormal';
  src: url(../fonts/Swissra-Normal.eot); 
  src: url(../fonts/Swissra-Normal.eot?#iefix) format('embedded-opentype'), 
       url(../fonts/Swissra-Normal.woff) format('woff'), 
       url(../fonts/Swissra-Normal.ttf)  format('truetype'),
       url(../fonts/Swissra-Normal.svg#svgFontName) format('svg'); 
       font-weight: normal;
       font-style: normal;
}
*{margin: 0;padding: 0;}
body{text-align:center;background-size: cover;background-image: url("../img/bg.png");font-family: 'SwissraBold';direction: rtl;}
header{position: absolute;  top: 0;  width: 100%;}
.page-logo{position: fixed;z-index:99; top: 0; left: 20%; border: 0;}
.container {margin:0 auto;overflow: hidden;position: relative;}
/* section */
.slide{background-size: cover;}
.ceo-bg {position: relative;z-index: 0;}
/*
#section0{top:-20px;background: url(../img/ceo-bg.jpg) no-repeat top center scroll;background-size: cover;}
*/
#section0 .copy {position: absolute;width: 40%;text-align: right;left: 16%;z-index: 999;top: 30%;}
#section0 .copy1 {position: absolute;width: 62%;text-align: right;left: 20%;z-index: 999;top: 51%;height:400px;}
#section0 h1,#section1 h1,#section2 h1{color: #d4923b;font-size: 40px;}
#section0 p{font-family: 'Swissranormal';color: #000;}

#section3 h1{color: #000;}
#slide1{background-image: url(../img/bg2.jpg);padding: 6% 0 0 0;}
#slide2{background-image: url(../img/bg5.jpg);padding: 6% 0 0 0;}
#section2 h2 {color: #d4923b;font-size: 36px;text-align: center;padding: 15px 0;margin: 10px 0;}
#infoMenu li a {color: #fff;}

/*  nav toggle */
.toggle-menu {width: 50px;height: 50px;/*display: inline-block;*/display:none;position: relative;top: 10px;z-index: 999;right:20%;}
.toggle-menu i {position: absolute;display: block;height: 3px;background:#d4923b;width: 30px;right: 10px;-webkit-transition: all .3s;        transition: all .3s;}
.toggle-menu i:nth-child(1) {top: 16px;}
.toggle-menu i:nth-child(2) {top: 24px;width: 25px;}
.toggle-menu i:nth-child(3) {top: 32px;width: 20px;}
.open-menu i:nth-child(1) {top: 25px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.open-menu i:nth-child(2) {background: transparent;}
.open-menu i:nth-child(3) {top: 25px;-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);width: 30px;}
nav {height: 0;opacity: 0;  box-sizing: border-box;background:rgba(0, 47, 77, .25);position: fixed;
top: 70px;width: 100%;-webkit-transition: all 3s;transition: all 3s;}
.open-menu ~ nav {  opacity: 1;padding: 80px 0; z-index: 15;height: calc(90vh - 70px);}
nav ul {padding: 0 10px;display: -webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;}
nav li {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
nav li a {font-size: 2em;display: block;padding: 30px;text-align: center;-webkit-transition: background .3s;transition: background .3s;}
nav li:nth-child(odd) a,body.fp-viewing-fifthSection-1 #menu li:nth-child(5) a {background: #962D3E;}
nav li:nth-child(even) a {background: #aa3346;}
nav li:nth-child(odd) a:hover {background: #9e2f41;}
nav li:nth-child(even) a:hover {background: #c53c52;}
nav li.active a,body.fp-viewing-fifthSection-1 #menu li:last-child a {  background: #453659;}

.l-left {float: left;}
.l-right {float: right;}

/* footer */
footer {position: fixed;bottom: 0;width: 100%;padding: 10px 0;}

.social-link {width:33%;float: left;}
.social-link li {float: left;margin: 0 1%;-webkit-box-shadow: -1px 5px 13px -6px rgba(0,0,0,0.75);-moz-box-shadow: -1px 5px 13px -6px rgba(0,0,0,0.75);box-shadow: -1px 5px 13px -6px rgba(0,0,0,0.75);}
.footer-info {width:30%;float: left;}
.footer-info li {float: left;margin: 2%;}
.footer-info a {color: #2e3341;}
.footer-logo {width:36%;float: left;}
.footer-logo a {float: right;margin-left: 10px;}
.footer-logo p {font-size: 14px;color: #2e3341;text-align: right;margin: 0 10px;padding-top: 20px;}


/* Twitter widget */
.fb-tw-col {float: none; margin: 0 auto; max-width: 100%; width: 100%;}
.widget .dib { float: left; width: 48%; border: 1px solid #aaaaaa;}
.widget .dib + .dib {margin-left: 3%;}
.tw-col {height: 325px !important; overflow-y: scroll; width: 100%;}
.fb_iframe_widget.fb_iframe_widget, .fb_iframe_widget iframe { width: 100% !important;}
.timeline-Widget{width: 100% !important}


/* contact-form*/
.ceo-img {padding: 0;}
.ceo-img img {border: 7px solid #d4923b;}
.contact-form h2 {color:#d4923b; font-size: 36px;text-align: right;}
.contact-form .form-horizontal {margin:20px 0;}
.contact-form .form-control {margin: 2px 0;background: transparent;padding: 20px;border: 3px solid #9ea1a2;border-radius: 0;}
.contact-form .btn-primary{margin: 2px 0;background: transparent;padding:10px 20px;border: 3px solid #d4923b;border-radius: 0;color:#d4923b;width: 100%;}

/* slider */
.jssora11l, .jssora11r {display: block;position: absolute;width: 37px;height: 37px;cursor: pointer;background: url(../img/a17.png) no-repeat;overflow: hidden;}
.jssora11l { background-position: -11px -41px; }
.jssora11r { background-position: -71px -41px; }
.jssora11l:hover { background-position: -131px -41px; }
.jssora11r:hover { background-position: -191px -41px; }
.jssora11l.jssora11ldn { background-position: -251px -41px; }
.jssora11r.jssora11rdn { background-position: -311px -41px; }

.jssorb05 {position: absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: absolute;width: 16px;height: 16px;background: url(../img/b05.png) no-repeat;overflow: hidden;cursor: pointer;}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


#fp-nav ul li .fp-tooltip.left {color: #d4923b;font-weight: 700;}