::-moz-selection{background-color:#dcb46f;color:#fff}
::selection{background-color:#dcb46f;color:#fff}
::-webkit-input-placeholder{color:#777;font-weight:300}
:-moz-placeholder{color:#777;opacity:1;font-weight:300}
::-moz-placeholder{color:#777;opacity:1;font-weight:300}
:-ms-input-placeholder{color:#777;font-weight:300;color:#777;font-weight:300}
body {
    color: #363636;
    font-family: 'Montserrat','Tajawal',sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: 0px;
    position: relative; color: #616161;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.88em;
}
.service-area {
    min-height: 350px;
}
.w-2000 {
    width: 100% !important;
    direction:ltr; 
}
ol,ul{margin:0;padding:0;list-style:none}
select{display:block}
figure{margin:0}
a{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.partcile-dec{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:-2;color:#716f6f;opacity:.6}
audio,video,canvas{max-width:100%}
section{width:100%;position:relative}
iframe{border:0}
a,a:focus,a:hover{text-decoration:none;outline:0 ;color:rgba(0,0,0,0.7)}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus{text-decoration:none;outline:0}
.card-panel{margin:0;padding:60px}
.demo-footer{padding:60px 0;text-align:center}
.demo-footer a{color:#999;display:inline-block;font-family:Cardo}
.containertimeline{display:flex;justify-content:center;align-items:center;background-color:#fff;flex-direction:column;height:100%}
.title{color:#616161}
.portfolio{margin-bottom:30px;display:block;position:relative;z-index:0;overflow:hidden;border:4px solid #dcb46f}
.portfolio img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (prefers-reduced-motion: reduce) {
.portfolio img{-webkit-transition:none;-o-transition:none;transition:none}
}
.portfolio:after{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:#1b212c;opacity:.7;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;z-index:0}
@media screen and (prefers-reduced-motion: reduce) {
.portfolio:after{-webkit-transition:none;-o-transition:none;transition:none}
}
.portfolio .icon{position:absolute;top:0;bottom:0;left:0;right:0;content:'';z-index:2;opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.portfolio .heading{position:absolute;top:0;bottom:0;left:0;right:0;content:'';z-index:1;opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.portfolio .icon span:hover{opacity:.9}
@media screen and (prefers-reduced-motion: reduce) {
.portfolio .icon,.portfolio .heading{-webkit-transition:none;-o-transition:none;transition:none}
}
.portfolio .icon span,.portfolio .heading span{color:#dcb46f;font-size:54px;opacity:.5}
.portfolio .heading{padding:20px}
.mobilehidden{display:block}
.mobileshow{display:none}

.mobilehidden2 {
    display: inline-block
}


@media (max-width: 767.98px) {
.portfolio .heading{opacity:1}
.mobilehidden{display:none}
    .mobilehidden2 {
        display: none
    }
.mobileshow{display:block}
}
.portfolio .heading h3{font-size:15px;line-height:20px!important;color:#dcb46f;font-weight:300;text-transform:capitalize;letter-spacing:0;margin-bottom:0}
.portfolio .heading h3 span{font-size:15px;letter-spacing:0;text-transform:capitalize;color:rgba(255,255,255,1)}
.portfolio:hover:after{opacity:.5}
.portfolio:hover .icon,.portfolio:hover .heading{opacity:1}
.portfolio:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.ftco-section{padding:10em 0}
.block-27 ul{padding:0;margin:0}
.block-27 ul li{display:inline-block;margin-bottom:4px}
.block-27 ul li a,.block-27 ul li span{text-align:center;display:inline-block;width:40px;height:40px;line-height:40px;color:#4a5562;border:1px solid #dee2e6}
.block-27 ul li.active a,.block-27 ul li.active span{background:#4a5562;color:#fff;border:1px solid transparent}
.timeline{width:100%;background-color:#fff;box-shadow:0 5px 25px 5px rgba(0,0,0,0.2)}
.timeline .swiper-container{height:100vh;width:100%;position:relative}
.timeline .swiper-wrapper{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) .2s}
.timeline .swiper-slide{position:relative;color:#fff;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}
.timeline .swiper-slide::after{content:"";position:absolute;z-index:1;right:-115%;bottom:-10%;width:100%;height:100%;background-color:rgba(0,0,0,0.7);box-shadow:-230px 0 150px 100vw rgba(0,0,0,0.7);border-radius:100%}
.timeline .swiper-slide-content{position:absolute;text-align:center;width:80%;right:50%;top:13%;-webkit-transform:translate(50%,0);transform:translate(50%,0);font-size:12px;z-index:2;overflow-y:auto;padding:30px;height:90vh}
.timeline .swiper-slide .timeline-year{display:block;font-style:italic;font-size:42px;margin-bottom:50px;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);color:#dcb46f;font-weight:300;opacity:0;transition:.2s ease .4s}
.timeline .swiper-slide .timeline-title{font-weight:800;font-size:24px;margin:0 0 30px;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .5s}
.timeline .swiper-slide .timeline-text{line-height:1.5;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .6s}
.timeline .swiper-slide-active .timeline-year{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.6s}
.timeline .swiper-slide-active .timeline-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.7s}
.timeline .swiper-slide-active .timeline-text{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.8s;margin-bottom:100px}
.timeline .swiper-pagination{left:15%!important;right:auto;height:100%;display:none;flex-direction:column;justify-content:center;font-style:italic;font-weight:300;font-size:18px;z-index:1}
.timeline .swiper-pagination::before{content:"";position:absolute;left:55px;top:0;height:100%;width:1px;background-color:rgba(255,255,255,0.2)}
.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:transparent;color:#dcb46f;margin:25px 0!important;position:relative;font-size:20px}
.timeline .swiper-pagination-bullet::before{content:"";position:absolute;top:8px;left:52px;width:8px;height:8px;border-radius:100%;background-color:#dcb46f;-webkit-transform:scale(0);transform:scale(0);transition:.2s}
.timeline .swiper-pagination-bullet-active{color:#d4a024}
.timeline .swiper-pagination-bullet-active::before{-webkit-transform:scale(1);transform:scale(1)}
.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:20px 20px;top:15%;width:20px;height:20px;margin-top:0;z-index:2;transition:.2s}
.timeline .swiper-button-prev{left:8%;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E)}
.timeline .swiper-button-prev:hover{-webkit-transform:translateX(-3px);transform:translateX(-3px)}
.timeline .swiper-button-next{right:8%;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E)}
.timeline .swiper-button-next:hover{-webkit-transform:translateX(3px);transform:translateX(3px)}
@media screen and (min-width: 768px) {
.timeline .swiper-slide::after{right:-30%;bottom:-8%;width:90%;height:50%}
.swiper-pagination-bullet{width:8px}
.timeline .swiper-pagination{left:5%!important}
.timeline .swiper-slide-content{left:15%;top:53%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:80%;font-size:14px;text-align:left;font-weight:300}
.timeline .swiper-slide .timeline-year{margin-bottom:20px;font-size:42px}
.timeline .swiper-slide .timeline-title{font-size:46px;margin:0}
.timeline .swiper-pagination{display:flex}
.timeline .swiper-button-prev{top:15%;right:auto;left:6.2%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}
.timeline .swiper-button-prev:hover{-webkit-transform:rotate(90deg) translate(-3px,10px);transform:rotate(90deg) translate(-3px,10px)}
.timeline .swiper-button-next{top:auto;bottom:15%;left:6.2%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}
.timeline .swiper-button-next:hover{-webkit-transform:rotate(90deg) translate(3px,10px);transform:rotate(90deg) translate(3px,10px)}
}
@media screen and (min-width: 1024px) {
.timeline .swiper-pagination{left:12%!important}
.timeline .swiper-slide::after{left:-20%;bottom:-12%;width:240px;height:50%}
.timeline .swiper-slide-content{left:20%;top:55%;overflow-y:auto;height:730px;padding:30px}
.timeline .swiper-button-prev{left:13.2%!important}
.timeline .swiper-button-next{left:13.2%!important}
}
@media screen and (min-width: 1440px) {
.timeline .swiper-pagination{left:15%!important}
.timeline .swiper-slide::after{left:-20%;bottom:-12%;width:240px;height:50%}
.timeline .swiper-slide-content{left:22%;top:55%;overflow-y:auto;height:730px;padding:30px}
.timeline .swiper-button-prev{left:16.2%!important}
.timeline .swiper-button-next{left:16.2%!important}
}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
#style-3::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
#style-3::-webkit-scrollbar-thumb{background-color:#000}
.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i{font-size:1em;line-height:inherit}
.gray-bg{background:#f9f9ff}
h1,h2,h3,h4,h5,h6{color:#dcb46f;line-height:2em!important;margin-bottom:0;margin-top:0;font-weight:600}
.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0;margin-top:0;font-weight:600;color:#616161}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:16px}
h6,.h6{font-size:14px;color:#616161}
td,th{border-radius:0}
.clear::before,.clear::after{content:" ";display:table}
.clear::after{clear:both}
.fz-11{font-size:11px}
.fz-12{font-size:12px}
.fz-13{font-size:13px}
.fz-14{font-size:14px}
.fz-15{font-size:15px}
.fz-16{font-size:16px}
.fz-18{font-size:18px}
.fz-30{font-size:30px}
.fz-48{font-size:48px!important}
.fw100{font-weight:100}
.fw300{font-weight:300}
.fw400{font-weight:400!important}
.fw500{font-weight:500}
.f700{font-weight:700}
.fsi{font-style:italic}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mt-80{margin-top:70px!important}
.mt-90{margin-top:91px}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-150{margin-top:150px}
.ml-0{margin-left:0!important}
.ml-5{margin-left:5px!important}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-30{margin-left:30px}
.ml-50{margin-left:50px}
.mr-0{margin-right:0!important}
.mr-5{margin-right:5px!important}
.mr-15{margin-right:15px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.mr-30{margin-right:30px}
.mr-50{margin-right:50px}
.mb-0{margin-bottom:0}
.mb-0-i{margin-bottom:0!important}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}
.pt-0{padding-top:0}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}
.pt-120{padding-top:120px}
.pt-150{padding-top:150px}
.pt-170{padding-top:170px}
.pb-0{padding-bottom:0}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
.pb-120{padding-bottom:120px}
.pb-150{padding-bottom:150px}
.pr-30{padding-right:30px}
.pl-30{padding-left:30px}
.pl-90{padding-left:90px}
.p-40{padding:40px}
.float-left{float:left}
.float-right{float:right}
.text-italic{font-style:italic}
.text-white{color:#fff}
.text-black{color:#000}
.transition{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.section-full{padding:100px 0}
.section-half{padding:75px 0}
.text-center{text-align:center}
.text-left{text-align:left}
.text-rigth{text-align:right}
.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex}
.flex-grow{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-left{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}
.flex-middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}
.flex-right{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}
.flex-top{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}
.flex-bottom{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}
.space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}
.flex-column{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-cell{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.display-table{display:table}
.light{color:#fff}
.dark{color:#616161}
.relative{position:relative}
.overflow-hidden{overflow:hidden}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0}
.container.fullwidth{width:100%}
.container.no-padding{padding-left:0;padding-right:0}
.no-padding{padding:0}
.section-bg{background:#e9e9e9}
@media (max-width: 767px) {
.no-flex-xs{display:block!important}
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.row.no-margin{margin-left:0;margin-right:0}
.sample-text-area{background:#fff;padding:100px 0 70px}
.sample-text{margin-bottom:0}
.text-heading{margin-bottom:30px;font-size:24px}
.typo-list{margin-bottom:10px}
.our_project_area {
    padding: 0px 0 60px;
  
}
.project_left_side{position:relative;min-height:550px}
.project_left_sides{position:relative;min-height:178px}
.project_left_side .main_w_title{padding-top:22px}
.project_left_side .our_project_filter{position:absolute;right:25px;bottom:0;text-align:left}
.project_left_side .our_project_filter li:first-child{padding:5px 0;border-top:1px solid #dcb46f;border-bottom:1px solid #dcb46f}
.project_left_side .our_project_filter li{padding:5px 0;border-bottom:1px solid #dcb46f}
.project_left_side .our_project_filter li a{font-size:15px;margin:0 10px;color:#777}
.project_left_side .our_project_filter li:hover{border-left:3px solid #dcb46f}
.our_project_details .project_item{width:calc(100% / 3);float:left;overflow:hidden;position:relative}
.our_project_details .project_item .project_hover{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding:18px}
.our_project_details .project_item .project_hover .project_hover_inner{height:100%;border:2px solid rgba(220,180,111,0.8);position:relative}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content{background:transparent;padding:0 10px;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;overflow:hidden}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:14px;text-transform:uppercase;font-weight:700;opacity:0;color:#f9f9ff;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 600ms ease}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{font-size:12px;line-height:22px;padding:5px 0;opacity:0;color:#f9f9ff;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 1s ease}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content .view_btn{text-transform:uppercase;opacity:0;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 1.4s ease}
.our_project_details .project_item:hover .project_hover .project_hover_inner{background:rgba(220,180,111,0.8)}
.our_project_details .project_item:hover .project_hover .project_hover_inner h4{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.our_project_details .project_item:hover .project_hover .project_hover_inner p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.our_project_details .project_item:hover .project_hover .project_hover_inner .view_btn{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.project_left_sides .uae_project_filter{text-align:left;margin-bottom:10px}
.project_left_sides .uae_project_filter li:first-child{padding:5px 0;border-top:1px solid #dcb46f;border-bottom:1px solid #dcb46f}
.project_left_sides .uae_project_filter li{padding:5px 0;border-bottom:1px solid #dcb46f}
.project_left_sides .uae_project_filter li a{font-size:15px;margin:0 10px;color:#777}
.project_left_sides .uae_project_filter li:hover{border-left:3px solid #dcb46f}
.uae_project_details .project_item{width:calc(100% / 3);float:left;overflow:hidden;position:relative}
.uae_project_details .project_item .project_hover{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding:18px}
.uae_project_details .project_item .project_hover .project_hover_inner{height:100%;border:2px solid rgba(220,180,111,0.8);position:relative}
.uae_project_details .project_item .project_hover .project_hover_inner .project_hover_content{background:transparent;padding:0 10px;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;overflow:hidden}
.uae_project_details .project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:14px;text-transform:uppercase;font-weight:700;opacity:0;color:#f9f9ff;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 600ms ease}
.uae_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{font-size:12px;line-height:22px;padding:5px 0;opacity:0;color:#f9f9ff;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 1s ease}
.uae_project_details .project_item .project_hover .project_hover_inner .project_hover_content .view_btn{text-transform:uppercase;opacity:0;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 1.4s ease}
.uae_project_details .project_item:hover .project_hover .project_hover_inner{background:rgba(220,180,111,0.8)}
.uae_project_details .project_item:hover .project_hover .project_hover_inner h4{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.uae_project_details .project_item:hover .project_hover .project_hover_inner p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.uae_project_details .project_item:hover .project_hover .project_hover_inner .view_btn{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.project_item{position:relative}
.project_item .project_hover{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding:18px}
.project_item .project_hover .project_hover_inner{height:100%;border:2px solid rgba(220,180,111,0.8);position:relative}
.project_item .project_hover .project_hover_inner .project_hover_content{background:transparent;padding:0 20px;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;overflow:hidden}
.project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:14px;text-transform:uppercase;font-weight:700;opacity:0;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 600ms ease}
.project_item .project_hover .project_hover_inner .project_hover_content p{font-size:12px;line-height:22px;padding:15px 0;opacity:0;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 1s ease}
.project_item .project_hover .project_hover_inner .project_hover_content .view_btn{text-transform:uppercase;opacity:0;-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:all 1.4s ease}
.project_item:hover .project_hover .project_hover_inner{background:rgba(220,180,111,0.8)}
.project_item:hover .project_hover .project_hover_inner h4{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.project_item:hover .project_hover .project_hover_inner p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.project_item:hover .project_hover .project_hover_inner .view_btn{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.our_project_details{margin-bottom:-30px;overflow:hidden}
.our_project_details .col-md-4{margin-bottom:30px}
.our_project_details .project_item{width:100%}
.our_project_details .project_item img{width:100%}
.our_project_details .project_item .project_hover .project_hover_inner{padding:0 20px}
.uae_project_details{margin-bottom:-30px;overflow:hidden}
.uae_project_details .col-md-4{margin-bottom:30px}
.uae_project_details .project_item{width:100%}
.uae_project_details .project_item img{width:100%;max-height:336px !important; height:auto;}
.uae_project_details .project_item .project_hover .project_hover_inner{padding:0 20px}
.view_btn{display:inline-block;background:#31353d;text-align:center;padding:0 20px;border-radius:5px;line-height:28px;color:#afafaf;font-family:"Montserrat",sans-serif;font-size:12px;-webkit-transition:all 400ms linear 0;-o-transition:all 400ms linear 0;transition:all 400ms linear 0}
.view_btn:hover{color:#dcb46f}
@media (max-width: 767px) {
.typo-sec{margin-bottom:30px}
}
@media (max-width: 767px) {
.element-wrap{margin-top:30px}
}
b,sup,sub,u,del{color:#dcb46f}
h1{font-size:32px}
h2{font-size:26px}
h3{font-size:22px}
h4{font-size:16px}
h5{font-size:16px}
h6{font-size:14px}
h1,h2,h3,h4,h5,h6{line-height:1.5em}
.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{color:#777}
.border-gradient{border-image-slice:1;border-width:3px}
.border-gradient-gold{border-image:linear-gradient(to left,#FFD991,#BB884D)}
.tip-segnatuer{font-size:18px;line-height:22px;margin-bottom:20px;margin-top:40px;text-align:right}
/*.gradient-box{display:flex;align-items:center;margin:auto;position:relative;box-sizing:border-box;background:url(../img/back.png) #fff;background-clip:padding-box;border-top:solid 3px transparent}
*/
.gradient-box {
    display: flex;
    align-items: center;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    background: rgb(255,255,255);
    background: linear-gradient(10deg, rgba(255,255,255,1) 0%, rgba(222,219,212,1) 6%, rgba(241,241,241,1) 16%, rgba(242,242,242,1) 34%, rgba(247,247,244,1) 55%, rgba(241,241,241,1) 85%, rgba(222,219,212,1) 94%, rgba(255,255,255,1) 100%);
    background-clip: padding-box;
    border-top: solid 3px transparent
}
.gradient-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin-top: -3px;
    border-radius: inherit;
    background: linear-gradient(to right,#FFD991,#BB884D)
}
.gradient-box2{display:flex;align-items:center;margin:auto;position:relative;box-sizing:border-box;background:#fff transparent;background-clip:padding-box;border-top:solid 3px transparent}
.gradient-box2:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-3px;border-radius:inherit;background:linear-gradient(to right,#FFD991,#BB884D)}
.button-area{background:#fff}
.button-area .border-top-generic{padding:70px 15px;border-top:1px dotted #eee}
.button-group-area .genric-btn{margin-right:10px;margin-top:10px}
.button-group-area .genric-btn:last-child{margin-right:0}
.genric-btn{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:.8em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.main_b_title{margin-bottom:20px}
.main_b_title h2{font-size:45px;font-family:"PT Sans",sans-serif;color:#dcb46f;font-weight:700;text-transform:uppercase;position:relative;z-index:2;line-height:39px!important}
.main_b_r_title{text-align:right}
.main_b_r_title h2{font-size:45px;color:#dcb46f;font-weight:700;text-transform:uppercase;position:relative;z-index:2;line-height:39px!important}
.main_b_title h2:before{content:"";width:176px;height:94px;border:6px solid #eee;position:absolute;left:38px;bottom:9px;z-index:-1}
.main_b_title2 h2{font-size:45px;font-family:"PT Sans",sans-serif;color:#dcb46f;font-weight:700;text-transform:uppercase;position:relative;z-index:2;padding-top:15px}
.main_b_title2 h2:before{content:"";width:132px;height:68px;border:6px solid #4a4343;position:absolute;left:18px;top:9px;z-index:-1}
.main_b_title3 h2{font-size:48px;font-family:"PT Sans",sans-serif;color:#dcb46f;font-weight:700;text-transform:uppercase;position:relative;z-index:2;padding-top:15px}
.main_b_title3 h2:before{content:"";width:169px;height:90px;border:6px solid #4a4343;position:absolute;left:38px;bottom:40px;z-index:-1}
.main_b_r_title h2:before{content:"";width:176px;height:94px;border:6px solid #eee;position:absolute;right:39px;bottom:9px;z-index:-1}
.our_service_area .right_service .right_service_text .main_b_title{padding-bottom:30px}
.our_service_area .right_service{width:calc(50% - 80px);float:right;overflow:hidden}
.our_service_area .right_service .right_service_text{max-width:380px;margin-left:95px;padding-top:100px}
.main_b_title h6{font-size:18px;color:#616161;font-weight:700;padding-top:2px}
.genric-btn:focus{outline:none}
.genric-btn.e-large{padding:0 40px;line-height:50px}
.genric-btn.large{line-height:45px}
.genric-btn.medium{line-height:30px}
.genric-btn.small{line-height:25px}
.genric-btn.radius{border-radius:3px}
.genric-btn.circle{border-radius:20px}
.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.genric-btn.arrow span{margin-left:10px}
.genric-btn.default{color:#616161;background:#f9f9ff;border:1px solid transparent}
.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}
.genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}
.genric-btn.default-border:hover{color:#616161;background:#f9f9ff;border:1px solid transparent}
.genric-btn.primary{color:#fff;background:#dcb46f;border:1px solid transparent}
.genric-btn.primary:hover{color:#dcb46f;border:1px solid #dcb46f;background:#fff}
.genric-btn.primary-border{color:#dcb46f;border:1px solid #dcb46f;background:#fff}
.genric-btn.primary-border:hover{color:#fff;background:#dcb46f;border:1px solid transparent}
.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}
.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}
.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}
.genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}
.genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}
.genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid transparent}
.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}
.genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}
.genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}
.genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid transparent}
.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}
.genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}
.genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}
.genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid transparent}
.genric-btn.link{color:#616161;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}
.genric-btn.link:hover{color:#616161;border:1px solid #f9f9ff;background:#fff}
.genric-btn.link-border{color:#616161;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}
.genric-btn.link-border:hover{color:#616161;background:#f9f9ff;border:1px solid transparent}
.genric-btn.disable{color:#616161,0.3;background:#f9f9ff;border:1px solid transparent;cursor:not-allowed}
.generic-blockquote{padding:30px 50px 30px 30px;background:#f9f9ff;border-left:2px solid #dcb46f}
@media (max-width: 991px) {
.progress-table-wrap{overflow-x:scroll}
}
.hero-blog-post{position:relative;z-index:1;width:100%;height:744px}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.hero-blog-post{height:680px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-blog-post{height:550px}
.colorlib-counters .colorlib-counter{font-size:25px!important}
.colorlib-counters .colorlib-counter-label{font-size:12px!important}
.paddingsize{padding-left:5px!important;padding-right:5px!important}
.inline-facts{padding:20px 5px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-blog-post{height:500px}
.colorlib-counters .colorlib-counter{font-size:20px!important}
.colorlib-counters .colorlib-counter-label{font-size:11px!important}
.paddingsize{padding-left:5px!important;padding-right:5px!important}
.inline-facts{padding:20px 5px}
}
@media only screen and (max-width: 767px) {
.hero-blog-post{height:350px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero-blog-post{height:400px}
}
.hero-blog-post .post-content .post-meta{position:relative;z-index:1;margin-bottom:20px}
.hero-blog-post .post-content .post-meta a{position:relative;z-index:1;display:inline-block;font-size:30px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#dcb46f}
.hero-blog-post .post-content .post-meta a:last-child{margin-left:20px}
.hero-blog-post .post-content .post-meta a:last-child::after{content:'';position:absolute;top:0;left:-15px;z-index:1}
.hero-blog-post .post-content .post-title{font-size:35px;color:#fff;font-weight:400;display:block;margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-blog-post .post-content .post-title{font-size:36px;width:80%;text-align:center;line-height:40px;margin:0 auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-blog-post .post-content .post-title{font-size:30px;width:80%;text-align:center;margin:0 auto;line-height:35px}
}
@media only screen and (max-width: 767px) {
.hero-blog-post .post-content .post-title{font-size:20px;width:80%;text-align:center;line-height:25px;margin:0 auto}
}
.hero-blog-post .post-content .video-play{width:60px;height:60px;background-color:rgba(26,26,26,0.5);border-radius:50%;display:inline-block;color:#fff;font-size:18px;text-align:center;line-height:60px}
.hero-blog-post .post-content .video-play:hover,.hero-blog-post .post-content .video-play:focus{background-color:#dcb46f}
.hero-area{position:relative;z-index:1}
.hero-area .owl-prev,.hero-area .owl-next{position:absolute;background-color:rgba(235,235,235,0.2);width:50px;height:50px;color:#fff;font-size:20px;text-align:center;line-height:54px;top:50%;left:3%;margin-top:-25px;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
@media only screen and (max-width: 767px) {
.hero-area .owl-prev,.hero-area .owl-next{width:40px;height:40px;font-size:18px;line-height:44px;margin-top:-20px}
}
.hero-area .owl-prev:hover,.hero-area .owl-prev:focus,.hero-area .owl-next:hover,.hero-area .owl-next:focus{background-color:#dcb46f}
.hero-area .owl-next{left:auto;right:3%}
.bg-overlay{position:relative;z-index:2;background-position:center center;background-size:cover}
.bg-overlay::after{background-color:rgba(0,0,0,0.5);position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:""}
.hero-blog-post .post-content .post-meta{position:relative;z-index:1;margin-bottom:20px}
.progress-table{background:#f9f9ff;padding:15px 0 30px;min-width:800px}
.progress-table .serial{width:11.83%;padding-left:30px}
.progress-table .country{width:28.07%}
.progress-table .visit{width:19.74%}
.progress-table .percentage{width:40.36%;padding-right:50px}
.progress-table .table-head{display:flex}
.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{color:#616161;line-height:40px;text-transform:uppercase;font-weight:500}
.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}
.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{display:flex;align-items:center}
.progress-table .table-row .country img{margin-right:15px}
.progress-table .table-row .percentage .progress{width:80%;border-radius:0;background:transparent}
.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}
.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}
.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}
.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}
.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}
.single-gallery-image{margin-top:30px;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;height:200px}
.list-style{width:14px;height:14px}
.profile{background:#000;padding:90px 0}
.unordered-list li{position:relative;padding-left:30px;line-height:1.82em!important}
.unordered-list li:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #dcb46f;background:#fff;top:4px;left:0;border-radius:50%}
.ordered-list{margin-left:30px}
.ordered-list li{list-style-type:decimal-leading-zero;color:#dcb46f;font-weight:500;line-height:1.82em!important}
.ordered-list li span{font-weight:300;color:#777}
.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#dcb46f;font-weight:500;line-height:1.82em!important}
.ordered-list-alpha li span{font-weight:300;color:#777}
.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#dcb46f;font-weight:500;line-height:1.82em!important}
.ordered-list-roman li span{font-weight:300;color:#777}
.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}
.single-input:focus{outline:none}
.input-group-icon{position:relative}
.input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px;z-index:3}
.input-group-icon .icon i{color:#797979}
.input-group-icon .single-input{padding-left:45px}
.single-textarea{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px;height:100px;resize:none}
.single-textarea:focus{outline:none}
.single-input-primary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
.single-input-primary:focus{outline:none;border:1px solid #dcb46f}
.single-input-accent{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
.single-input-accent:focus{outline:none;border:1px solid #eb6b55}
.single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
.single-input-secondary:focus{outline:none;border:1px solid #f09359}
.default-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
.default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}
.default-switch input + label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#dcb46f;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2);cursor:pointer}
.default-switch input:checked + label{left:19px}
.single-element-widget{margin-bottom:30px}
.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.primary-switch input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.primary-switch input + label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.primary-switch input + label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2);cursor:pointer}
.primary-switch input:checked + label:after{left:19px}
.primary-switch input:checked + label:before{background:#dcb46f}
.confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
.confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.confirm-switch input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.confirm-switch input + label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer}
.confirm-switch input + label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2);cursor:pointer}
.confirm-switch input:checked + label:after{left:19px}
.confirm-switch input:checked + label:before{background:#4cd3e3}
.primary-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}
.primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.primary-checkbox input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}
.primary-checkbox input:checked + label{border:none}
.confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}
.confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.confirm-checkbox input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}
.confirm-checkbox input:checked + label{border:none}
.disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}
.disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.disabled-checkbox input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}
.disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}
.disabled-checkbox input:checked + label{border:none}
.primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.primary-radio input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}
.primary-radio input:checked + label{border:none}
.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.confirm-radio input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}
.confirm-radio input:checked + label{border:none}
.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.disabled-radio input + label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}
.disabled-radio input:disabled{cursor:not-allowed;z-index:3}
.disabled-radio input:checked + label{border:none}
.default-select{height:40px}
.default-select .nice-select{border:none;border-radius:0;height:40px;background:#f9f9ff;padding-left:20px;padding-right:40px}
.default-select .nice-select .list{margin-top:0;border:none;border-radius:0;box-shadow:none;width:100%;padding:10px 0}
.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}
.default-select .nice-select .list .option.selected{color:#dcb46f;background:transparent}
.default-select .nice-select .list .option:hover{color:#dcb46f;background:transparent}
.default-select .current{margin-right:50px;font-weight:300}
.default-select .nice-select::after{right:20px}
@media (max-width: 991px) {
.left-align-p p{margin-top:20px}
}
.form-select{height:40px;width:100%}
.form-select .nice-select{border:none;border-radius:0;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}
.form-select .nice-select .list{margin-top:0;border:none;border-radius:0;box-shadow:none;width:100%;padding:10px 0}
.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}
.form-select .nice-select .list .option.selected{color:#dcb46f;background:transparent}
.form-select .nice-select .list .option:hover{color:#dcb46f;background:transparent}
.form-select .current{margin-right:50px;font-weight:300}
.form-select .nice-select::after{right:20px}
.header-top{font-size:12px;padding:8px}
.header-top a{color:#fff}
.header-top ul li{display:inline-block;margin-left:15px}
.header-top .header-top-right{text-align:right}
.header-top .header-top-right i{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.header-top .header-top-right a{margin-right:10px}
.header-top .header-top-right a:hover{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.header-top .header-top-right a:hover i{color:#dcb46f}
.header-top .header-top-left{text-align:left}
.header-top .header-top-left a{margin-right:10px}
.header-top .lnr{display:none}
@media only screen and (max-width: 540px) {
.partcile-dec{display:none}
.tip-segnatuer{font-size:13px;margin-top:20px;text-align:left}
.profile{background:#000 ;padding:5px 0;background-size:145%}
.profile2{background:#000;padding:5px 0}
.timeline .swiper-slide-content{width:95%;padding:0 20px;top:7%}
.containertimeline{margin-top:30px}
.main_b_title2 h2:before{border:0 solid #4a4343;position:relative;left:0;top:0;z-index:-1}
}
@media (max-width: 588px) {
.header-top .lnr{display:block;font-weight:700;font-size:16px;color:#fff}
.header-top .text{display:none}
}
@media (max-width: 767px) {
.header-top{display:none}
}
.top-head-btn{background:#dcb46f;padding:9px 26px}
#header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all .5s;
    z-index: 997;
}

    .inside-page:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin-bottom: -3px;
        border-radius: inherit;
        background: linear-gradient(to right,#FFD991,#BB884D);
    }

.header-color {
    background-color: rgba(0,0,0,1);
    padding: 10px 0;
}
#header.header-scrolled {
    transition: all .5s;
    background-color: rgba(0,0,0,1)
}
@media (max-width: 673px) {
    #logo {
        margin-left: 8%;
        margin-top: 12px;
    }
}
#header #logo h1{font-size:34px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:3px}
#header #logo h1 a,#header #logo h1 a:hover{color:#000;padding-left:10px;border-left:4px solid #dcb46f}
#header #logo img{padding:0;margin:0;width:auto;height:50px!important}
.media-left{padding-right:25px;font-size:33px;display:table-cell;vertical-align:middle;margin-top:px;color:#f9f9ff}
.address_area{padding:32px 0}
@media (max-width: 768px) {
#header #logo h1{font-size:28px}
#header #logo img{max-height:40px}
}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu ul{position:absolute;display:none;top:100%;z-index:99}
.nav-menu li{position:relative;white-space:nowrap}
.nav-menu > li{float:left}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul{display:block}
.nav-menu ul ul{top:0;left:100%}
.nav-menu ul li{width:100%;min-width:120px;border-bottom:1px solid #dee2e6}
.nav-menu ul li:last-of-type{width:100%;min-width:120px;border-bottom:none}
.sf-arrows .sf-with-ul{padding-right:30px}
.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:400}
.sf-arrows ul .sf-with-ul:after{content:"\f105"}
@media (max-width: 768px) {
#nav-menu-container{display:none}
}
.nav-menu a{padding:0 6px;text-decoration:none;display:inline-block;color:#eee;font-weight:500;font-size:14px;text-transform:capitalize;outline:none}
.nav-menu li.active a{color:#dcb46f ;}

.nav-menu li a:not([href]):not([tabindex]){color:#eee;text-decoration:none;cursor:pointer}
.nav-menu li.active a:not([href]):not([tabindex]){color:#dcb46f;text-decoration:none;cursor:pointer}

.nav-menu > li{margin-left:8px}
.nav-menu ul{margin:20px 0 0;padding:0;box-shadow:0 0 30px rgba(127,137,161,0.25);background:#fff}
.nav-menu ul li{transition:.3s}
.nav-menu ul  li a{padding:5px 18px;color:#333 !important;transition:.3s;display:block;font-size:14px;text-transform:none}
.nav-menu ul li:hover > a{color:#dcb46f}
.nav-menu ul li a:not([href]):not([tabindex]){color:inherit;text-decoration:none;cursor:pointer}
.nav-menu ul ul{margin-left:0;margin-top:0}
.nav-menu ul li.active ul.innerlist li a{padding:5px 18px;color:#333 !important;transition:.3s;display:block;font-size:14px;text-transform:none}

#mobile-nav-toggle{position:fixed;right:8%;z-index:999;top:7%;border:0;background:none;font-size:24px;display:none;transition:all .4s;outline:none;cursor:pointer}
#mobile-nav-toggle i{color:#fff;font-weight:900}
@media (max-width: 960px) {
#mobile-nav-toggle{display:inline}
#nav-menu-container{display:none}
}
.figure{display:block;position:relative;float:right;overflow:hidden;margin:0 20px 20px 0}
.figure img{width:100%}
.figcaption{position:absolute;background:#000;background:rgba(0,0,0,0.75);color:#fff;padding:10px 20px;opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease}
.figure:hover figcaption{opacity:1}
.figure:before{content:"?";position:absolute;font-weight:800;background:#000;background:rgba(255,255,255,0.75);text-shadow:0 0 5px #fff;color:#000;width:24px;height:24px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;text-align:center;font-size:14px;line-height:24px;-moz-transition:all .6s ease;opacity:.75}
.figure:hover:before{opacity:0}
.cap-left:before{bottom:10px;left:10px}
.cap-left .figcaption{bottom:0;left:-30%}
.cap-left:hover figcaption{left:0}
.cap-right:before{bottom:10px;right:10px}
.cap-right .figcaption{bottom:0;right:-30%}
.cap-right:hover .figcaption{right:0}
.cap-top:before{top:10px;left:10px}
.cap-top .figcaption{left:0;top:-30%}
.cap-top:hover .figcaption{top:0}
.cap-bot:before{bottom:10px;left:10px}
.cap-bot figcaption{left:0;bottom:-30%}
.cap-bot:hover figcaption{bottom:0}
#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,0.8);left:-100%;width:100%;overflow-y:auto;transition:.4s}
#mobile-nav ul{padding:0;margin:0;list-style:none}
#mobile-nav ul li{position:relative;border-bottom:1px solid rgba(255,255,255,0.4)}
#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700}
#mobile-nav ul li a:hover{color:#fff}
#mobile-nav ul li li{padding-left:30px}
#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}
#mobile-nav ul .menu-has-children i.fa-chevron-up{color:#dcb46f}
#mobile-nav ul .menu-has-children li a{text-transform:none}
#mobile-nav ul .menu-item-active{color:#dcb46f}
#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,0.7);display:none}
body.mobile-nav-active{overflow:hidden}
body.mobile-nav-active #mobile-nav{left:0}
body.mobile-nav-active #mobile-nav-toggle{color:#fff}
.section-gap{padding:0px 0}
.section-title{padding-bottom:30px}
.section-title h2{margin-bottom:20px}
.section-title p{font-size:14px;margin-bottom:0}
@media (max-width: 991.98px) {
.section-title p br{display:none}
}
.alert-msg{color:green}
.primary-btn{background-color:#dcb46f;line-height:42px;padding-left:30px;padding-right:30px;border-radius:25px;border:none;color:#fff;display:inline-block;font-weight:500;position:relative;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;cursor:pointer;position:relative}
.primary-btn:focus{outline:none}
.primary-btn span{color:#fff;position:absolute;top:50%;transform:translateY(-60%);right:30px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.primary-btn:hover{color:#fff}
.primary-btn:hover span{color:#fff;right:20px}
.primary-btn.white{border:1px solid #fff;color:#fff}
.primary-btn.white span{color:#fff}
.primary-btn.white:hover{background:#fff;color:#dcb46f}
.primary-btn.white:hover span{color:#dcb46f}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0}
.banner-area{background-size:cover}
.map{padding-top:0;width:auto;max-width:1000px}
@media (max-width: 767.98px) {
.banner-area .fullscreen{height:700px!important}
}
.banner-area .primary-btn{padding-left:30px;padding-right:30px}
sup{color:#616161}
.fl-wrap{width:70%}
.intro-text{padding:30px 0}
.intro-text h2{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.41);color:#DCB46F;font-size:33px;line-height:42px!important;font-weight:300;text-align:left;text-transform:capitalize}
.inline-facts{border:1px solid #eee;box-sizing:border-box;margin:10px 0;padding:20px;min-height:185px;text-align:center;line-height:auto}
.inline-facts:before{content:'';position:absolute;width:1px;height:50px;top:50%;margin-top:-25px;right:0}
.inline-facts i{width:60px;border-radius:100%;font-size:35px}
.num{width:100%;font-size:46px;font-weight:300;padding-top:25px;padding-bottom:25px}
.inline-facts h6{font-size:15px;font-weight:400}
.banner-area .overlay-bg{background-color:rgba(4,9,30,0.7)}
.banner-content{text-align:center}
.banner-content h1{color:#fff;font-size:48px;font-weight:700;line-height:1em;margin-top:20px;margin-bottom:20px}
#colorlib-counter,.colorlib-bg{background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative}
#colorlib-counter{padding:4em 0;clear:both}
#colorlib-counter .overlay,.colorlib-bg .overlay{z-index:0;position:absolute;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,1)}
.colorlib-counters{padding:0;background-size:cover;background-attachment:fixed;background-position:center center}
.colorlib-counters .icon{width:100px;height:100px;display:table;margin:0 auto;margin-bottom:30px}
.colorlib-counters .colorlib-counter{font-size:40px;display:block;width:100%;font-weight:400;margin-top:8px}
.colorlib-counters .colorlib-counter-label{text-transform:capitalize;font-size:15px;margin-top:14px;display:block;font-weight:500}
.bg.dec-bg.left-pos-dec{left:0;right:0}
.bg.dec-bg{width:inherit;height:inherit;left:50%;right:0;top:0;bottom:0;opacity:.1;z-index:-1}
.bg_1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-attachment:scroll;background-position:center;background-repeat:repeat;background-origin:content-box;background-image:url(../img/img2.jpg)}
.section-container{margin:100px 0}
@media (max-width: 414px) {
.banner-content h1{font-size:25px}
}
.banner-content p{max-width:900px}
.header-btn{background-color:#dcb46f;border-radius:0;padding-left:30px;padding-right:30px;border:1px solid transparent;color:#fff}
.header-btn:hover{border:1px solid #fff;background:transparent;color:#fff}
.banner-img{text-align:right}
@media (max-width: 767px) {
.banner-img{width:60%;text-align:center;margin-left:auto;margin-right:auto}
}
.single-service{text-align:center;border:1px solid #eee;border-radius:10px;padding:25px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-service h4{margin-bottom:20px}
.single-service p{margin-bottom:0}
.single-service:hover{background-color:#04091e;border-color:#04091e}
.single-service:hover h4{color:#dcb46f}
@media (max-width: 1024px) {
.single-service{padding:22px}
.main_b_title h2{font-size:38px;line-height:31px!important}
.fl-wrap{width:59%}
.intro-text h2{font-size:26px}
.project_left_side .our_project_filter li{margin-bottom:0;display:block!important}
.main_b_r_title h2{font-size:38px;line-height:31px!important}
.single-blog-post{min-height:542px!important}
.nav-menu > li{margin-left:6px}
.nav-menu a{padding:0 3px;font-size:13px}
.main_b_title h6{font-size:14px}
}
@media (max-width: 991px) {
.single-service{margin-bottom:30px}
}
.gallery-area .single-gallery{margin-bottom:30px}
.gallery-area .single-gallery .content{position:relative;max-width:100%;margin:auto;overflow:hidden;border-radius:0}
.gallery-area .single-gallery .content .primary-btn{border-radius:0}
@media (max-width: 414px) {
.gallery-area .single-gallery .content .primary-btn{font-size:10px}
}
.gallery-area .single-gallery .content .content-overlay{background:rgba(220,180,111,0.8);position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;border-radius:0;border:1px solid #dcb46f;-webkit-transition:all .4s ease-in-out 0;-moz-transition:all .4s ease-in-out 0;transition:all .4s ease-in-out 0}
.gallery-area .single-gallery .content-overlay{margin:20px}
@media (max-width: 414px) {
.gallery-area .single-gallery .content-overlay{margin:0}
}
.gallery-area .single-gallery .content:hover .content-overlay{opacity:.8}
.gallery-area .single-gallery .content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}
.gallery-area .single-gallery .content-title{width:90%;border-bottom:1px solid #dcb46f;font-size:12px;color:#fff;font-weight:500;padding:20px 0}
.icons_size{font-size:41px;padding-top:15px;color:#fff}
@media (max-width: 414px) {
.gallery-area .single-gallery .content-title{width:92%;font-size:15px}
}
.gallery-area .single-gallery .content:hover .content-details{top:50%;left:50%;opacity:1}
.gallery-area .single-gallery .content-image{width:100%}
.gallery-area .single-gallery .content-details p{color:#fff;font-size:.8em}
.gallery-area .single-gallery .fadeIn-bottom{top:80%}
.feature-areas{background-image:linear-gradient(to bottom right,#dcb46f,#CAA544)}
.feature-area .single-feature{background:#fff;padding:32px;border-radius:10px;margin-bottom:30px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;border:1px solid #04091e}
.feature-area .single-feature h4{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.feature-area .single-feature .title .lnr{color:#616161;font-weight:600;font-size:25px;margin-right:15px}
.feature-area .single-feature p{margin-bottom:0;margin-top:15px}
.feature-area .single-feature:hover{background-color:#04091e;cursor:pointer}
.feature-area .single-feature:hover h4,.feature-area .single-feature:hover .lnr{color:#dcb46f}
@media (max-width: 1024px) {
.feature-area .single-feature{padding:30px}
}
.testimonial-area .owl-dots{text-align:center;bottom:5px;margin-top:70px;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.testimonial-area .owl-dot{height:10px;width:10px;display:inline-block;background:rgba(198,176,105,0.2);margin-left:5px;margin-right:5px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.testimonial-area .owl-dot.active{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;background:#dcb46f}
.single-testimonial{background-color:#fff;border:1px solid #eee;border-radius:10px;padding:25px 30px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-testimonial:hover{cursor:pointer}
.single-testimonial .thumb{margin-right:30px}
.single-testimonial h4{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;margin-bottom:5px}
.single-testimonial:hover h4{color:#dcb46f;cursor:pointer}
.single-testimonial .star .checked{color:#dcb46f}
@media (max-width: 575px) {
.single-testimonial{margin:15px}
}
.callto-action-wrap{background:-webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));background-size:cover;border-radius:10px;text-align:center;color:#fff}
.callto-action-wrap h1{color:#fff}
.callto-action-wrap p{max-width:560px;margin:20px 0}
.callto-action-wrap .primary-btn{border-radius:0;border:1px solid transparent}
.callto-action-wrap .primary-btn:hover{background:transparent;border-color:#fff;color:#fff}
.blog-area .owl-dots{text-align:center;bottom:5px;margin-top:70px;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.blog-area .owl-dot{height:10px;width:10px;display:inline-block;background:rgba(198,176,105,0.2);margin-left:5px;margin-right:5px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.blog-area .owl-dot.active{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;background:#dcb46f}
.blog-area .single-blog-post .thumb img{border-radius:0;width:100%;min-height:203px!important;max-height:222px!important;height:auto}
.blog-area .single-blog-post .details{width:100%;height:auto;/*min-height:400px!important;background-color:rgba(220,180,111,0.3);padding:20px*/}
.blog-area .single-blog-post .tags {
    margin: 20px 0;
    border-top: 1px solid rgba(221, 181, 111, 0.60);
}
.blog-area .single-blog-post .tags li{display:inline-block;padding:8px 0px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.blog-area .single-blog-post .tags li a{color:#fff !important;background-color:#dcb46f;margin-top:20px;padding:8px 12px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-blog-post{min-height:531px}
.blog-area .single-blog-post .tags li a:hover{color:#fff;background-color:#dcb46f}
.blog-area .single-blog-post .tags li a{font-weight:500;font-size:15px;}
.blog-area .single-blog-post .title{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;margin:20px 0}
.blog-area .single-blog-post .title:hover{color:#dcb46f}
.blog-area .single-blog-post .date{color:#dcb46f;font-weight:500;font-size:18px}
.title{font-size:16px;line-height:1.3em!important;margin-bottom:0;margin-top:0;font-weight:600;min-height:35px}
.title-projects{line-height:1.3em!important;margin-bottom:0;margin-top:0}
.intro-text h2{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.41);color:#DCB46F;font-size:30px;line-height:42px!important;font-weight:300;text-align:left;text-transform:capitalize}
@media (min-width: 1025px) and (max-width: 1199px) {
.blog-area .single-blog-post .thumb img{width:100%;height:auto;max-height:205px!important}
.blog-area .single-blog-post .details{width:100%;min-height:400px!important}
}
@media (min-width: 992px) and (max-width: 1024px) {
.blog-area .single-blog-post .thumb img{width:100%;height:168px!important}
.blog-area .single-blog-post .details{/*min-height:400px!important*/}
}
@media (min-width: 576px) and (max-width: 991px) {
.blog-area .single-blog-post .thumb img{width:100%;height:auto}
.blog-area .single-blog-post .details{width:100%;height:auto;/*min-height:400px!important;background-color:rgba(220,180,111,0.3);padding:20px*/}
}
@media (max-width: 575px) {
.blog-area .single-blog-post{margin:15px}
.blog-area .single-blog-post .thumb img{width:100%;height:auto;max-height:233px!important}
.blog-area .single-blog-post .details{width:100%;height:auto;/*min-height:400px!important*/}
}
.brands-area{background-color:#f9f9ff}
.brands-area .brand-wrap{padding:40px 0}
.brands-area .brand-wrap .owl-carousel .owl-item img{width:auto!important}
.brands-area .brand-wrap .single-brand{text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.brands-area .brand-wrap .single-brand:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
.footer-area{padding-top:100px}
.footer-area h6{margin-bottom:25px;font-size:16px;font-weight:600}
.copy-right-text i,.copy-right-text a{color:#dcb46f}
.footer-social a{padding-right:25px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.footer-social a:hover i{color:#f9f9ff}
.footer-social i{color:#222;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.title-footer{color:#222;font-size:17px;padding-left:10px;padding-bottom:7px;margin-bottom:20px;font-weight:500;position:relative}
.title-footer:after{right:0;height:2px;background-image:-webkit-gradient(linear,0 0,100% 0,from(#f9f9ff),to(transparent));background-image:-webkit-linear-gradient(left,#f9f9ff,transparent);background-image:-moz-linear-gradient(left,#f9f9ff,transparent);background-image:-o-linear-gradient(left,#f9f9ff,transparent)}
.title-footer:before,.title-footer:after{content:"";position:absolute;bottom:0;left:0}
@media (max-width: 991.98px) {
.footer-social{text-align:left}
}
.single-footer-widget input{border:none;width:80%!important;font-weight:300;background:#f9f9ff;border-radius:0;font-size:14px;padding:10px 18px;border:1px solid #f9f9ff}
.single-footer-widget input:focus{background:#f9f9ff;box-shadow:none;border:1px solid #f9f9ff}
.single-footer-widget .bb-btn{color:#dcb46f;color:#fff;font-weight:300;border-radius:0;z-index:9999;cursor:pointer}
.single-footer-widget .info{position:absolute;margin-top:20%;color:#fff;font-size:12px}
.single-footer-widget .info.valid{color:green}
.single-footer-widget .info.error{color:red}
.single-footer-widget .click-btn{background-color:#dcb46f;color:#fff;border-radius:0;border-top-left-radius:0;border-bottom-left-radius:0;padding:8px 12px;border:0}
.single-footer-widget ::-moz-selection{background-color:#191919!important;color:#777}
.single-footer-widget ::selection{background-color:#191919!important;color:#777}
.single-footer-widget ::-webkit-input-placeholder{color:#777;font-weight:300}
.single-footer-widget :-moz-placeholder{color:#777;opacity:1;font-weight:300}
.single-footer-widget ::-moz-placeholder{color:#777;opacity:1;font-weight:300}
.single-footer-widget :-ms-input-placeholder{color:#777;font-weight:300}
.single-footer-widget ::-ms-input-placeholder{color:#777;font-weight:300}
@media (max-width: 991.98px) {
.single-footer-widget{margin-bottom:30px}
}
@media (max-width: 800px) {
.social-widget{margin-top:30px}
}
.footer-text{padding-top:20px}
.footer-text a,.footer-text i{color:#dcb46f}
.whole-wrap{background-color:#fff}
.generic-banner{margin-top:60px;background-color:#dcb46f;text-align:center}
.generic-banner .height{height:600px}
@media (max-width: 767.98px) {
.generic-banner .height{height:400px}
}
.generic-banner .generic-banner-content h2{line-height:1.2em;margin-bottom:20px}
@media (max-width: 991.98px) {
.generic-banner .generic-banner-content h2 br{display:none}
}
.generic-banner .generic-banner-content p{text-align:center;font-size:16px}
@media (max-width: 991.98px) {
.generic-banner .generic-banner-content p br{display:none}
}
.generic-content h1{font-weight:600}
.about-generic-area{background:#fff}
.about-generic-area p{margin-bottom:20px}
.white-bg{background:#fff}
.section-top-border{padding:50px 0;border-top:1px dotted #eee}
.switch-wrap{margin-bottom:10px}
.switch-wrap p{margin:0}
.about-video-left h6{color:#dcb46f;font-weight:300;letter-spacing:2px;font-size:12px}
.about-video-left h1{padding:20px 0}
@media (max-width: 413px) {
.about-video-left h1 br{display:none}
}
.about-video-left p{margin-bottom:0}
.about-video-left p span{font-size:16px;font-weight:300;color:#616161}
.about-video-left .primary-btn{border-radius:0;border:1px solid transparent}
.about-video-left .primary-btn:hover{background:transparent;border-color:#dcb46f;color:#dcb46f}
.about-video-right{background:url(../img/video.jpg) no-repeat center;background-size:cover;height:330px}
.about-video-right .overlay-bg{background:#04091e;opacity:.8}
.about-video-right .play-btn{z-index:2}
@media (max-width: 960px) {
.about-video-right{margin-top:100px}
}
@media (max-width: 991px) {
.project-details-right{margin-top:50px}
}
.project-details-right .details-info .names li{font-weight:400;color:#000}
.project-details-right .details-info .desc li{margin-left:20px}
.project-details-right .details-info .desc .star .checked{color:#dcb46f}
.project-details-right .social-links i{color:#777;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;margin-right:10px}
.project-details-right .social-links i:hover{color:#dcb46f}
.link-nav{margin-top:10px;margin-bottom:0}
.about-content{margin-top:110px;padding:50px 0;text-align:center}
@media (max-width: 767px) {
.about-content{margin-top:70px}
}
.about-content h1{font-size:48px;font-weight:600}
.about-content a{color:#fff;font-weight:300;font-size:14px}
.about-content .lnr{margin:0 10px;font-weight:600}
.contact-page-area{background:#f9f9ff}
.contact-page-area .map-wrap{margin-bottom:120px}
@media (max-width: 991px) {
.contact-page-area .map-wrap{margin-bottom:50px}
}
.contact-page-area .contact-btns{font-size:18px;font-weight:600;text-align:center;padding:40px;color:#fff;margin-bottom:30px}
.contact-page-area .contact-btns:hover{color:#fff}
.contact-page-area .form-area input{padding:15px}
.contact-page-area .form-area input,.contact-page-area .form-area textarea{border-radius:0;font-size:12px}
.contact-page-area .form-area textarea{height:190px;margin-top:0}
.contact-page-area .form-area .primary-btn{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.contact-page-area .form-area .primary-btn:hover{border:1px solid #dcb46f;color:#dcb46f!important}
.contact-page-area .single-contact-address{margin-bottom:10px}
.contact-page-area .single-contact-address h5{font-weight:300;font-size:16px;margin-bottom:5px}
.contact-page-area .single-contact-address .lnr{font-size:30px;font-weight:500;color:#dcb46f}
.blog-home-banner{padding:130px 0}
.blog-home-banner .primary-btn{border-radius:0;background:#fff;color:#616161;font-weight:600;border:1px solid transparent;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.blog-home-banner .primary-btn:hover{background:transparent;border-color:#fff;color:#fff}
.blog-home-banner .overlay-bg{background:rgba(0,0,0,0.5)}
.blog-page{background:#f9f9ff}
.blog-header-content h1{max-width:500px;margin-left:auto;margin-right:auto}
.map-top{margin-top:-150px;width:100%}
@media (max-width: 426px) {
.blog-header-content h1{font-size:30px}
footer-text{font-size:14px!important}
.inline-facts{min-height:auto}
.colorlib-counters .colorlib-counter{font-size:30px;margin-top:2px}
.colorlib-counters .colorlib-counter-label{font-size:13px}
.section-gap{padding:60px 0}
.main_b_title h2{font-size:35px;line-height:31px!important}
.main_b_title h2:before{width:131px;height:77px}
.fl-wrap{width:100%}
.intro-text h2{font-size:16px;line-height:25px!important;font-weight:500}
}
@media (max-width:320px) {
.colorlib-counters .colorlib-counter-label{font-size:12px}
.inline-facts{padding:20px 0}
}
.blog-header-content p{margin:20px 0}
.top-category-widget-area .single-cat-widget{position:relative;text-align:center}
.top-category-widget-area .single-cat-widget .overlay-bg{background:rgba(0,0,0,0.85);margin:7%;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.top-category-widget-area .single-cat-widget img{width:100%}
.top-category-widget-area .single-cat-widget .content-details{top:32%;left:0;right:0;margin-left:auto;margin-right:auto;color:#fff;bottom:0;position:absolute}
.top-category-widget-area .single-cat-widget .content-details h4{color:#fff}
.top-category-widget-area .single-cat-widget .content-details span{display:inline-block;background:#fff;width:60%;height:1%}
.top-category-widget-area .single-cat-widget:hover .overlay-bg{background:rgba(198,176,105,0.85);margin:7%;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
@media (max-width: 991px) {
.top-category-widget-area .single-cat-widget{margin-bottom:50px}
}
.post-content-area .single-post{margin-bottom:50px}
.post-content-area .single-post .meta-details{text-align:right;margin-top:35px}
@media (max-width: 767px) {
.post-content-area .single-post .meta-details{text-align:left}
.map-top{margin-top:-100px;width:100%}
}
.post-content-area .single-post .meta-details .tags{margin-bottom:30px}
.post-content-area .single-post .meta-details .tags li{display:inline-block;font-size:14px}
.post-content-area .single-post .meta-details .tags li a{color:#616161;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.post-content-area .single-post .meta-details .tags li a:hover{color:#dcb46f}
@media (max-width: 1024px) {
.post-content-area .single-post .meta-details{margin-top:0}
}
.post-content-area .single-post .user-name a,.post-content-area .single-post .date a,.post-content-area .single-post .view a,.post-content-area .single-post .comments a{color:#777;margin-right:10px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.post-content-area .single-post .user-name a:hover,.post-content-area .single-post .date a:hover,.post-content-area .single-post .view a:hover,.post-content-area .single-post .comments a:hover{color:#dcb46f}
.post-content-area .single-post .user-name .lnr,.post-content-area .single-post .date .lnr,.post-content-area .single-post .view .lnr,.post-content-area .single-post .comments .lnr{font-weight:900;color:#616161}
.post-content-area .single-post .feature-img img{width:100%}
.post-content-area .single-post .posts-title h3{margin:20px 0}
.post-content-area .single-post .excert{margin-bottom:20px}
.post-content-area .single-post .primary-btn{background:#fff!important;color:#616161!important;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;border-radius:0!important}
.post-content-area .single-post .primary-btn:hover{background:#dcb46f!important;color:#fff!important}
.blog-pagination{padding-top:60px;padding-bottom:120px}
.blog-pagination .page-link{border-radius:0}
.blog-pagination .page-item{border:none}
.page-link{background:transparent;font-weight:400}
.blog-pagination .page-item.active .page-link{background-color:#dcb46f;border-color:transparent}
.blog-pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#777;border:none}
.blog-pagination .page-link .lnr{font-weight:600}
.blog-pagination .page-item:last-child .page-link,.blog-pagination .page-item:first-child .page-link{border-radius:0}
.blog-pagination .page-link:hover{color:#fff;text-decoration:none;background-color:#dcb46f;border-color:#eee}
.widget-wrap{background:#fafaff;padding:20px 0;border:1px solid #eee}
@media (max-width: 991px) {
.widget-wrap{margin-top:50px}
}
.widget-wrap .single-sidebar-widget{margin:30px;padding-bottom:30px;border-bottom:1px solid #eee}
.widget-wrap .single-sidebar-widget:last-child{border-bottom:none;margin-bottom:0}
.widget-wrap .search-widget form.search-form input[type=text]{color:#fff;padding:10px 22px;font-size:14px;border:none;float:left;width:80%;border-bottom-left-radius:20px;border-top-left-radius:20px;background:#dcb46f}
.widget-wrap .search-widget ::-webkit-input-placeholder{color:#fff}
.widget-wrap .search-widget ::-moz-placeholder{color:#fff}
.widget-wrap .search-widget :-ms-input-placeholder{color:#fff}
.widget-wrap .search-widget :-moz-placeholder{color:#fff}
.widget-wrap .search-widget form.search-form button{float:left;width:20%;padding:10px;background:#dcb46f;color:#fff;font-size:17px;border:none;cursor:pointer;border-bottom-right-radius:20px;border-top-right-radius:20px}
.widget-wrap .search-widget form.search-form::after{content:"";clear:both;display:table}
.widget-wrap .user-info-widget{text-align:center}
.widget-wrap .user-info-widget a h4{margin-top:40px;margin-bottom:5px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.widget-wrap .user-info-widget .social-links li{display:inline-block;margin-bottom:10px}
.widget-wrap .user-info-widget .social-links li a{color:#616161;padding:10px;font-size:14px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.widget-wrap .user-info-widget .social-links li a:hover{color:#dcb46f}
.widget-wrap .popular-post-widget .popular-title{background:#dcb46f;color:#fff;text-align:center;padding:12px 0}
.widget-wrap .popular-post-widget .popular-post-list{margin-top:30px}
.widget-wrap .popular-post-widget .popular-post-list .thumb img{width:100%}
.widget-wrap .popular-post-widget .single-post-list{margin-bottom:20px}
.widget-wrap .popular-post-widget .single-post-list .details{margin-left:12px}
.widget-wrap .popular-post-widget .single-post-list .details h6{font-weight:600;margin-bottom:10px}
.widget-wrap .popular-post-widget .single-post-list .details p{margin-bottom:0}
.widget-wrap .ads-widget img{width:100%}
.widget-wrap .post-category-widget .category-title{background:#dcb46f;color:#fff;text-align:center;padding:12px 0}
.widget-wrap .post-category-widget .cat-list li{padding-top:15px;padding-bottom:8px;border-bottom:2px dotted #eee;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.widget-wrap .post-category-widget .cat-list li p{font-weight:300;font-size:14px;margin-bottom:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.widget-wrap .post-category-widget .cat-list li a{color:#777}
.widget-wrap .post-category-widget .cat-list li:hover{border-color:#dcb46f}
.widget-wrap .post-category-widget .cat-list li:hover p{color:#dcb46f}
.widget-wrap .newsletter-widget .newsletter-title{background:#dcb46f;color:#fff;text-align:center;padding:12px 0}
.widget-wrap .newsletter-widget .col-autos{width:100%}
.widget-wrap .newsletter-widget p{text-align:center;margin:20px 0}
.widget-wrap .newsletter-widget .bbtns{background:#dcb46f;color:#fff;font-size:12px;font-weight:400;padding:8px 20px;border-radius:0}
.widget-wrap .newsletter-widget .input-group-text{background:#fff;border-radius:0;vertical-align:top}
.widget-wrap .newsletter-widget .input-group-text i{color:#ccc;margin-top:-1px}
.widget-wrap .newsletter-widget .form-control{border-left:none!important;border-right:none!important;border-radius:0;font-size:13px;color:#ccc;padding:9px;padding-left:0}
.widget-wrap .newsletter-widget .form-control:focus{box-shadow:none;border-color:#ccc}
.widget-wrap .newsletter-widget ::-webkit-input-placeholder{font-size:13px;color:#ccc}
.widget-wrap .newsletter-widget ::-moz-placeholder{font-size:13px;color:#ccc}
.widget-wrap .newsletter-widget :-ms-input-placeholder{font-size:13px;color:#ccc}
.widget-wrap .newsletter-widget :-moz-placeholder{font-size:13px;color:#ccc}
.widget-wrap .newsletter-widget .text-bottom{margin-bottom:0}
.widget-wrap .tag-cloud-widget .tagcloud-title{background:#dcb46f;color:#fff;text-align:center;padding:12px 0;margin-bottom:30px}
.widget-wrap .tag-cloud-widget ul li{display:inline-block;border:1px solid #eee;background:#fff;padding:4px 14px;margin-bottom:10px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.widget-wrap .tag-cloud-widget ul li:hover{background:#dcb46f}
.widget-wrap .tag-cloud-widget ul li:hover a{color:#fff}
.widget-wrap .tag-cloud-widget ul li a{font-size:12px;color:#000}
.single-post-area{padding-top:80px;padding-bottom:80px}
.single-post-area .meta-details{margin-top:20px!important}
.single-post-area .social-links li{display:inline-block;margin-bottom:10px}
.single-post-area .social-links li a{color:#616161;padding:7px;font-size:14px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-post-area .social-links li a:hover{color:#dcb46f}
.single-post-area .quotes{margin-top:20px;padding:30px;background-color:#fff;box-shadow:-20.84px 21.58px 30px 0 rgba(176,176,176,0.1)}
.single-post-area .arrow{position:absolute}
.single-post-area .arrow .lnr{font-size:20px;font-weight:600}
.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}
.single-post-area .navigation-area{border-top:1px solid #eee;padding-top:30px}
.single-post-area .navigation-area .nav-left{text-align:left}
.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}
.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}
@media (max-width: 767px) {
.single-post-area .navigation-area .nav-left{margin-bottom:30px}
}
.single-post-area .navigation-area .nav-right{text-align:right}
.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}
.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}
.comments-area{background:#fafaff;border:1px solid #eee;padding:50px 20px;margin-top:50px}
@media (max-width: 414px) {
.comments-area{padding:50px 8px}
}
.comments-area h4{text-align:center;margin-bottom:50px}
.comments-area a{color:#616161}
.comments-area .comment-list{padding-bottom:30px}
.comments-area .comment-list:last-child{padding-bottom:0}
.comments-area .comment-list.left-padding{padding-left:25px}
@media (max-width: 413px) {
.comments-area .comment-list .single-comment h5{font-size:12px}
.comments-area .comment-list .single-comment .date{font-size:11px}
.comments-area .comment-list .single-comment .comment{font-size:10px}
}
.comments-area .thumb{margin-right:20px}
.comments-area .date{font-size:13px;color:#ccc}
.comments-area .comment{color:#777}
.comments-area .btn-reply{background-color:#fff;color:#616161;padding:8px 30px;display:block;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.comments-area .btn-reply:hover{background-color:#dcb46f;color:#fff}
.comment-form{text-align:center;background:#fafaff;border:1px solid #eee;padding:50px 20px;margin-top:50px}
.comment-form h4{text-align:center;margin-bottom:50px}
.comment-form .name{padding-left:0}
@media (max-width: 991px) {
.comment-form .name{padding-right:0}
}
.comment-form .email{padding-right:0}
a.more-gallery{background:#000;padding:20px 30px;font-size:18px!important;text-transform:capitalize}
@media (max-width: 991px) {
.comment-form .email{padding-left:0}
a.more-gallery{padding:10px 20px;font-size:12px!important;text-transform:capitalize}
.post-contents{width:100%!important}
}
.comment-form .form-control{padding:10px;background:#fff;border:none;border-radius:0;width:100%;font-size:13px;color:#777}
.comment-form .form-control:focus{box-shadow:none}
.comment-form ::-webkit-input-placeholder{font-size:13px;color:#777}
.comment-form ::-moz-placeholder{font-size:13px;color:#777}
.comment-form :-ms-input-placeholder{font-size:13px;color:#777}
.comment-form :-moz-placeholder{font-size:13px;color:#777}
.comment-form .primary-btn{border-radius:0!important;border:1px solid transparent}
.comment-form .primary-btn:hover{background:transparent;border-color:#dcb46f!important;color:#dcb46f!important}
#contact{padding:60px 0}
#contact .contact-info{margin-bottom:20px;text-align:center}
#contact .contact-info i{font-size:48px;display:inline-block;margin-bottom:10px;color:#616161}
#contact .contact-info address,#contact .contact-info p{margin-bottom:0;color:#112363}
#contact .contact-info h3{font-size:18px;margin-bottom:15px;font-weight:700;text-transform:uppercase;color:#112363}
#contact .contact-info a{color:#4869df}
#contact .contact-info a:hover{color:#616161}
#contact .contact-address,#contact .contact-phone,#contact .contact-email{margin-bottom:20px}
#contact .form #sendmessage{color:#616161;border:1px solid #616161;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#contact .form #errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#contact .form #sendmessage.show,#contact .form #errormessage.show,#contact .form .show{display:block}
#contact .form .validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}
#contact .form input,#contact .form textarea{padding:10px 14px;border-radius:0;box-shadow:none;font-size:15px}
#contact .form button[type="submit"]{background:#dcb46f;border:0;padding:10px 40px;color:#fff;transition:.4s;border-radius:0;cursor:pointer}
#contact .form button[type="submit"]:disabled{background:#4c4c4c;cursor:default}
.invalid{border-color:#ff8875!important}
.valid{color:#495057;background-color:#ececec!important;background-clip:padding-box;border:1px solid #ced4da!important}
.icon{font-size:30px;line-height:2em;padding:5px;vertical-align:sub}
.sub-title{font-size:20px;line-height:2em;padding:5px;vertical-align:sub}
.inner{margin-left:10px}
.floating_Call{display:inline-block;position:fixed;width:60px;height:60px;bottom:15px;left:15px;background-color:#dcb46f;color:#fff;border-radius:50%;text-align:center;font-size:20px;box-shadow:2px 2px 3px #999;z-index:100}
.my-float{margin-top:20px;font-size:20px}
a.floating_Call:hover{color:#000!important}
.floating_whatsapp{display:inline-block;position:fixed;width:60px;height:60px;bottom:85px;left:15px;background-color:#25d366;color:#fff;border-radius:50%;text-align:center;font-size:40px;box-shadow:2px 2px 3px #999;z-index:100}
.floating_whatsapp .my-float{margin-top:12px;font-size:35px;color:#fff!important}
.icon-bar{position:fixed;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.icon-bar a{display:block;text-align:center;padding:10px 16px;transition:all .3s ease;color:#fff;font-size:23px}
.icon-bar a:hover{background-color:#000}
.facebook{background:#3B5998;color:#fff}
.twitter{background:#55ACEE;color:#fff}
.google {
    background: rgb(60,4,247);
    background: linear-gradient(160deg, rgba(60,4,247,1) 0%, rgba(131,58,180,1) 28%, rgba(253,29,29,1) 56%, rgba(252,176,69,1) 100%);
    color: #fff
}
.linkedin{background:#007bb5;color:#fff}
.youtube{background:#b00;color:#fff}
.video-container{position:relative;padding-bottom:52%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.unitsize{flex:0 0 18%;max-width:18%;padding:5px;margin-bottom:10px}
.icon2{font-size:25px;line-height:2.3em;padding:5px;padding-left:0;vertical-align:sub}
.icon3{font-size:25px;line-height:2.1;padding:5px;padding-left:0;vertical-align:sub}
.icon4{font-size:35px;line-height:1.6em}
.about-info-center{text-align:center}
.lineheight-icon{line-height:17px!important;display:block}
@media screen and (max-width: 700px) {
.video-container{position:relative;padding-bottom:47%;padding-top:30px;height:0;overflow:hidden}
.unitsize{width:100%;flex:0 0 100%;max-width:100%;padding:0}
.lineheight-icon{display:inline}
.about-info-center{text-align:left}
}
.section-tittle{position:relative}
.mb-55{margin-bottom:35px}
/*.section-tittle .front-text h2{color:#dcb46f;font-size:30px;font-weight:500;line-height:1.5!important;z-index:99999}
*/.section-tittle span.back-text{display:none;font-size:60px;font-weight:800;text-transform:uppercase;-webkit-text-stroke:1px rgba(220,180,111,0.3);-webkit-text-fill-color:transparent;margin:0;line-height:1;position:absolute;transform:translateY(-114%);right:0;left:12px}
.section-tittle .front-text h2 {
    font-weight: 400;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #363636;
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: 0px;
}





body {
    width: 100%;
    height: 100vh;
    --l: 3.5em;
    overflow-x: hidden;
}





.triggerButton {
    display: none;
}

    .triggerButton + label {
        cursor: pointer;
        position: fixed;
        left: 1.1em;
        bottom: 1.1em;
        background-color: #dcb46f;
        height: var(--l);
        width: var(--l);
        border-radius: 50%;
        z-index: 9999999999;
        text-align: center;
        padding-top: 13px;
    
    }

       /* .triggerButton + label:before, .triggerButton + label:after {
            position: absolute;
            content: '';
            height: calc(var(--l) / 2 );
            width: .25em;
            background-color: #fff;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border-radius: .5em;
            transition: all .25s;
        }


        .triggerButton + label:before {
            height: calc(var(--l) / 2 );
            width: .25em;
        }

        .triggerButton + label:after {
            width: calc(var(--l) / 2 );
            height: .25em;
        }*/
        .triggerButton + label i {
            color: #fff;
            font-size: 22px;
            margin: auto;
        }
    .triggerButton:checked + label:before, .triggerButton:checked + label:after {
        position: absolute;
        content: '';
        height: calc(var(--l) / 2 );
        width: .25em;
        background-color: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: .5em;
        transition: all .25s;
    }

    .triggerButton:checked + label:before {
        height: calc(var(--l) / 2 );
        width: .25em;
    }

    .triggerButton:checked + label:after {
        width: calc(var(--l) / 2 );
        height: .25em;
    }

    .triggerButton:checked + label i:before {
        content: '' !important;
    }
.triggerButton:checked + label:before {
    transform: rotatez(-45deg);
}

    .triggerButton:checked + label:after {
        transform: rotatez(-45deg);
    }

.one, .two, .three {
    cursor: pointer;
    position: fixed;
    left: 1em;
    bottom: 1em;
    padding: 0.5em 0.7em;
    width: 2.8em;
    height: 2.8em;
    border-radius: 50%;
    opacity: 0;
    z-index: 999999999;
    transform: rotateZ(90deg);
    font-size: 1em;
    color: #fff;
    align-content:center !important;
    transition-property: all;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
    .three a, .one a {
        font-size: 22px;
        color: #fff !important;
    }
    .two a {
        font-size: 18px;
        color: #fff !important;
    }
   
    .triggerButton:checked ~ .one, .triggerButton:checked ~ .two, .triggerButton:checked ~ .three {
    opacity: 1;
}

.triggerButton:checked ~ .one {
    background: rgb(60,4,247);
    background: linear-gradient(160deg, rgba(60,4,247,1) 0%, rgba(131,58,180,1) 28%, rgba(253,29,29,1) 56%, rgba(252,176,69,1) 100%);
    transform: translateX(5em);
    transition-delay: .2s;
}

.triggerButton:checked ~ .two {
    background-color: #18a5d0;
    transform: translateX(4em) translateY(-4em);
    transition-delay: .1s;
}

.triggerButton:checked ~ .three {
    background-color: forestgreen;
    transform: translateY(-5.5em);
}

    .triggerButton:checked ~ .one:hover, .triggerButton:checked ~ .two:hover, .triggerButton:checked ~ .three:hover {
        opacity: .9;
    }

.phone {
    background-color: #18a5d0;
    font-size:26px;
}

.whatsapp {
    background-color: forestgreen;
}


.switch-lang {
    width: 150px;
    text-align: left;
    cursor: pointer;
    z-index: 50;
    position: absolute;
    top: 20px;
    right: 40px;
}


    .switch-lang:hover .lang-dropdown {
        display: block;
    }

.switcher-link {
    color: #fff;
}

    .switcher-link:hover {
        color: #fff;
    }

.current-lang {
    padding: 0px 5px 0px 5px;
    border-radius: 5px;

}

.lang-flag {
    width: 20px;
    display: inline-block;
}

.lang-text {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 2px;
    margin-bottom: 5px;
   color:#ced4da;
}

.lang-dropdown {
    display: none;
    background: #34495e;
    border-radius: 5px;
    margin-top: 2px;
}

.selecting-lang {
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

    .selecting-lang:hover {
        background: #22313f;
    }

.dropdown-toggle::after {
    display: none;
}

.menu-arrow {
    display: inline-block;
    width: 10px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 6px;
}
span.mobilehidden2 {
   font-size:11px
}
.Footer-details {
    color: #222;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    line-height: 2em;
    letter-spacing: 0px;
}
.rotate {
    transform: rotate(90deg);
}
.backButton {
    color: #dcb46f;
    font-size: 25px;
    margin-top: 5px;
    text-align: right;
}

.inputText {
    padding-left: 102px;
    line-height: 1.5em;
    width: 100%
}

.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    /*float: left;*/
}
.inputText {
    padding-left: 102px !important;
    padding-right: 10px !important;
    line-height: 1.5em;
    width: 100%;
}
    .selectdiv:after {
        content: '\f078';
        font: normal normal normal 17px/1 FontAwesome;
        color: #616161;
        right: 12px;
        top: 8px;
        height: 25px;
        padding: 4px 4px 0px 8px;
        border-left: 1px solid #616161;
        position: absolute;
        pointer-events: none;
    }



.our_project_area .selectdiv:after {
    color: #dcb46f !important;
    border-left: 1px solid #dcb46f !important;
}
     #contact  .form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 13px) !important;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    padding: 7px 14px;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
    line-height: 1.5;
    background-color: #ffffff;
    background-image: none;
    border-radius: unset !important;
    -ms-word-break: normal;
    word-break: normal;
}
.our_project_area .selectdiv select {
    border: 1px solid #dcb46f !important;
}

.contactForm .selectdiv:after {
    color: #b8b7b7 !important;
    border-left: 1px solid #ccc !important;
}
.contactForm .selectdiv select {
    border: 1px solid #ccc !important;
}

.contactForm .selectdiv option[selected] {
    color: #ccc !important;
}

#nationality {
    color: #b3b3b3;
}

    #nationality option {
        color: #000;
    }

@media (max-width:1099px) {
    .container {
        max-width: 930px !important
    }

    #header #logo img {
        height: 35px !important;
       
    }
}

@media  (max-width: 765px) {

    .switch-lang {
        width: auto;
        text-align: left;
        cursor: pointer;
        z-index: 50;
        position: absolute;
        top: 5px;
        right: 50px;
    }
}

.banner-area {
    background-size: cover !important;
    margin-top: 53px;
}

.moreDetailsEvent{
    float:right; 
    margin-top:10px;
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float:unset !important;
    }
}
.moreButton {
 display:block !important;
    
}

.float-btn-profile {
    float: right;
    text-align: right;
}
.linkProject {
    cursor: pointer;
}

.carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 2px;
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;
    background-color: #999;
    transition: all 0.25s ease;
}

    .carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
        margin: 0 2px;
        width: 15px;
        height: 15px;
        background-color: #dcb46f;
    }

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .8;
}

    .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
        margin-top: -15px;
        font-size: 50px;
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        font-weight: 900;
        color: #dcb46f !important;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
    }

    .carousel-control.left {
        background-repeat: repeat-x;
    }



/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}

    .custom-select-wrapper select {
        display: none;
    }

.custom-select {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0;
    border: 0px;
    background-color: transparent;
    opacity: 1;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 150px;
    padding: 0 15px 0 10px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    background: #dcb46f;
    border-radius: 4px;
    cursor: pointer;
}

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 11px;
        margin-top: -3px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 0px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 12px;
    /* font-weight: 600; */
    color: #616161;
    line-height: 39px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    text-align: center;
}

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #f9f9f9;
    }

.about-wrap #divOurStoryText {
    font-size: 16px !important;
}

.text-right {
    text-align: right;
}
.Download-icon {
    font-size: 18px;
    font-weight: 700;
    height: 23px;
    line-height: unset !important;
    /*padding: 5px;*/
    padding-right: 5px;
    color: #dcb46f;
}
.backIcon {
    background-image: url(https://www.tigergroup.ae/Sources/img/LocationNew.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 150px;

}
.buttomDirection {
    direction: rtl;
    text-align: right;

}

.blueText {
    color: #dcb46f !important;
    font-size:22px; 
    font-weight: 600 !important;
}
h1 {
    color: #dcb46f;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
}
.iconDetails {
    line-height: 1.57em !important;
    color: #dcb46f;
}
.about-info-center {
    text-align: center;
}

.front-text {
    margin-top: 50px !important;
    margin-Bottom: 50px !important;
    min-height:60px;
}
@media only screen and (max-width: 1025px) {
    .switch-lang {
        width: 105px;
        text-align: left;
        cursor: pointer;
        z-index: 50;
        position: absolute;
        top: 24%;
        right: 25%;
    }
    .front-text {
        margin-top: 30px !important;
        margin-Bottom: 30px !important;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 105px;
        padding: 0 15px 0 15px;
        font-size: 13px;
        font-weight: 300;
        color: #fff;
        line-height: 30px;
        background: #dcb46f;
        border-radius: 4px;
        cursor: pointer;
    }

        .custom-select-trigger:after {
            position: absolute;
            display: block;
            content: '';
            width: 10px;
            height: 10px;
            top: 50%;
            right: 15px;
            margin-top: -3px;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            transform: rotate(45deg) translateY(-50%);
            transition: all .4s ease-in-out;
            transform-origin: 50% 0;
        }
    .pt-50 {
        padding-top: 0px;
    }
}


@media (min-width: 766px) and (max-width: 1025px) {

    .switch-lang {
        width: 110px;
        text-align: left;
        cursor: pointer;
        z-index: 50;
        position: absolute;
        top: 18px;
        right: 12%
    }
    #logo {
        margin-left: 8%;
        margin-top: 12px;
    }

    #mobile-nav-toggle {
        position: fixed;
        right: 5%;
        z-index: 999;
        top: 7%;
        border: 0;
    }
    }

@media screen and (max-width: 700px) {

    .about-info-center {
        text-align: center;
    }
    .front-text {
        margin-top: 20px !important;
        margin-Bottom: 20px !important;
    }
    #lblTitle {
        margin-top: 50px
    }
}


@media screen and (min-width: 2000px) {
    .switch-lang {
        width: 150px;
        text-align: left;
        cursor: pointer;
        z-index: 50;
        position: static;
        margin-left: 25px;
    }
    #nav-menu-container {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.btn-pluss-wrapper {
    position: fixed;
    z-index: 999;
    bottom: 110px;
    left: 40px;
}

@media screen and (max-width: 767px) {
    .btn-pluss-wrapper {
        position: fixed;
        z-index: 999;
        bottom: 0px;
        left: 10px;
    }
}
.btn-pluss {
    position: relative;
    bottom: 0px;
    left: 48px;
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    line-height: 49px;
    text-align: center;
    font-size: 1.8rem;
    background-color: #dcb46f;
    color: white;
    transform: translateY(-50%) translateX(-50%);
    transition: all 0.3s 0.5s ease;
    align-content: center;
}

    .btn-pluss a {
        display: block;
        position: relative;
        color: #FA434B;
        text-decoration: none;
        overflow: hidden;
        padding: 5px;
        border-radius: 5px;
    }

        .btn-pluss a:hover {
            text-decoration: inherit;
            color: white;
            background-color: #FA434B;
            transition: background-color 0.5s ease;
        }

    .btn-pluss:after {
        position: absolute;
        top: 95px;
        right: 30px;
        display: block;
        height: 50px;
        width: 50px;
        border-radius: 100%;
        line-height: 20px;
        text-align: center;
        font-size: 1.1rem;
        background-color: #FA434B;
        color: white;
        transform: translateY(-50%) translateX(-50%);
        transition: all 0.3s 0.5s ease;
        cursor: pointer;
        cursor: hand;
    }

.tooltipContactUs {
    position: relative;
    z-index: 999;
    bottom: 9px;
    left: 0px;
    padding: 5px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 15px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: jump;
    animation-name: jump;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #dcb46f;
    color: #fff;
    transition: all 1s ease;
    pointer-events: none;
}

    .tooltipContactUs::after {
        content: "";
        position: absolute;
        transform: rotate(45deg);
        display: block;
        height: 10px;
        width: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: inherit;
    }



@-webkit-keyframes jump {
    0% {
        transform: translateY(3px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(3px);
    }
}

@keyframes jump {
    0% {
        transform: translateY(3px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(3px);
    }
}
.align-items-center {
    align-items: center !important;
}

.d-flex {
    display: flex !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (max-width: 400px) {

    #mobile-nav-toggle {
        display: inline;
        top: 3.5vh;
    }
}

#purpose {
    color: #b3b3b3;
}