body{line-height:30px;color: #ccc;font-size:16px;font-family: 'Raleway', sans-serif;background:#1A1A1A;overflow:hidden;}
body{--pc:#2a2b29;--sc:#ae9355;}
p{text-align:justify;}
ul, ol{list-style: none;-webkit-padding-start:0px;-moz-padding-start:0px;}
a{color:var(--sc);}
a:hover, a:active, a:focus{text-decoration:none;color:#FFF;}
::selection{color:#FFF;background:var(--pc);}
.margin-top-30{margin-top:30px;}
.margin-auto{margin:auto;}
.clr{clear:both;}
.bg-styles{background-size:cover !important;background-position:center !important;}
.inline {display: inline-block;}
*{outline:none !important;}
.left-md-center, .right-md-center{text-align:center;}
.left-md-center img, .right-md-center img{margin:auto;}
.no-padding{padding:0;}
.inline-img{float:none;}
.text-center img{margin:auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:var(--sc);font-weight:700;}
.rtl{direction:rtl;}
.full-width{width:100%;}

/* Preloader */
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#252525;z-index:9999999999999999999;}
#status{width:100%;height:100%;position:absolute;left: 0;top: 0;background-image: url(../images/preloader.gif);filter:grayscale(.6);background-repeat:no-repeat;background-color:#252525;background-position:center;}
.preloader-logo{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:99999999999999999999;}

.top-bar{padding:5px 0;background:var(--pc);color:#FFF;font-weight:400;}
.top-bar ul{margin:0;}

.top-bar .social-header li{display:inline-block;margin-right:10px;}
.top-bar .social-header li:last-child{margin-right:0px;}
.top-bar .social-header li a{color:#FFF;}
.top-bar .social-header:hover li a{opacity:.3;}
.top-bar .social-header li a:hover, .top-bar .social-footer li a:active, .top-bar .social-footer li a:focus{color:#FFF;opacity:1;}

.absolute-area{position:absolute;width:100%;z-index:999;}
.relative{position:relative;}
.languages{position:absolute;color: #EEE;display:flex;top:-4px;right:0;background: var(--pc);border-radius:0 0 4px 4px;font-size:14px;line-height: 20px;z-index:9;padding:5px;}
.languages li{margin: 0 4px;border-right: 1px solid #444;padding-right:5px;}
.languages li:first-child, .languages li:nth-child(2){border:none;padding:0;}
.languages li a{color: #FFF;/* display:flex; */}

.header-social{margin-top:30px;}
.header-social ul li{display:inline-block;width:42px;height:42px;overflow:hidden;position:relative;border-radius:50%;}
.header-social ul li a{display:block;width:42px;height:42px;color: #fff;padding-top:7px;text-align:center;transition:.3s;background: #222;}
.header-social ul li a:hover,.header-social ul li a:active,.header-social ul li a:focus{background:var(--sc);}

.header-contact{direction:ltr;margin-top:30px;font-size:20px;color: #ffffff;}
.header-contact i{width:42px;height:42px;border-radius:50%;background: #222;color:#FFF;padding-top:6px;font-size:30px;text-align:center;}

.logo-area{padding:4px 0;overflow:hidden;background: #2a2b29cf;}
/*hazem*/
.logo img{max-height: 90px;/* margin: 0px auto; */}

.nav-con{z-index:999;position:relative;/* background: #2a2b29; *//* border-bottom: 1px solid #483d1c; */}
.navbar{min-height:50px;border:none;z-index:9;box-sizing:border-box;/* text-transform:uppercase; */margin:0;/* overflow:hidden */}
/*.navbar-default .navbar-brand{height:auto;padding:20px 10px 15px;background:#a68f49;color:#ffffff;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:active{color:#FFF;background:#d4ad36;}*/
.navbar-default{background-color: #2a2b298f;}
.navbar-header{text-align:center;}
.navbar-toggle{margin:13px auto;float:none;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle{background:none;border:none}
.navbar-default .navbar-toggle .icon-bar{background:#FFF}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#ffffff30}
.navbar-default .navbar-nav>li>a{color:#fff;text-align:center;transition:.3s;/* margin-top:3px; *//* margin-bottom:3px; *//* font-size: 20px; */border-bottom: 3px solid transparent;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #ffffff;background: #00000040;border-bottom: 3px solid var(--sc);}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color: #ffffff;background: #00000040;border-bottom: 3px solid var(--sc);}
.fixed-bg{}
.navbar-fixed-top{border-bottom:2px solid var(--pc) !important;background: #333;}

@media(min-width:768px){
.navbar { border-radius:0;}
.navbar-nav>li {float:none;display:inline-block;margin:0 -2px;}
.navbar-nav>li>a {padding-top:17px;padding-bottom:12px;}
.navbar-nav {margin:0;float:none;text-align:center;/* margin-left:-15px; */}
.navbar-header{float:right;}
.navbar-default .navbar-nav>li>a{font-size: 18px;padding-left: 10px;padding-right: 10px;}
}
@media(min-width:992px){
.logo-header img{margin:3px 0;}
.navbar-default .navbar-nav>li>a{font-size: 18px;padding-left: 14px;padding-right: 14px;}
}
@media(min-width:1200px){
.navbar-default .navbar-nav>li>a{font-size: 16px;padding-left:16px;padding-right:16px;}
}

.slider-con{position:relative;z-index:0}
.bs-slider{overflow:hidden;position:relative;background:#000}
.bs-slider:hover{cursor:-moz-grab;cursor:-webkit-grab}
.bs-slider:active{cursor:-moz-grabbing;cursor:-webkit-grabbing}
.bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.0)}
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img{margin:auto;width:100%!important}
.fade{opacity:1}
.fade .item{height:700px;top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s;background-size:cover;background-position:center}
.fade .item:first-child{top:auto;position:relative}
.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.control-round .carousel-control{top:47%;opacity:0;width:45px;height: 54px;z-index:100;color:#fff;display:block;font-size:30px;cursor:pointer;overflow:hidden;line-height: 54px;text-shadow:none;position:absolute;font-weight:400;background:transparent;-webkit-border-radius:100px;border-radius: 0;}
.control-round:hover .carousel-control{opacity:1}
.control-round .carousel-control.left{left:1%}
.control-round .carousel-control.right{right:1%}
.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{color:#fdfdfd;background:rgba(0,0,0,0.5);border:0 transparent}
.control-round .carousel-control.left>span:nth-child(1){left:45%}
.control-round .carousel-control.right>span:nth-child(1){right:45%}
.indicators-line > .carousel-indicators{right:0;bottom:3%;left:auto;width:100%;height:20px;font-size:0;overflow-x:auto;overflow-y:hidden;padding-left:10px;padding-right:10px;padding-top:1px;white-space:nowrap;text-align:center}
.carousel-indicators li{width:25px;height:6px;background-color:#fff;border:none;border-radius:0;margin:0 5px 0 0;transition:.3s;transform:skew(-60deg,0deg)}
.carousel-indicators .active{width:25px;height:6px;background-color:var(--sc);border:none;margin:0 5px 0 0}
.slide_style_left{text-align:left!important}
.slide_style_right{text-align:right!important}
.slide_style_center{text-align:center!important}
.slide-text{margin:auto;text-align:left;padding-top:240px;}
.slide-text h1 {padding:0;color: #ffffff;font-size:48px;font-style:normal;line-height:50px;margin-bottom:30px;/* text-transform:uppercase;*/display:inline-block;-webkit-animation-delay:0.7s;animation-delay:0.7s;/*text-shadow:0 0 14px #000000;*//* text-shadow:3px 2px 1px #000000d1;*/}
.slide-text p {/* padding:0 30px;*/color: #ffffff;font-size: 18px;/* line-height: 30px; */font-weight:300;margin-bottom:40px;letter-spacing:1px;-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.slide-text img {max-height:280px;margin:0 auto;border:6px solid #AAA;outline:1px solid #777;}
.slide-text a.btn-default{color:#000;font-weight:400;font-size:13px;line-height:15px;margin-right:10px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;display:inline-block;border:none;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;transition:background 0.3s ease-in-out, color 0.3s ease-in-out;}
.slide-text a.btn-primary{color:#ffffff;cursor:pointer;font-weight:400;font-size:13px;line-height:15px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;background:var(--pc);display:inline-block;text-decoration:none;text-transform:uppercase;border:none;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;transition:background 0.3s ease-in-out, color 0.3s ease-in-out;}
.slide-text a:hover, .slide-text a:active {color:#ffffff;background:var(--sc);-webkit-transition:background 0.5s ease-in-out, color 0.5s ease-in-out;transition:background 0.5s ease-in-out, color 0.5s ease-in-out;}
@media (max-width: 991px) {
	.bs-slider-overlay{background-color:rgba(0,0,0,0.6)}
    .slide-text h1 {font-size:40px;line-height:50px;margin-bottom:20px;}
    .slide-text p {font-size:18px;}
}
@media (max-width: 768px) {
	.bs-slider-overlay{background-color:rgba(0,0,0,0.6)}
	.slide-text {padding: 180px 10px;}
    .slide-text h1 {font-size:42px;line-height:40px;margin-bottom:10px;}
    .slide-text p {font-size: 18px;/* line-height: 22px; */margin-bottom:20px;}
.control-round .carousel-control{display:none}
}
@media (max-width: 480px) {
    .slide-text h1 {font-size:20px;line-height:25px;margin-bottom:5px;}
    .slide-text p {font-size:12px;line-height:18px;margin-bottom:10px;}
    .slide-text a.btn-default, 
    .slide-text a.btn-primary {font-size:10px;line-height:10px;margin-right:10px;text-align:center;padding:10px 15px;}
.indicators-line .carousel-indicators{display:none}
}

.section{padding:30px 0 60px;overflow:hidden}
.heading{font-size:36px;color:var(--sc);font-weight:700;margin-bottom:60px;}
.heading span{position:relative;padding-bottom:9px;border-bottom:1px solid #626262;}
.heading span::before{content:'';position:absolute;width:14px;height:14px;background:var(--sc);top:44px;left:50%;transform:translateX(-50%);border:3px solid #626262;}

.services-con{overflow:hidden;margin-top:30px;}
.services-con .remove-border{margin:-1px;}
.service-box{border-bottom:1px solid #383838;border-left:1px solid #383838;text-align:center;padding:30px;}
.ser-icon img{height:80px;}
.ser-txt{padding:20px 10px;}
.ser-txt p{text-align:center;}
.ser-txt>a{font-size:14px;}

.product-box{padding:30px;border:1px solid #383838;border-radius:4px;margin-top:30px;}
.product-img{margin-bottom:30px;}
.product-txt p{font-size:14px;line-height:24px;}

.mega-footer{background: #0e0e0e;padding:80px 0 60px;position:relative;}
.about-txt p{color: #e5ecef;margin: 0;}
.mega-more{color: var(--sc);/* margin-top:20px; */display:block;font-size: 18px;}
.footer-logo img{max-height:110px}
.mega-footer-heading{color: #ffffff;font-size: 24px;padding-bottom:15px;position:relative;margin-bottom:20px;font-weight:700;}
.mega-footer-heading::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:48px;background: var(--sc);}
.contact-field{color: var(--sc);/* font-weight:400; */font-size: 18px;}
.contact-field span{color: #e5ecef;font-weight: 400;}
.quick-links a{color: #e5ecef;font-size: 18px;font-weight: 400;}
.quick-links a i{color: var(--sc);margin-right:10px;}
.mega-more:hover,.quick-links a:hover{color:#FFF}
.mega-footer .social-header{margin:10px 0 0;}
.mega-footer .social-header li a{;color:#FFF;}
footer{padding:10px 0;background: #000000;text-align:center;color:#CCC;font-size:16px;font-weight:400;}
footer a{color:var(--sc);}

.social-header li{display:inline-block;margin-right:10px;z-index:1;}
.social-header li:last-child{margin-right:0px;}
.social-header li a{color: var(--sc);}
.social-header:hover li a{opacity:.3;}
.social-header li a:hover, .social-footer li a:active, .social-footer li a:focus{color: var(--sc);opacity:1;}

.my-btn{background:var(--sc);color:#FFF !important;padding: 12px 15px 11px;text-transform:uppercase;position:relative;transition:.3s;}
.my-btn:hover,.my-btn:active,.my-btn:focus{background:var(--pc);}

.inner-heading{padding:210px 0 30px;background:#333;}

hr{border-color:#383838;}

.mega-footer-heading{color: var(--sc);font-size:24px;padding-bottom:15px;position:relative;margin-bottom:20px;font-weight: 900;}
.mega-footer-heading::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:48px;background: #CCC;}
.contact-field{color: #CCC;}
.contact-field span{color:var(--sc);font-weight: 900;}
.contact-details .social-header li a{color:var(--sc);}
.contact-form input, .contact-form textarea{width:100%;background: #0f0f0f;padding:14px 15px;margin:10px 0;font-size:16px;border: 1px solid #4a4a4a;}
.contact-form input:focus, .contact-form textarea:focus{outline:1px solid var(--pc) !important}
.map-wraper iframe{border:none;margin-bottom:-10px;}
.s-btn{background: var(--sc);color:#FFF !important;padding:3px 10px;display:inline-block;transition: .3s;}
.s-btn:hover, .s-btn:focus, .s-btn:active{background: var(--pc);color:#FFF;}




/* responsive part */
@media(min-width:768px){

}
@media(min-width:992px){

.left-md-center{text-align:left !important;}
.right-md-center{text-align:right !important;}
.left-md-center img{margin-left:0;}
.right-md-center img{margin-right:0;}
.inline-img{float:left;margin-right:15px;}
.inline-video{width:50%;}

}
@media(min-width:1200px){

}	
	
