@import url('https://fonts.googleapis.com/css?family=Markazi+Text:400,500,600,700&display=swap');
:focus{outline:none}
:-moz-any-link:focus{outline:none;text-decoration:none}
::-moz-focus-inner{padding:0;border:0;outline:none}
::selection{color:#fff;background:#bf9b30}
::-moz-selection{color:#fff;background:#bf9b30}
html,body{width:100%;min-height:100%}
body{font-family:'Cairo',sans-serif;font-size:15px;line-height:22px;font-weight:300;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
a,a:hover,a:focus{cursor:pointer;text-decoration:none!important;color:#bf9b30}
strong,b{font-weight:600}
img{max-width:100%;height:auto}
ul,ol{padding:0;margin:0}
.icons-list{list-style:none}
ul li,ol li,.icons-list li{padding:5px 0;font-size:15px}
.icons-list i{font-size:12px;margin-right:8px;color:#444}
.icons-list strong{color:#666}
.dark-section .icons-list,.dark-section .icons-list i,.dark-section .icons-list strong{color:#000}
h1,h2,h3,h4,h5,h6{font-family:'Cairo',sans-serif;color:#000;margin:0 0 10px;font-weight:600;direction:rtl}
h1{font-size:36px;line-height:44px}
h2{font-size:30px;line-height:40px}
h3{font-size:24px;line-height:30px}
h4{font-size:18px;line-height:24px}
h5{font-size:14px;line-height:20px}
h6{font-size:12px;line-height:18px}
p{color:#000 ;
	/*font-family: 'Markazi Text',serif;*/
	font-size:15px;line-height:22px;font-weight:400;margin:0 0 10px;direction:rtl}
p strong{font-weight:600}
.light-text{color:#fff}
.gray-text{color:#bbb}
.uppercase{text-transform:uppercase}
.contant-form-bx label{color:#444;font-size:13px;font-weight:400;margin-bottom:4px}
.dark-section .contant-form-bx label{color:#ddd}
input,textarea{font-size:13px;font-weight:400;margin-bottom:15px;outline:none;max-width:100%;font-family: 'Markazi Text',serif}
input[type="text"],input[type="text"]:hover,input[type="text"]:focus,textarea,textarea:hover,textarea:focus{color:#444;min-width:100%;padding:6px 9px;background-color:#fff;border:1px solid #ccc}
.hr.border{height:1px;background-color:#eee}
.dark-section input[type="text"],.dark-section input[type="text"]:hover,.dark-section input[type="text"]:focus,.dark-section textarea,.dark-section textarea:hover,.dark-section textarea:focus{color:#444;background-color:rgba(255,255,255,.05);border-color:transparent}
textarea,textarea:hover,textarea:focus{padding:8px 10px}
input[type="text"]:hover,textarea:hover{border-color:#d2d2d2}
.dark-section input[type="text"]:hover,.dark-section textarea:hover{border-color:transparent}
input[type="text"]:focus,textarea:focus{color:#444;border-color:#bf9b30;-webkit-box-shadow:0 0 3px #bf9b30 inset;-moz-box-shadow:0 0 3px #bf9b30 inset;-o-box-shadow:0 0 3px #bf9b30 inset;box-shadow:0 0 3px #bf9b30 inset}
.dark-section input[type="text"]:focus,.dark-section textarea:focus{color:#888;border-color:transparent;background-color:rgba(255,255,255,.04);-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
input[type="submit"]{font-weight:600;overflow:hidden;position:relative;display:inline-block;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0;color:#fff;font-size:11px;padding:6px 20px;border:none;width:100%;background-color:#bf9b30}
.light-section input[type="submit"]:hover{background-color:#000}
.dark-section input[type="submit"]:hover{color:#000;background-color:#fff}
.parallax,.parallax-section,.parallax-bg,.parallax-full{background-position:50% 0;background-attachment:fixed!important;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}
.section{position:relative;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;padding:90px 0;background:#fff}
.section .container,.section .container-fluid{z-index:36;position:relative}
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff}
.dark-section,.dark-section p{color:#fff}
.section-home .home-slider-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.home-slider-bg .item,.home-slider-bg .owl-wrapper-outer,.home-slider-bg .owl-wrapper,.home-slider-bg .owl-item{width:100%;height:100%}
.home-slider-bg .item{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}
.section-overlay-home{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0.33) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0.33) 100%);background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.33) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#cc000',GradientType=0)}
.section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.5)}
.section-overlay-light{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#f5f4f3;opacity:.9}
.section-overlay-green{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:.9;background:#bf9b30}
.section-overlay-dark{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(30,30,30,.75)}
.section-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 10%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000',endColorstr='#000',GradientType=0)}
.light-section h1,.light-section h2,.light-section h3,.light-section h4,.light-section h5,.light-section h6{color:#000}
.light-section,.light-section p{color:#000}
#container{border-bottom:1px solid #eee;padding-bottom:30px}
#container .title{margin-bottom:12px}
#container p{margin-bottom:14px}
#container h1,#container h2,#container h3,#container h4,#container h5,#container h6{margin-bottom:8px}
.page-header{position:relative;padding:230px 0 150px;margin:0;background-position:center center!important;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;overflow:hidden}
.page-header .container{z-index:36;position:relative}
.page-header h1{font-weight:400;margin-bottom:10px;letter-spacing:1px;text-transform:capitalize}
.page-header h1 span{font-weight:600}
.page-header p{margin-bottom:0;font-size:16px;line-height:24px}
.header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{border-bottom-color:#bf9b30!important}
.header .nav-menu ul > li:hover > a,.header .nav-menu ul > li.active > a{color:#bf9b30!important}
#hidden-header{background-color:#fff}
#header ul{list-style:none}
#header .navbar-toggle{height:100%;width:60px;background:none;position:absolute;top:0;left:0;padding:0;margin:0;border:none;border-radius:0}
.header .navbar-toggle i{position:relative;top:2px;font-size:16px;color:#fff!important}
.header-bg .navbar-toggle i{position:relative;top:2px;font-size:16px;color:#000!important}
#header.light-header .navbar-toggle{background:none}
#header.light-header .navbar-toggle i{color:#000}
.header{height:62px;line-height:58px;z-index:99}
#logo img{max-height:52px}
.header-bg #logo img{max-height:42px}
.header-bg #logo .light-logo{display:none}
.light-header #logo .dark-logo{display:none}
.header-bg #logo .dark-logo{display:block}
.header #logo{float:right; width:60px;}
.header #logo a{display:block}
.header-bg .nav-menu ul > li > a{color:#222!important}
.header .nav-menu{line-height:62px;float:left}
.header .nav-menu li{line-height:normal;padding:0}
.header .nav-menu > ul > li{display:inline-block;position:relative;float:right;margin-top:7px}
.header{position:absolute;top:25px;width:100%;background-color:transparent}
.header.header-bg{position:fixed;top:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:headerFadeIn;-moz-animation-name:headerFadeIn;-o-animation-name:headerFadeIn;animation-name:headerFadeIn}
.header.light-header .nav-menu ul > li > .quote{padding:9px 20px;color:#fff!important;border-radius:25px;background:#bf9b30;line-height:14px;font-size:13px;letter-spacing:.5px;width:auto;border:none;font-weight:300;text-transform:uppercase;overflow:hidden;position:relative;margin:7px 10px 0 0;text-align:right}
.header.light-header .nav-menu ul > li > .quote:before{display:none}
.header.light-header .nav-menu ul > li > .quote i{margin-left:5px;display:inline-block}
.header.light-header .nav-menu ul > li > .quote:hover,.header-bg.light-header .nav-menu ul > li > .quote:hover{color:#fff!important}
.header.light-header .nav-menu ul > li > .quote:after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15)}
.header.light-header .nav-menu ul > li > .quote:hover:after{width:50%;background:rgba(255,255,255,0.2)}
@-webkit-keyframes headerFadeIn {
0%{top:-60px;opacity:0;-webkit-animation-timing-function:ease-out}
100%{top:0;opacity:1;-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes headerFadeIn {
0%{top:-60px;opacity:0;-moz-animation-timing-function:ease-out}
100%{top:0;opacity:1;-moz-animation-timing-function:ease-in}
}
@-o-keyframes headerFadeIn {
0%{top:-60px;opacity:0;-o-animation-timing-function:ease-out}
100%{top:0;opacity:1;-o-animation-timing-function:ease-in}
}
@keyframes headerFadeIn {
0%{top:-60px;opacity:0;animation-timing-function:ease-out}
100%{top:0;opacity:1;animation-timing-function:ease-in}
}
.header.header-bg.dark-header{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.header.header-bg.light-header{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.header .nav-menu ul > li > a{outline:0;text-transform:uppercase;position:relative;display:block;font-size:13px;font-weight:600;padding:15px 12px;letter-spacing:.5px;direction:rtl}
.header .nav-menu > ul > li > a::before{position:absolute;top:100%;left:50%;width:0;margin-top:-10px;border-bottom:1px solid transparent;content:''}
.header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{width:20px;margin-left:-10px}
.header.light-header .nav-menu ul > li > a{color:#fff}
.header.light-header .nav-menu ul > li.active > a::before{border-bottom-color:#fff}
.header-bg .nav-menu ul > li.active > a::before{border-bottom-color:#bf9b30!important}
.header-bg .nav-menu ul > li.active > a{color:#bf9b30!important}
.header.dark-header .nav-menu ul > li > a{color:#bf9b30}
.header.dark-header .nav-menu ul > li.active > a::before{border-bottom-color:#bf9b30}
.scroll-down-icon{position:absolute;bottom:-36px;left:calc(50% - 36px);z-index:0;font-size:16px;width:72px;height:72px;line-height:48px;text-align:center;color:#fff;z-index:37;color:#fff;outline:none}
.scroll-down-icon:hover{color:#fff;background:#bf9b30}
.scroll-down-icon i{position:relative;top:-10px}
.scroll-down-icon:hover i{top:0}
.section-home.dark-section{background-color:#000}
.section-home.one-slide{overflow:hidden;position:relative}
.section-home.light-section p{color:#444}
.section-home .container{z-index:11;position:relative}
.btn-sys{font-weight:400;overflow:hidden;position:relative;display:inline-block;text-transform:uppercase;margin-right:8px;margin-bottom:15px;letter-spacing:0px;}
.btn-sys i{position:relative;top:1px}
.btn-sys.btn-crv{border-radius:25px}
.btn-sys.btn-mini{font-size:11px;padding:4px 17px}
.btn-sys.btn-mini i{font-size:12px}
.btn-sys.btn-mini.btn-border{padding:3px 18px}
.btn-sys.btn-small{font-size:11px;padding:6px 20px}
.btn-sys.btn-small i{font-size:12px}
.btn-sys.btn-small.btn-border{padding:5px 20px}
.btn-sys.btn-medium{font-size:13px;padding:8px 22px}
.btn-sys.btn-medium.btn-border{padding:7px 22px}
.btn-sys.btn-medium i{font-size:14px}
.btn-sys.btn-large{font-size:13px;padding:10px 26px}
.btn-sys.btn-large.btn-border{padding:9px 26px}
.btn-sys.btn-large i{font-size:14px;margin-left:5px;position:relative;top:1px}
.btn-sys.btn-border{border:1px solid;background-color:transparent}
.btn-light{color:#000;background-color:#fff}
.btn-light:hover{color:#000}
.btn-border.btn-light:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.05)}
.btn-border.btn-light{color:#fff;border-color:#fff}
.btn-border.btn-light:hover{color:#000;background-color:#fff}
.btn-border.btn-light:hover:after{right:0}
.btn-color{color:#fff}
.btn-color:hover{color:#fff}
.btn-color:after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15)}
.btn-color:hover:after{width:50%;background:rgba(255,255,255,0.2)}
.btn-border.btn-color:hover{color:#fff}
.btn-border.btn-color:hover:after{right:0}
.btn-sys.btn-border.btn-color{border-color:#bf9b30;background:none}
.btn-color{background:#bf9b30}
.btn-border.btn-color{border-color:#bf9b30}
.btn-border.btn-color:hover{background:#bf9b30}
.btn-dark{color:#fff}
.btn-dark:hover{color:#fff;background:#bf9b30;border-color:#bf9b30}
.btn-dark:after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15)}
.btn-dark:hover:after{width:50%;background:rgba(255,255,255,0.2)}
.btn-border.btn-dark:hover:after{right:0}
.btn-sys.btn-border.btn-dark{border-color:#000;background:none}
.btn-dark{background:#000}
.btn-border.btn-dark{border-color:#000;color:#000}
.btn-border.btn-dark:hover{background:#bf9b30;border-color:#bf9b30;color:#fff}
.btn-shadow{border:none!important;background:#fff!important;-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);color:#000!important}
.btn-shadow:hover{-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none}
ul.nav-tabs{list-style:none;border-bottom:1px solid #e1e2e3}
ul.nav-tabs li{padding:0;display:inline-block;float:inherit}
ul.nav-tabs li a{display:block;font-size:14px;letter-spacing:0;font-weight:600;text-transform:uppercase;padding:0 0 15px;border:none!important;color:#333;background:transparent!important;margin-right:30px;outline:none}
ul.nav-tabs li a:hover{color:#000;border:none}
ul.nav-tabs li a:focus{border:none}
ul.nav-tabs li.active a,ul.nav-tabs li a:hover,ul.nav-tabs li a:focus{border:none}
ul.nav-tabs li a i{font-size:12px}
ul.nav-tabs li.active a,ul.nav-tabs li.active a:hover{color:#bf9b30}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:1px solid transparent}
.tab-pane{padding:15px 0 0}
.collapse-group .collapse-heading h4 a:hover,.collapse-group .collapse-heading h4 a{color:#bf9b30}
.collapse-group .collapse-heading h4 a:hover .toggle-icon,.collapse-group .collapse-heading h4 a .toggle-icon{background-color:#bf9b30}
.collapse-group .panel{padding:15px 25px;border-bottom:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:#fff;margin:0 0 10px}
.collapse-group .panel-collapse .collapse-body{padding:15px 0 0 15px;text-align:right}
.collapse-group .collapse-heading h4{font-size:18px;margin-bottom:0!important;text-transform:none}
.collapse-group .collapse-heading h4 a{display:block;text-align:right}
.collapse-group .collapse-heading h4 a.collapsed{color:#000!important}
.collapse-group .collapse-heading h4 a.collapsed:hover{color:#000}
.collapse-group .collapse-heading h4 a .toggle-icon{display:inline-block;position:relative;text-align:center;margin-right:25px;line-height:24px;width:24px;height:24px;color:#25aae1;top:1px;font-size:14px;background:none!important;float:left;left:-10px}
.collapse-group .collapse-heading h4 a .toggle-icon i{display:block;line-height:20px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);color:#bf9b30}
.collapse-group .collapse-heading h4 a.collapsed .toggle-icon i{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);color:#bbb}
.collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon{background-color:none}
.testimonials-carousel{padding:0 45px}
.testimonials-carousel .owl-pagination{bottom:-50px}
.testimonials-carousel .owl-controls .owl-page span{border:2px solid #bf9b30!important;width:10px;height:10px;background:#bf9b30!important}
.testimonials-carousel .owl-controls .owl-page.active span,.testimonials-carousel .owl-controls.clickable .owl-page:hover span{border-color:#bf9b30!important;background:none!important}
.testimonials-carousel{position:relative}
.testimonials-carousel .testimonial-stars{margin-bottom:15px}
.testimonials-carousel .testimonial-stars i{margin:0 2px;color:#bf9b30;font-size:16px}
.testimonials-carousel .item{text-align:center;padding:0 30px}
.testimonials-carousel .quote-content{padding:0;color:#000}
.testimonials-carousel .quote-author{font-size:15px;line-height:22px;color:rgba(0,0,0,.66);letter-spacing:1px}
.testimonials-carousel .quote-author span{font-weight:600;color:#000;text-transform:uppercase}
.testimonials-carousel .quote-author img{height:30px;display:block;margin:15px auto 0;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.testimonials-carousel:hover .quote-author img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.testimonials-carousel .quote-content q{font-size:20px;line-height:28px;font-weight:400;letter-spacing:0;text-transform:none;min-height:56px;display:block;margin:0 auto 30px}
.container-portfolio{z-index:36;position:relative;width:100%;margin:0 auto;padding:0}
.portfolio-filters{text-align:center;padding:0 0 30px}
.portfolio-filters a{display:inline-block;color:#161e29;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:600;padding:0;line-height:22px}
.portfolio-filters a:after{content:"/";color:rgba(0,0,0,.225);margin:0 15px;font-weight:200;font-size:10px}
.portfolio-filters a:last-child:after{display:none}
.portfolio-filters a:hover,.portfolio-filters a.active{color:#d3a15d}
#portfolio-grid{width:100%;margin:0 auto;padding:0}
.portolio-item{overflow:hidden;cursor:pointer;position:relative;margin:-.2px;width:16.6666%!important}
.portolio-item:hover .portfolio-img img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.portolio-item .portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.portolio-item:hover .portfolio-overlay{background:#000;opacity:.66}
.portolio-item .portfolio-details{position:absolute;top:50%;left:0;width:100%;margin-top:-15px;text-align:center;opacity:0;filter:Alpha(Opacity=0)}
.portolio-item .portfolio-details h4{position:relative;right:-22px;color:#bf9b30;opacity:0;filter:Alpha(Opacity=0);line-height:20px;letter-spacing:0;font-size:16px;margin-bottom:0;font-weight:600}
.portolio-item:hover .portfolio-details h4{right:0;opacity:1;filter:Alpha(Opacity=1)}
.portolio-item .portfolio-details span{position:relative;left:-15px;font-size:11px;color:#fff;opacity:0;filter:Alpha(Opacity=0);letter-spacing:1px;display:block}
.portolio-item:hover .portfolio-details span{left:0;opacity:1;filter:Alpha(Opacity=1)}
.portolio-item:hover .portfolio-details{opacity:1;filter:Alpha(Opacity=1)}
.portolio-item .portfolio-details a{outline:none;display:inline-block}
.portolio-item .portfolio-details a i{width:40px;height:40px;color:#fff;line-height:39px;border:1px solid rgba(255,255,255,0.2);text-align:center;margin:10px auto 0;display:block;font-size:14px}
.portolio-item:hover .portfolio-details a i{left:0;opacity:1;filter:Alpha(Opacity=1)}
.portolio-item:hover .portfolio-details a:hover i{color:#FFF;border-color:#bf9b30;background:#bf9b30}
#footer{padding:90px 0;text-align:center;overflow:hidden;background:#121110}
#goTop{display:block;position:absolute;bottom:-36px;left:50%;width:72px;height:72px;line-height:48px;font-size:14px;color:rgba(255,255,255,.5);border-radius:50% 50% 0 0;margin-left:-32px;background-color:transparent;z-index:50}
#goTop:hover{color:#FFF!important;background:#bf9b30}
#goTop i{position:relative;top:-10px}
#goTop:hover i{top:0}
#footer .logo-img img{max-height:100px;margin-bottom:20px}
#footer .copyright p{font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase;color:rgba(255,255,255,.66);line-height:20px;margin-bottom:10px}
#footer .copyright p a{color:#fff;margin:0}
#footer .copyright p a:after{content:"|";margin:0 10px 0 15px;color:rgba(255,255,255,.15)}
#footer .copyright p a:last-child:after{display:none}
#footer .copyright p a:hover{color:#bf9b30}
#footer .copyright p br{display:none}
#footer .social-icons ul{list-style:none;margin-top:10px}
#footer .social-icons ul li{display:inline-block}
#footer .social-icons ul li a{font-size:16px;display:block;margin:10px 3px;width:42px;line-height:42px;height:42px;border:1px solid rgba(255,255,255,.15);color:#fff}
#footer .social-icons ul li a:hover{color:#fff!important;background:#bf9b30}
#footer .social-icons ul li a:hover i{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg)}
#footer .service-tag ul{list-style:none;margin-top:10px}
#footer .service-tag ul li{display:inline-block;font-size:13px;line-height:16px;padding:0 5px;margin:0;color:rgba(255,255,255,0)}
#footer.light-section .social-icons ul li a:hover,#footer.dark-section .social-icons ul li a:hover{color:#bf9b30}
.section-overlay-footer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.9) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#000',GradientType=0)}
.page-loader{background:#000;display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;text-align:center}
.lds-roller{display:inline-block;position:absolute;width:64px;height:64px;margin:0 auto;left:0;right:0;top:calc(50% - 32px)}
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:32px 32px}
.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;background:#bf9b30;margin:-3px 0 0 -3px}
.lds-roller div:nth-child(1){animation-delay:-.036s}
.lds-roller div:nth-child(1):after{top:50px;left:50px}
.lds-roller div:nth-child(2){animation-delay:-.072s}
.lds-roller div:nth-child(2):after{top:54px;left:45px}
.lds-roller div:nth-child(3){animation-delay:-.108s}
.lds-roller div:nth-child(3):after{top:57px;left:39px}
.lds-roller div:nth-child(4){animation-delay:-.144s}
.lds-roller div:nth-child(4):after{top:58px;left:32px}
.lds-roller div:nth-child(5){animation-delay:-.18s}
.lds-roller div:nth-child(5):after{top:57px;left:25px}
.lds-roller div:nth-child(6){animation-delay:-.216s}
.lds-roller div:nth-child(6):after{top:54px;left:19px}
.lds-roller div:nth-child(7){animation-delay:-.252s}
.lds-roller div:nth-child(7):after{top:50px;left:14px}
.lds-roller div:nth-child(8){animation-delay:-.288s}
.lds-roller div:nth-child(8):after{top:45px;left:10px}
@keyframes lds-roller {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.section-overlay-white{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,244,243,0.9) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(245,244,243,0.9)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,244,243,0.9) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,244,243,0.9) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,244,243,0.9) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(245,244,243,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f4f3',GradientType=0)}
.section-overlay-gray{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(245,244,243,1);background:-moz-linear-gradient(top,rgba(245,244,243,1) 0%,rgba(245,244,243,0.85) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(245,244,243,1)),color-stop(100%,rgba(245,244,243,0.85)));background:-webkit-linear-gradient(top,rgba(245,244,243,1) 0%,rgba(245,244,243,0.85) 100%);background:-o-linear-gradient(top,rgba(245,244,243,1) 0%,rgba(245,244,243,0.85) 100%);background:-ms-linear-gradient(top,rgba(245,244,243,1) 0%,rgba(245,244,243,0.85) 100%);background:linear-gradient(to bottom,rgba(245,244,243,1) 0%,rgba(245,244,243,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f4f3',endColorstr='#f5f4f3',GradientType=0)}
.border-bottom{border-bottom:1px solid #f5f4f3}
.section-home p{font-size:16px;line-height:24px;color:#fff}
.section-home img{margin-bottom:20px;max-height:100px}
.section-home h1{text-transform:uppercase;font-size:45px;font-weight:200;line-height:55px;color:#fff;letter-spacing:0;text-transform:capitalize}
.section-home .btn-sys{margin:20px 0 0}
.type-wrap{margin-bottom:10px;direction:rtl}
.type-wrap span{text-transform:normal;font-size:30px!important;font-weight:600;line-height:40px;color:#fff;letter-spacing:0;font-family: 'Markazi Text',serif;text-align:right}
.type-wrap span b{color:#bf9b30!important;font-weight:600}
.type-wrap span br{display:none}
.type-wrap .typed-cursor{font-weight:200!important;font-size:25px!important;color:#fff;margin-left:5px}
.header-title{margin-bottom:50px;text-align:center}
.header-title h1{margin-bottom:5px;font-weight:200;letter-spacing:0;color:#000}
.header-title h1:after{background:url(../images/stars\ copy.webp) no-repeat;width:120px;height:14px;display:block;content:" ";margin:5px auto 10px}
.header-title h1 span{font-weight:600}
.header-title p:last-child{margin-bottom:0}
.header-title i{color:#bf9b30;margin:0 5px}
.header-title img{max-height:48px;margin-bottom:15px}
.header-title .up{color:#bf9b30;margin-bottom:10px;font-size:14px;letter-spacing:5px;line-height:14px;text-transform:uppercase;font-weight:600}
.header-title-cta{margin-bottom:0;text-align:center;position:relative;z-index:50}
.header-title-cta h1{margin-bottom:5px;font-weight:200;letter-spacing:0;color:#fff}
.header-title-cta h1 span{color:#bf9b30;font-weight:600}
.header-title-cta p{margin-bottom:0;color:#fff}
.header-title-cta .btn-sys{margin:30px 0 0}
.header-title-white{margin-bottom:50px;text-align:center}
.header-title-white h1{margin-bottom:5px;color:#fff;font-weight:200;letter-spacing:0}
.header-title-white h1:after{background:url(../images/stars.png) no-repeat;width:120px;height:14px;display:block;content:" ";margin:5px auto 10px}
.header-title-white img{max-height:48px;margin-bottom:15px}
.header-title-white h1 span{font-weight:600}
.header-title-white p{color:#fff;margin-bottom:0}
.header-title-white .btn-sys{margin:30px 0 0}
.header-title-white .up{color:#bf9b30;margin-bottom:10px;font-size:14px;letter-spacing:5px;line-height:14px;text-transform:uppercase;font-weight:600}
.values ul.nav-tabs{width:100%;text-align:center;margin:0 0 40px;border-bottom:none}
.values .nav-tabs > li{float:none;width:10.5%;position:relative;margin:0 -2px;padding:0;display:inline-block;vertical-align:top}
.values ul.nav-tabs li a{margin:0;line-height:13px;color:#999;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;outline:none;padding:0;direction:rtl}
.values ul.nav-tabs li a .tab-img{width:80px;height:80px;line-height:80px;display:block;text-align:center;margin:0 auto 15px;overlay:hidden}
.values ul.nav-tabs li a .tab-img:after{content:"";height:100%;width:50%;position:absolute;z-index:1;right:0;top:-10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.20)}
.values ul.nav-tabs li a .tab-img:hover:after{width:60%;background:rgba(255,255,255,0.2)}
.values ul.nav-tabs li.active a .tab-img{background:#fff;-webkit-box-shadow:none;box-shadow:none}
.values ul.nav-tabs li a:hover,.values ul.nav-tabs li a:focus{color:#000}
.values ul.nav-tabs li.active a{border-bottom:none!important;color:#000;opacity:1}
.values ul.nav-tabs li a:hover{color:#4d4d4f}
.values ul.nav-tabs li a:focus{color:#000}
.values ul.nav-tabs li.active a .tab-img,.values ul.nav-tabs li a:hover .tab-img{-webkit-box-shadow:none;box-shadow:none;background:#000}
.values ul.nav-tabs li a:hover .tab-img{-webkit-box-shadow:none;box-shadow:none}
.values ul.nav-tabs li a:focus .tab-img{-webkit-box-shadow:none;box-shadow:none}
.values ul.nav-tabs li a img{display:block;position:absolute;left:0;right:0;margin:0 auto;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.values ul.nav-tabs li a:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.values ul.nav-tabs li.active a img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.values ul.nav-tabs li.active a img.hov{opacity:1;top:22px;height:36px}
.values ul.nav-tabs li.active a img.act{opacity:0;top:10px;height:60px}
.values ul.nav-tabs li a:hover img.hov{opacity:1;top:22px;height:36px}
.values ul.nav-tabs li a:hover img.act{opacity:0;top:36px;height:8px}
.values ul.nav-tabs li a img.hov{opacity:0;top:22px;height:36px}
.values ul.nav-tabs li a img.act{opacity:1;top:22px;height:36px}
.values ul.nav-tabs li a .tab-img i{font-size:36px;line-height:80px;transition-duration:.4s;transition-property:transform;display:block;color:#ccc}
.values ul.nav-tabs li.active a .tab-img i,.values ul.nav-tabs li a:hover .tab-img i,.values ul.nav-tabs li a:focus .tab-img i{color:#fff}
.values ul.nav-tabs li a:hover .tab-img i{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.values .nav-tabs > li.active:before{content:"\e936";font-family:'icomoon';position:absolute;bottom:-30px;font-size:12px;left:0;right:0;margin:auto;color:#bf9b30;display:block}
.values .tab-content{padding:0;margin:0}
.values .tab-pane{padding:0;border-radius:3px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;position:relative}
.values .tab-pane:hover{-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);background:#fff}
.values .tab-pane .col-md-4,.values .tab-pane .col-md-8{padding:0}
.values .tab-pane .row{margin:0}
.values .tab-pane .service-img{background:#000;overflow:hidden}
.values .tab-pane .service-img img{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-filter:grayscale(100);filter:grayscale(100%);opacity:.66}
.values .tab-pane:hover .service-img img{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1}
.values .tab-pane .service-info{padding:10%;text-align:right}
.values .tab-pane .service-info h2{font-size:24px;line-height:30px;margin-bottom:10px;color:#000}
.values .tab-pane .service-info ul{list-style:none}
.values .tab-pane .service-info ul li{padding:0 22px 5px 7px;font-size:15px;position:relative;text-transform:capitalize}
.values .tab-pane .service-info ul li:before{content:"\e909";font-family:'icomoon';color:#bf9b30;position:absolute;top:0;right:0;font-size:16px}
.pro-carousel{padding:0}
.pro-carousel .item{opacity:1;filter:Alpha(Opacity=1);padding:0;margin:0}
.pro-carousel{position:relative}
.pro-carousel .owl-buttons div{position:absolute;top:50%;width:20px;height:40px;display:block;margin:-20px 0 0!important;padding:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:none!important;filter:Alpha(Opacity=0.25)!important;opacity:.15!important}
.pro-carousel .owl-buttons div:hover{filter:Alpha(Opacity=1)!important;opacity:1!important}
.pro-carousel .owl-buttons div.owl-prev{left:0;background:url(../images/icons/prev-dark.png) no-repeat!important}
.pro-carousel .owl-buttons div.owl-next{right:0;background:url(../images/icons/next-dark.png) no-repeat!important}
.center-col{float:none!important;margin-left:auto!important;margin-right:auto!important}
p.lead{margin-bottom:10px;font-size:17px}
.bg-gray-light{background-color:#f9f9f9!important}
.border-top{border-top:1px solid rgba(0,0,0,.05)}
.mt60{margin-top:60px}
.mt50{margin-top:50px}
.mt40{margin-top:40px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.bg-gray{background:#f5f4f3!important}
.mfp-bg{background:#000!important;opacity:.85!important}
.mb0{margin-bottom:0!important}
.rotateimg{margin:0 auto;width:48px;height:48px;display:block;position:relative;-webkit-animation-name:spin;-webkit-animation-duration:4000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4000ms;animation-iteration-count:infinite;animation-timing-function:linear}
@-moz-keyframes spin {
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin {
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.col-md-20{float:left;padding-left:15px;padding-right:15px;position:relative;width:20%}
.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;overflow:hidden}
.no-padding{padding:0}
.compare{margin:0;padding:15px!important;width:100%;direction:rtl}
.compare tr span{text-align:right}
.compare tr:hover span{color:rgba(255,255,255,1)}
.compare tr:hover td{color:#fff}
.compare tr:last-child{border-bottom:none}
.compare td{padding:15px 25px;vertical-align:top;font-size:15px;line-height:22px;text-align:center}
.compare th{padding:15px 25px;font-weight:600;background:#000;color:#fff;text-align:center}
.compare tr:hover{background:#bf9b30}
.compare tr:hover:nth-child(2n+1) td{background:none}
.compare tr:hover a{color:#fff}
.compare td i{color:#fff;background:#bf9b30;width:20px;height:20px;border-radius:50%;line-height:20px;font-size:10px;text-align:center;display:block}
.compare tr:hover i{color:#bf9b30;background:#fff}
.compare tr:nth-child(2n+1) td{background-color:rgba(255,255,255,.75)}
.compare td:first-child,.compare th:first-child{text-align:right}
.compare tr:nth-child(2n+1) td{background-color:rgba(255,255,255,.5)}
.mfp-close{margin:0!important}
.mfp-close:hover{color:#fff!important}
.sign{position:absolute;left:0;right:0;margin:0 auto;top:-46px;display:block;line-height:92px;text-align:center;width:92px;height:92px;z-index:50;background:#fff;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.15);box-shadow:0 5px 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.15)}
.sign i{font-size:40px;line-height:92px}
.sign2{position:absolute;left:0;right:0;margin:0 auto;top:-46px;display:block;line-height:92px;text-align:center;width:92px;height:92px;z-index:50;background:#fff;-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.10);box-shadow:0 -5px 5px 0 rgba(0,0,0,0.10);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.10)}
.sign2 i{font-size:40px;line-height:92px}
.sign img{max-height:40px}
.sign2 img{max-height:40px}
.sign h4{font-size:14px;letter-spacing:1px;text-transform:uppercase;position:absolute;left:0;margin:0 auto;right:0;}
.brands{padding:0 30px}
.brands .item{padding:0}
.brands .logo{line-height:40px;height:70px;text-align:center;display:block;padding:15px 0;margin:7.5px}
.brands .logo img{max-height:40px;max-width:120px;margin:0 auto;text-align:center;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.66}
.brands .logo:hover img{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1}
#careers-form .btn-sys{margin:10px 3px 0}
.location .container-fluid{margin:0;padding:0}
.location{text-align:center;padding-bottom:0}
.location ul.nav-tabs{width:100%;text-align:center;margin:0 0 45px;border-bottom:none}
.location .nav-tabs > li{float:none;width:33.333%;position:relative;display:inline-block;margin:0 -2px;padding:0;vertical-align:top}
.location ul.nav-tabs li a{margin:0;padding:0;text-transform:none;font-size:15px;line-height:22px;display:inline-block;outline:none;color:#bbb}
.location ul.nav-tabs li.active a{color:#000}
.location ul.nav-tabs li a img{max-height:50px;display:block;margin:0 auto 10px;opacity:.33}
.location ul.nav-tabs li.active a img{opacity:1}
.location .nav-tabs > li.active:before{content:"\e902";font-family:'icomoon';position:absolute;bottom:-45px;font-size:14px;left:0;right:0;margin:auto;color:#ccc;width:36px;height:36px;line-height:36px;display:block;-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);background:#fff}
.location .tab-content{padding:0}
.map-section{padding:0;position:relative;width:100%;background:#bf9b30;margin-bottom:-15px;margin-top:30px}
.map-section .map-icon{position:absolute;left:0;right:0;margin:0 auto;display:block;color:#fff;top:calc(50% - 24px);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;text-align:center;z-index:50}
.map-section:hover .map-icon{opacity:0}
.map-section iframe{width:100%;height:200px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.1;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;padding:0;margin:0}
.map-section:hover iframe{z-index:50!important;width:100%;-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;height:400px}
.map-section .map-icon i{font-size:48px}
.address{padding:0;text-align:center}
.address h4{margin-bottom:10px;font-size:14px;letter-spacing:1px;text-transform:uppercase;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.address p{margin:0}
.address a {direction:ltr!important;}
.address:hover h4{color:#bf9b30}
.address:hover{color:#bf9b30}
.address .address-img{text-align:center;width:92px;height:92px;line-height:92px;display:block;margin:0 auto 15px;border-radius:50%;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;position:relative;overflow:hidden}
.address:hover .address-img{-webkit-box-shadow:none;box-shadow:none;background:#3ab0e2}
.address .address-img:after{content:"";height:200%;width:50%;position:absolute;z-index:1;right:0;top:-10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.20)}
.address:hover .address-img:after{width:72%;background:rgba(255,255,255,0.2)}
.address .address-img img{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;position:absolute;left:0;right:0;margin:0 auto;top:calc(50% - 20px);display:block}
.address .address-img img.active{opacity:1;top:calc(50% - 20px);height:40px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.address:hover .address-img img.active{opacity:0;top:calc(50% - 8px);height:16px}
.address .address-img img.hover{opacity:0;top:calc(50% - 30px);height:60px}
.address:hover .address-img img.hover{opacity:1;top:calc(50% - 20px);height:40px}
.address .address-img i{font-size:40px;line-height:92px;transition-duration:.4s;transition-property:transform;display:block;color:#ccc}
.address:hover .address-img i{color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;transform:rotate(360deg);-webkit-transform:rotate(360deg)}
#success{clear:both;margin:0 0 20px;text-align:center;background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d;border-radius:5px;padding:15px 0}
.g-recaptcha{margin:0 0 10px}
.g-recaptcha iframe{margin:5px 0 0!important}
.popup-form{margin:0 10%;padding:0;position:relative;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);box-shadow:0 0 30px 0 rgba(0,0,0,0.66);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);background-position:50% 0;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-color:#f5f6f7}
.popup-form h4{margin-bottom:10px;font-size:20px}
.popup-form input[type="text"],.popup-form textarea,.popup-form input[type="date"],.popup-form select{font-size:15px;font-weight:400;margin:0;border-radius:0;outline:none;width:100%;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;border:1px solid;border-width:0 0 1px!important;border-color:#eee;padding:12px;color:#3c3d3e!important;height:auto!important;text-align:right;}
.popup-form input[type="text"]:hover,.popup-form input[type="text"]:focus,popup-form input[type="date"]:hover,.popup-form input[type="date"]:focus,.popup-form textarea:hover,.popup-form textarea:focus,.popup-form select:hover,.popup-form select:focus{color:#bf9b30;min-width:100%;background-color:none;border-color:#bf9b30;padding:12px;-webkit-box-shadow:none;box-shadow:none;opacity:1}
.popup-form select{direction:rtl}
.popup-form button{border:none;margin:10px 0 0}
.popup-form label{font-weight:400}
.popup-form .row{margin:0}
.popup-form div[class*='col-md-']{padding:0}
.popup-form .popup-info{padding:6%;margin:40px;background:#fff;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;text-align:right}
.popup-form .popup-img{display:none}
.popup-form .popup-info:hover{background:#f5f6f7}
.popup-form .popup-info:hover input{background:#fff}
.popup-form .popup-info img{max-height:40px;margin-bottom:10px}
.popup-form .popup-info:hover .collapse-group .panel{background:#fff}
.w50{list-style:none}
.w50 li{display:inline-block;padding:0;margin:0}
.w50 li:first-child{width:47%;margin-right:2%}
.w50 li:last-child{width:50%}
.popup-form .popup-info iframe{width:100%;height:200px;margin-top:10px}
.form-group {margin-bottom:10px;}
.input-group {position:relative}
.input-group-addon {background: #bf9b30!important;border:none!important;color:#fff!important;padding:0 12px;border-radius:0!important;}
.career-form{margin:0 10%;padding:0;position:relative;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);box-shadow:0 0 30px 0 rgba(0,0,0,0.66);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);background-position:50% 0;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-color:#f5f6f7}
.career-form .row{margin:0}
.career-form div[class*='col-md-']{padding:0}
.career-form h4{margin-bottom:10px;font-size:20px;text-align:right}
.career-form button{border:none;margin:10px 0 0}
.career-form .popup-img{display:none}
.career-form .popup-info:hover{background:#f5f6f7}
.career-form .popup-info iframe{width:100%;height:500px;margin-top:20px;border:none}
.career-form .popup-info{padding:40px;margin:40px;background:#fff;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;text-align:right}
.faqs ul{list-style:none;margin-bottom:10px}
.faqs ul li{padding:0 22px 5px 0;position:relative;text-transform:capitalize;font-weight:15px;text-align:right}
.faqs ul li:before{content:"\e909";font-family:'icomoon';color:#bf9b30;position:absolute;top:0;right:0;font-size:16px}
.cost{border:1px solid #eee;padding:0;background:#fff;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;margin-bottom:30px}
.cost:hover{background:#fff;-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}
.cost table{width:100%;margin:0;font-size:15px;line-height:21px}
.cost table thead{border-bottom:1px solid #f5f6f7;border-top:1px solid #f5f6f7;font-weight:400}
.cost table th{padding:15px 25px;font-weight:600;color:#272727;text-align:center;background:#fff;border-bottom:3px solid #bf9b30;font-size:15px;line-height:20px}
.cost table th span{font-weight:300}
.cost table th .ab{color:#fff;padding:2px 7px;border-radius:50%;background:#2f2f2f;font-weight:600;margin-right:3px}
.cost table th:first-child{text-align:left;text-transform:none}
.cost table tr{border-bottom:1px solid #eee;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.cost table tr:last-child{border:none}
.cost table td{padding:5px 25px;text-align:center}
.cost table td i{font-size:16px;color:#bf9b30}
.cost table th i{font-size:16px}
.cost table td:first-child i{font-size:9px;color:#ccc;margin:0 8px;top:-2px;position:relative}
.cost table td span:after{content:"*";color:#bf9b30}
.cost table td:first-child{text-align:left;color:#777}
.cost table td strong{font-weight:500}
.cost .btn-sys{margin:10px 0}
.cost table td:nth-child(2){background:#f5f6f7}
.cost table th:nth-child(2){background:#f5f6f7}
.cost table tr.total{background:#bf9b30}
.cost table tr.title td{font-size:13px;padding:5px 25px;font-weight:600;color:#2f2f2f;text-transform:uppercase}
.cost table tr.total th{font-size:14px;padding:15px 25px;font-weight:600;color:#fff;text-transform:uppercase;border-bottom:3px solid #bf9b30;background:none}
.cost table tr:nth-child(2n+1) td:nth-child(1){background-color:#fff}
.cost table tr:nth-child(2n+1) td:nth-child(2){background-color:#f7f8f9}
.cost table tr:nth-child(2n+1) td:nth-child(3){background-color:#333}
.cost table tr:last-child td{padding:15px 25px}
.cost table td:nth-child(3){background:#2f2f2f;color:#fff;border-bottom:1px solid #3f3f3f}
.cost table th:nth-child(3){background:#2f2f2f;color:#bf9b30}
.cost table tr.total th:first-child{color:#000}
.kuwait{padding:0;overflow:visible}
.kuwait .row div[class*='col-md-']{padding:0}
.kuwait .row{margin:0}
.image-notes{max-width:100%;display:inline-block;position:relative}
.image-notes .img-note{position:absolute}
.image-notes .img-note .note-marker{display:inline-block;cursor:pointer;width:12px;height:12px;border-radius:50%;position:relative;z-index:0;-webkit-animation:note-marker 1s linear infinite;-moz-animation:note-marker 1s linear infinite;-ms-animation:note-marker 1s linear infinite;-o-animation:note-marker 1s linear infinite;animation:note-marker 1s linear infinite;background-color:#fff}
@-webkit-keyframes note-marker {
0%{-webkit-transform:scale(1)}
30%{-webkit-transform:scale(0.8)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes note-marker {
0%{-moz-transform:scale(1)}
30%{-moz-transform:scale(0.8)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes note-marker {
0%{-o-transform:scale(1)}
30%{-o-transform:scale(0.8)}
100%{-o-transform:scale(1)}
}
@keyframes note-marker {
0%{transform:scale(1)}
30%{transform:scale(0.8)}
100%{transform:scale(1)}
}
.image-notes .img-note .note-marker:after{position:absolute;top:-8px;left:-8px;width:28px;height:28px;content:"";display:block;border-radius:50%;border:2px solid #fff}
.image-notes.links .img-note .note-marker{background-color:red}
.image-notes.links .img-note .note-marker:after{border:2px solid red}
.contact{text-align:right;margin-bottom:20px}
.contact-box{position:relative;display:block;padding:10px 0 0;margin-bottom:20px;min-height:60px}
.contact-box i{display:block;position:absolute;width:60px;height:60px;line-height:60px;border-radius:50%;text-align:center;font-size:24px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);right:0}
.contact-box:hover i{background:#bf9b30;color:#fff;-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none}
.contact-box .contact-box-text{padding:10px 80px 0 0}
.contact-box .contact-box-text h4{margin-bottom:5px;font-weight:600;text-transform:uppercase;font-size:16px}
.contact-box .contact-box-text a{direction:ltr;}
.contact-box:hover .contact-box-text a{color:#bf9b30;}

.ui-datepicker{width:auto;display:none;background:#fff;padding:10px;border:1px solid #bf9b30}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:2px}
.ui-datepicker .ui-datepicker-prev{left:0}
.ui-datepicker .ui-datepicker-next{right:0}
.ui-datepicker .ui-datepicker-prev-hover{left:0}
.ui-datepicker .ui-datepicker-next-hover{right:0}
.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;margin:-12px 0 0;top:50%;left:0;font-size:12px}
.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;margin:-12px 0 0;top:50%;right:0;font-size:12px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;font-size:14px}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:600;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:5px;text-align:right;text-decoration:none;background:#f5f6f7;line-height:16px}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.pfolio,.career,.team-testimonial,.values .tab-pane{background:#fff;background:-moz-linear-gradient(135deg,#fff 0%,#f5f4f3 100%);background:-webkit-linear-gradient(135deg,#fff 0%,#f5f4f3 100%);background:linear-gradient(-45deg,#fff 0%,#f5f4f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f4f3',GradientType=1)}
.pfolio .pfolio-info .pfolio-tags .tag-link,.pfolio,.career .career-img,.career,.career .career-info .career-tags .tag,.service,.compare{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px}
.pagination a,.team-testimonial img,.sign,.sign2,.benefits .benefits-img,.benefits .icon span,.portolio-item .portfolio-details a i,.lds-roller div:after,.values ul.nav-tabs li a .tab-img,.it .it-img,.header .nav-menu ul > li > a.lang,#footer .social-icons ul li a,.counter .counter-img,.scroll-down-icon,.location .nav-tabs > li.active:before{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-border-radius:50%}
.brands .logo,.c-form .c-input,.team-testimonial,.openings .job-facts .spec,.folio,.openings,.folio .folio-tags .tag-link,.values .tab-pane .tec li,.story .gallery-slider,input,textarea,select,.tooltip .tooltip-inner,.project .project-info .portfolio-tags .tag-link,.project{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px}
.team-testimonial .team-img,.benefits .benefits-img,.team-testimonial:hover,.openings:hover,.folio:hover,.collapse-group .panel:hover,.portfolio-field .tec li:hover,.values ul.nav-tabs li a .tab-img,.values .tab-pane .tec li:hover,.counter .counter-img,.it .it-img,.pagination a,.pagination span,.c-input:hover,.brands .logo:hover,.project:hover,.job:hover,.pfolio:hover,.career:hover,.address .address-img,.service:hover{background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}
.openings .job-facts .spec:hover,.benefits:hover .benefits-img,.team-testimonial:hover .team-img,.compare tr:hover,.folio .folio-tags .tag-link:hover,.bio-form .member-social ul li:hover a,.it:hover .it-img,.counter:hover .counter-img,#footer .social-icons ul li a:hover,#goTop:hover,.portfolio-tags .tag-link:hover,.portolio-item:hover .portfolio-details a:hover i,.btn-border.btn-color:hover,.btn-color,.scroll-down-icon:hover,.header-bg.light-header .nav-menu ul > li > a.lang:hover,.header-bg .nav-menu ul > li > a.lang:focus,.header.light-header .nav-menu ul > li > a.lang:hover,.header.light-header .nav-menu ul > li > a.lang:focus,.mfp-close:hover,.story .gallery-slider,.pfolio .pfolio-info .pfolio-tags .tag-link:hover,.career .career-info .career-tags .tag:hover,.address:hover .address-img,.map-section,.header.light-header .nav-menu ul > li > .quote,.values ul.nav-tabs li.active a .tab-img,.values ul.nav-tabs li a:hover .tab-img,.cost table tr.total{background:#bf9b30;background:-moz-linear-gradient(-45deg,#eecd76 0%,#bf9b30 100%)!important;background:-webkit-gradient(left top,right bottom,color-stop(0%,#eecd76),color-stop(100%,#bf9b30))!important;background:-webkit-linear-gradient(-45deg,#eecd76 0%,#bf9b30 100%)!important;background:-o-linear-gradient(-45deg,#eecd76 0%,#bf9b30 100%)!important;background:-ms-linear-gradient(-45deg,#eecd76 0%,#bf9b30 100%)!important;background:linear-gradient(135deg,#eecd76 0%,#bf9b30 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eecd76',endColorstr='#bf9b30',GradientType=1)!important}
.folio,.openings,.collapse-group .panel,.values .tab-pane .tec li,.portfolio-field .tec li,.portfolio-tags .tag-link,.c-input,.pfolio:hover .pfolio-info .pfolio-tags .tag-link,.career .career-img,.career:hover .career-info .career-tags .tag,.brands .logo{background:#fff;background:-moz-radial-gradient(center,ellipse cover,#fff 0%,#f5f4f3 100%);background:-webkit-radial-gradient(center,ellipse cover,#fff 0%,#f5f4f3 100%);background:radial-gradient(ellipse at center,#fff 0%,#f5f4f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f4f3',GradientType=1)}
.page-header h1 span,.type-wrap span b,.bio-form h1,.testimonials-carousel .testimonial-stars i,.c-form .c-input:hover i,.sign i,.sign2 i{color:#bf9b30;background:-webkit-linear-gradient(-45deg,#eecd76,#bf9b30);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
a,input,textarea,select,.header .nav-menu ul > li > a,.header .nav-menu > ul > li > a::before,.scroll-down-icon,.scroll-down-icon i,.btn-sys,.btn-border.btn-light:after,.btn-color:hover,.btn-color:after,.collapse-group .panel,.collapse-group .collapse-heading h4 a .toggle-icon i,.portolio-item .portfolio-img img,.portolio-item .portfolio-overlay,.portolio-item .portfolio-details,.portolio-item .portfolio-details h4,.portolio-item .portfolio-details span,.portolio-item .portfolio-details a i,.portfolio-field .tec li,#goTop,#goTop i,#footer .social-icons ul li a i,.values ul.nav-tabs li a,.values ul.nav-tabs li a .tab-img,.values .tab-pane,.values .tab-pane .tec li,.counter .counter-img,.pro-carousel .item,.pro-carousel .owl-buttons div,.story .gallery-slider img,.it,.it .it-img,.popup-field,.bio-form .member-social ul li a,.job-field,.folio,.folio .folio-img img,.folio h4,.folio .link,.folio .link span,.folio .link i,.location .tab-content .tab-pane iframe,.location .tab-content .map-icon,.location ul.nav-tabs li .location-img,.compare,.compare tr,.openings,.openings .openings-img img,.openings span,.openings .job-facts,.benefits .benefits-img,.team-testimonial,.team-testimonial img,.team-testimonial .team-img,.testimonials-carousel .quote-author img,.header.light-header .nav-menu ul > li > .quote:after,.job-detail img,.job-summary li,.job-detail,.pagination a,.pagination span,.brands .logo,.brands .logo img,.c-form .c-input,.project,.project .project-info .portfolio-tags .tag-link,.job,.pfolio,.pfolio .pfolio-info .pfolio-tags .tag-link,.pfolio img,.pfolio .link,.pfolio .link span,.pfolio .link i,.career,.career-img img,.career .link,.career .link i,.career .link span,.career .career-info .career-tags .tag,.address .address-img,.btn-dark:after,.service,.values ul.nav-tabs li a .tab-img:after,.address .address-img:after{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
