@charset "UTF-8";
/* Arabic Fonts */
@font-face {
  font-family: rj-font;
  src: url('../fonts/Rj.eot');
  src: url('../fonts/Rj.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Rj.woff') format('woff'), 
  url('../fonts/Rj.ttf') format('truetype'), 
  url('../fonts/Rj.svg#thesansplain') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*-------------------------------------------------------------
							common
---------------------------------------------------------------*/

html, body {height: 100%;}
#wrap {min-height: 100%;background:#12171D url('../images/Rj-BG.jpg') center top no-repeat !important}
#main {overflow:auto;padding-bottom:20px;}
.maincontainer{overflow-x: hidden !important;}
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus,button:focus,button:active,button:hover,label:focus,.btn:active,.btn.active
{outline:0px !important;/*-webkit-appearance:none  !important;*/}
textarea{resize:none}
body{font-family:rj-font,Arial,sans-serif;font-size: 16px;color:#fff }
a,a:active,a:focus{color:#fff; outline: 0;}
.panel-border{border:1px #000 solid;border-radius:15px;margin:15px}
h1{font-size:34px !Important}
h4{font-size:20px !important}
.on{display:block !important}
.error{color:red;font-size:12px}
.Emp-Form .error{color: #ffed00;font-size:14px}
section{margin-top: 25px;}
.has-error .form-control{border-color: #da4a48;}
.has-error .control-label{color:#da4a48}
.selectStyle,.selectStyle2{appearance:none !important;-moz-appearance:none !important; -webkit-appearance:none !important;cursor:pointer !important;color:#808080}
.selectStyle{background: url(../images/select-BG.gif) no-repeat left white !important;}
.selectStyle2{background: url(../images/select2-BG.gif) no-repeat left white !important;}
.selectStyle::-ms-expand, .selectStyle2::-ms-expand {display: none;}
.Delay800{animation-delay: 800ms}
.bd{font-family:rj-font !important}
.btn{border-radius:8px;font-size: 16px;padding: 3px 12px 6px;}
.btn-lg{font-size:22px;padding: 6px 12px}
.sml{font-size:12px;border-radius: 12px;padding: 2px 10px}
.txt-shadow{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.51);}
.form-control{height:37px;font-size:16px}
.sm-hint{font-size:12px; color:#808080;margin-bottom:10px}
.pnk{color:#b864a8 !important}
.bgpnk{background:#b864a8 !important}
.mainTitle{padding:5px 0 12px;border-bottom:1px #DBDBDB solid;position:relative;margin-bottom:30px} /*-----Main Titles-------*/
.mainTitle:before{content:'';width:70px;height:2px;background:#354e8b;position:absolute;top:50px}
.TopMore{position: absolute;top: 20px;left: 0px;} /*-----Top section More-------*/
.TopMore:before{content:'\f067';display:inline-block;margin-left:5px;font-family:'FontAwesome'}
.btn,a,.ease{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn:hover,a:hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}

/*go to top*/
#to-top {position: fixed;right: 10px;bottom: -100px;z-index: 55;overflow: auto;padding: 12px 14px 14px;font-size: 18px;line-height: 10px;cursor: pointer;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;-webkit-transition: all .7s ease-in-out;transition: all .7s ease-in-out;background-color: #203842;color: #fff;}

/*Tooltips*/
.tooltip {font-family:rj-font,Arial,sans-serif;position: fixed;z-index: 999999;padding: 7px;border-radius:5px;background: #B864A8;color: #fff;text-align: center;font-size: 11px;-moz-transition: all 0.1s ease !important;-ms-transition: all 0.1s ease !important;-o-transition: all 0.1s ease !important;-webkit-transition: all 0.1s ease !important;transition: all 0.1s ease !important;}
.tooltip:after {position: absolute;bottom: -4px;left: 40%;display: inline-block;width: 0;height: 0;border-width: 4px 5px 0 5px;border-style: solid;border-color: #B864A8 transparent transparent transparent;content: "";}
.lft-tip:after {right: -5px;bottom: 25%;left: auto;border-width: 5px 0 8px 8px;border-color: transparent transparent transparent #B864A8;}
.rit-tip:after {bottom: 25%;left: -5px;border-width: 5px 8px 8px 0;border-color: transparent #B864A8 transparent transparent;}
.bot-tip:after {top: -5px;bottom: auto;border-width: 0 4px 5px 5px;border-color: transparent transparent #B864A8 transparent;}


/*-------------------------------------------------------------
						   Header
---------------------------------------------------------------*/

/*Page Loader*/
.page-loader {position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.9);}
.loader-in {position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;width: 60px;height: 60px;}
.status {position: relative;z-index: 0;width: 60px;height: 60px;}
.status span {width: 60px;height: 60px;position: absolute;top: 0;left: 0;z-index: 0;border: 6px solid #d9d9d9;border-radius: 50%;}
.loader{width: 150px;height: 150px;position: absolute;top: 50%;left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform:    translate3d(-50%,-50%,0);
-ms-transform:     translate3d(-50%,-50%,0);
-o-transform:      translate3d(-50%,-50%,0);
transform:         translate3d(-50%,-50%,0); perspective:1200;}
.flipper{position: relative;display: block;height: inherit;width: inherit;-webkit-transform: preserve-3d;-moz-transform:    preserve-3d;-ms-transform:     preserve-3d;-o-transform:      preserve-3d;transform:         preserve-3d;
-webkit-animation: rotateplane 1s infinite ease-in-out; /* Safari 4+ */
-moz-animation:    rotateplane 1s infinite ease-in-out; /* Fx 5+ */
-o-animation:      rotateplane 1s infinite ease-in-out; /* Opera 12+ */
animation:         rotateplane 1s infinite ease-in-out; /* IE 10+, Fx 29+ */}
.front{text-align:center}
.front, .back{position:absolute;font-size:20px;top:0;left:0;backface-visibility:hidden;display: block;height: 100%;width: 100%;}
.back{background-color: #1abc9c;z-index:800;transform:rotateY(-180deg);}
.front:before{content:'';}
@keyframes rotateplane {
from { transform: rotateY(0deg) }
to { transform: rotateY(720deg) }
}

/*Top bar*/
.home-headerBG{height: 104px;}
.logo{height:150px;width:263px;display: block;z-index: 21;position: relative;}
.lang {text-align:left;position:relative;padding-top: 120px;}
.lang > a {color:#fff;font-weight:normal;padding-right:12px;padding: 6px 12px 6px 0px;display: inline-block;font-size: 14px;}
.lang span{color:#a58834;font:bold 14px Arial, Helvetica, sans-serif}
.logo{background:url('../images/Logo-small01.png') center top  no-repeat;margin-top: 70px;}

/*-------------------------------------------------------------
						content
---------------------------------------------------------------*/

.homeCrown{height:571px;background:url('../images/crown_img.png') center center no-repeat;margin-top: -60px;padding-top: 230px;}
.top-menu div:nth-child(1){padding-left: 27px;}
.top-menu div:nth-child(1):before{content:url('../images/us-icon.png');display:block;padding-left: 22px;}
.top-menu div:nth-child(2){padding-left: 37px;}
.top-menu div:nth-child(2):before{content:url('../images/gear-icon.png');display:block;padding-left: 9px;}
.top-menu div:nth-child(3){padding-right: 25px;text-align:right}
.top-menu div:nth-child(3):before{content:url('../images/Emp-icon.png');display:block;padding-right: 16px;}
.top-menu div:nth-child(4){padding-right: 25px;text-align: right;}
.top-menu div:nth-child(4):before{content:url('../images/envlop-icon.png');display:block;padding-right: 20px;}
.top-menu a:hover{color:#fff0c4}
.logo-name{background:url('../images/Logo-Name.png') center center no-repeat;height:134px;margin-top: 30px;}
.cd-main-nav{list-style:none;margin:0px;padding:170px 0 0 20px;}
.navPanel .panel-default>.panel-heading, .navPanel .panel-default{background-color:transparent }
.navPanel .panel-default>.panel-heading, .navPanel .panel-default{border:0px}
.navPanel .panel-heading{padding:0px}
.navPanel .panel-group{margin-bottom: 0px;}
.navPanel .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0px;border-bottom: 0px;}
.navPanel .panel-default>.panel-heading+.panel-collapse>.panel-body{padding-right:0px}
#accordion2 a{font-size:13px;padding:5px 0 5px 5px}
#accordion2 .panel-collapse{    background: rgba(37, 62, 67, 0.35);border-left: 3px #dcc07a solid;}

.WBg-content{background: rgba(228, 202, 128, 0.15);margin-top: 30px;min-height:663px;padding:50px}
.WBg-content .txtArea{min-height:40px}
h3.headTitle{margin: 0 0 10px;background:url('../images/Title-bg.png') center bottom no-repeat;height: 58px;color:#ffecb4}
.WBg-content .txtArea p{margin:25px 0;font-size: 13px;text-align:justify;text-shadow: 1px 1px 2px #6d5827;}
.WBg-content .txtArea p img{float:right;margin-top: 20px;}
.WBg-content .imgArea{}
.Rj-img{border:2px #e4ca80 solid;width: 292px;/*overflow: hidden;*/margin-top: 88px;direction:ltr}
.Sector-content{padding-top: 40px;}
.Sector-content h3{color:#e4ca80}
.sector-images > div{width:292px}
.Sec-img{width:342px;display:inline-block}
.alignimg{display: inline-block;width: 147px;float:left;height: 200px}
.alignimg2{display: inline-block;width: 294px;float:left;height: 200px}


.grid figure {position: relative;float: left;overflow: hidden;margin: 1px;width: 292px;max-height: 360px;height: auto;background: #bf9b38;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.64)}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
.grid {position: relative;clear: both;margin: 0 auto;padding: 1em 0 4em;max-width: 1000px;list-style: none;text-align: center;}
figure.effect-hera img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.12);transform: scale(1.12);}
figure.effect-hera h2 {font-size: 158.75%;}
figure.effect-hera h2,figure.effect-hera p {position: absolute;top: 50%;left: 50%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);-webkit-transform-origin: 50%;transform-origin: 50%;}
figure.effect-hera figcaption::before {position: absolute;top: 50%;left: 50%;width: 120px;height: 120px;border: 1px solid #d3bc7b;content: '';opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin: 50%;transform-origin: 50%;}
figure.effect-hera p {width: 130px;text-transform: none;}
figure.effect-hera p a {color: #fff;font-size:15px}
figure.effect-hera p a:hover,figure.effect-hera p a:focus {text-decoration:none;color:#d3bc7b}
figure.effect-hera:hover img {opacity: 0.7;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-hera figcaption::before {opacity: 1;transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);}
figure.effect-hera:hover figcaption::before {opacity: 1;-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(2,2,2);}
figure.effect-hera:hover p{transform: translate3d(-50%,-50%,0) scale3d(1.2,1.2,1.2);}

.SectorItem-content{padding-top: 40px;position: relative;min-height:600px}
.SecGallery{background:#E4CA80;min-height:510px}
.SecInfo{min-height: 492px;position: absolute;right: 0px;width: 60%;margin-top: 9px;z-index:15;    
background: -moz-linear-gradient(top, rgba(25,37,43,0.8) 0%, rgba(227,201,128,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(25,37,43,0.8) 0%, rgba(227,201,128,0.8) 100%);
background: linear-gradient(to bottom, rgba(25,37,43,0.8) 0%, rgba(227,201,128,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19252b', endColorstr='#e3c980',GradientType=0 );
}
.secItmlogo{padding-top:40px;padding-bottom:30px}
.SecInfo .headTitle{color:#e4ca80}
.SecInfo .p-content{padding:10px 70px 0;overflow-y:auto;height:220px}
.SecInfo p{font-size:13px;color:#fff;text-align:justify;line-height:1.3;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.64) }
.toman{background:url('../images/Com-img/TomanImg.jpg') no-repeat}
.tomnimg2{clear: both;text-align: right;padding: 10px 32px 0 0;}
.tomnimg2 img{margin:0 10px}
.Lebanh{background:url('../images/Com-img/LebanhImg.jpg') no-repeat}


.Emp-p{padding-top:10px;text-align:justify;border-bottom:1px #d4b77a solid;padding-bottom:40px}
.Emp-Form{padding:4px 0 0}
.Emp-Form .form-group input[type=text],.Emp-Form .form-group textarea{background-color:transparent;border:0px;border-radius:0px;border-bottom:1px #d4b77a solid;color:#fff;-webkit-box-shadow:none;font-size:14px;padding-left: 0px;}
.Emp-Form .form-group input[type=text]:focus{border-bottom-color:#66afe9}
.Emp-Form .form-group textarea:focus{box-shadow:none}
.Emp-Form .form-group input[type=text]::-webkit-input-placeholder, .Emp-Form .form-group textarea::-webkit-input-placeholder {color:#fff;}
.Emp-Form .form-group input[type=text]::-moz-placeholder, .Emp-Form .form-group textarea::-moz-placeholder {color:#fff;}
.Emp-Form .form-group input[type=text]:-ms-input-placeholder, .Emp-Form .form-group textarea:-ms-input-placeholder {color:#fff;}
.Emp-Form .form-group input[type=text]:-moz-placeholder, .Emp-Form .form-group textarea:-moz-placeholder { color:#fff;}

#fileselector {margin: 10px}
#fileselector .btn{background: #c69c6d;float: left;border: 0px;border-radius: 3px;font-size: 13px;color: #fff;font-family: tahoma;padding: 9px;font-family:rj-font;
 -moz-box-shadow:    2px 2px 3px 0px rgba(8, 8, 8, 0.55);
  -webkit-box-shadow: 2px 2px 3px 0px rgba(8, 8, 8, 0.55);
  box-shadow:         2px 2px 3px 0px rgba(8, 8, 8, 0.55);
}
#fileselector .btn:hover{background:#af7d45}
#upload-file-selector {display:none}
.margin-correction {margin-right: 10px}
.sendBtn{clear:both;margin-top:40px;text-align:center}
.btn-site {padding: 8px 60px;background: #948846;}
.btn-site:hover{color:#fff;background:#796d2a}
.footerIcons{display:block;clear:both}
.footerIcons i {color:#fff;font-size:18px;margin:0 7px}
.footerIcons i:hover{color:#C69C6D}

.Contact-content{padding-top:20px}
.ContactArea{background:url('../images/contac-img.png') center top no-repeat;min-height:577px}
.MapArea{background:#fff;min-height:577px;position:relative}
.contactInfo{padding-top:130px}
.gm-style .gm-style-iw{color:#000;text-align:left;direction:ltr}
.contactBox{background: rgba(255, 255, 255, 0.84);width: 380px;height: 295px;position: absolute;bottom: 30px;left: 40px;z-index: 10;padding:10px 0}
.contactBox .form-group input[type=text],.contactBox .form-group textarea{border-radius:0px;font-size:13px;text-align:left}
.contactBox .form-group input[type=text]{height:30px}
.contactBox .sendBtn {margin-top:0px}
.contactBox .sendBtn .btn-site{background:#ff4200;border-radius:0px;float:left;padding-left:20px;padding-right:20px}
.contactBox .sendBtn .btn-site:hover{color:#fff;background:#bb390b}
.cont-txt{padding-top:30px}
.cont-txt .itm{margin-bottom:30px}
.cont-txt .itm i{vertical-align:top;font-size: 30px;margin-right: 24px;color: #e4ca80;}
.cont-txt .inf{display:inline-block}
.cont-txt .inf a{color:#dfbe5d}
.cont-txt .inf span{display:block;font-size: 17px;padding-right: 34px;}
.cont-txt .inf span.tit{font-weight:bold;font-size:15px}

/*Images Slider*/
.imgArea .carousel-indicators{bottom:-50px;right: 58px;}
.imgArea .carousel-control .icon-prev, .imgArea .carousel-control .glyphicon-chevron-left{left: 19%;}
.Sld-img{direction:ltr}
.Sld-img .carousel-indicators{bottom: -40px;right: 20%;}
.carousel-indicators li{border:0px;background:rgba(228, 202, 128, 0.32)}
.carousel-indicators li, .carousel-indicators .active{margin:0 5px !important;width:12px;height:12px}
.carousel-indicators .active{background:#e4ca80}
.Sld-img  .carousel-control .icon-prev, .Sld-img  .carousel-control .glyphicon-chevron-left{left: 39%;}

.thankDiv{color: #b1913d;padding: 86px 25px 73px;text-align: center;margin: 13px 20px;border: 2px #e3c96a solid;background: #e6e6e6;}
.thankDiv a{color:#478c58}
.brws{background: rgba(210, 177, 84, 0.12);border: 1px #e6c866 solid;color: #fff;}
.CaptchaLink, .CaptchaLink:hover, .CaptchaLink:focus{color:#dfbe5d;font-size:13px}
.empThanks{text-align: center;background: rgba(41, 33, 18, 0.41);padding: 100px 50px;border: 1px #d5b457 solid;}

/*-------------------------------------------------------------
							  Footer
---------------------------------------------------------------*/

.footer {position: relative;margin-top: -20px;min-height: 20px;clear:both;padding-top:20px;} 
.footWrapper{}

/*-------------------------------------------------------------
							Responsive
---------------------------------------------------------------*/
@media(max-width:768px){/*-------for Tabs&Mobiles--------*/
	.logo{margin-top: 30px;}
	.lang{padding-top: 30px;}
	.cd-nav-trigger{top: 85px;}
	.SecInfo{position:relative;width: 100%;min-height:auto}
	.SecInfo .p-content{padding: 10px 15px 20px;height: auto;}
	.SecGallery{width: 385px;margin: 19px auto 30px;}
}


@media(max-width:480px){/*-------for Mobiles--------*/
	.homeCrown{height:571px;background:url('../images/crown_img.png') center top no-repeat;margin-top: -60px;padding-top: 230px;background-size: contain;}
	.top-menu{margin-top:30px}
	.top-menu div:nth-child(1),.top-menu div:nth-child(2),.top-menu div:nth-child(3),.top-menu div:nth-child(4){text-align: center;padding: 15px;font-size:30px;margin-bottom: 30px;margin-bottom: 10px;background: rgba(200, 185, 126, 0.49);border: 1px #dcbe74 solid;}
	.top-menu div:nth-child(1):before,.top-menu div:nth-child(2):before,.top-menu div:nth-child(3):before,.top-menu div:nth-child(4):before{display:inline-block;padding-right:20px;padding-left: 0px}
	.WBg-content{padding: 50px 10px;}
	.WBg-content .imgArea{text-align: center;}
	.lang a{ font-size:12px}
	.lang span{ font-size:9px}
	.SecGallery{min-height: 418px;width: 315px;}
	.contactBox{width:auto}
	.tomnimg2{padding: 10px 0 0 0px;text-align: center;}
	.tomnimg2 img{margin: 0 0px 10px 8px;}
	.cont-txt .inf span{font-size: 14px;}

}