@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:600,500,400,300,200,100,400italic,700,900|Muli&subset=latin,vietnamese,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek");
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');
:root{--font1: 'Roboto', sans-serif;--font2: 'Muli', sans-serif;--font4: 'Cairo', sans-serif;--main-color: #1B1B1B;--main-color2:#000;--bodyColor: #6c757d;--whiteColor: #ffffff;--fontSize:12px;--transition:all ease-in-out 0.4s;--shadow-1: 10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;--inner-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;
--bg1:linear-gradient(145deg, #1e2024, #23272b);--borderWidth: 3px;--glow-color: hsl(186 100% 75%);--border-color:rgba(255,255,255,.1);
}
:root[dir="rtl"]{--font1: 'Cairo', sans-serif;--font2: 'Cairo', sans-serif;--font4: 'Cairo', sans-serif;}
:dir(rtl) .font1{font-family:var(--font4);}
:dir(rtl) .font2{font-family:var(--font4)!important;}
html{height:100%;overflow-x:hidden!important}
body{margin:0;padding:0;font-family:var(--font1);font-weight:400;font-size:12px;color:#000;background:#1B1B1B;height:100%;}
:dir(rtl) body{font-family:var(--font4);line-height:1.6;font-size:15px;}
h1{font-size:4.46666666667em;text-transform:uppercase;font-weight:400;line-height:1.17em}
h2{font-size:3.2em;font-weight:300}
h3{font-size:1em}
h4{font-size:.9em;font-weight:200}
h5{font-size:.8em;font-weight:200}
h6{font-size:.6em;font-weight:200}
p{text-align:left;font-size:1.1em;line-height:24px;padding-bottom:10px}
:dir(rtl) p{text-align:right;line-height:30px;}

blockquote{float:left;padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:15px solid #eee}
blockquote p{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;color:#494949}
a,a:hover{text-decoration:none;color:#000;transition:var(--transition);}
ul, ol{margin:0;padding:0;}
ul li, ol li{list-style: none;}
/* .loader{position:fixed;top:50%!important;left:50%;width:105px;height:8px;z-index:100;font-size:34px;opacity:.8;margin:-4px 0 0 -53px}
#movingBallG{position:relative;width:105px;height:8px}
.movingBallLineG{position:absolute;left:0;top:3px;height:1px;width:105px;background:rgba(255,255,255,0.21)}
.movingBallG{background:#fff;position:absolute;top:0;left:0;width:8px;height:8px;border-radius:4px;animation-name:bounce_movingBallG;animation-duration:1.3s;animation-iteration-count:infinite;animation-direction:linear}
@keyframes bounce_movingBallG {
0%{left:0}
50%{left:97px}
100%{left:0}
} */

/*shortcode 2.0 by Abhijit Sarkar*/
.height100{height:100%;}.pjustify p{text-align:justify}.prelative{position:relative}.pabsolute{position:absolute}.zindex0{z-index:0}.zindex1{z-index:1}.zindex2{z-index:2}.zindex3{z-index:3}.zindex4{z-index:4}.zindex5{z-index:5}.zindex6{z-index:6}.zindex7{z-index:7}.zindex8{z-index:8}.zindex9{z-index:9}.zindex10{z-index:10}.zindex99{z-index:99}.zindex999{z-index:999}.zindex9999{z-index:9999}.white,a.white,p.white,span.white{color:#fff!important}.bg-white{background:#fff!important}.fw-normal{font-weight:400!important}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-bold{font-weight:700}.fontfam1{font-family:''}.fontfam2{font-family:''}.blur1{filter:blur(1px)}.blur2{filter:blur(2px)}.blur3{filter:blur(3px)}.blur4{filter:blur(4px)}.color333{color:#333}.color666{color:#666}.color111{color:#111}.color-black,.color000{color:#000}.th-color{color:var(--main-color);}.bg-theme{background:var(--main-color);}.bg111{background:#111}.bg222{background:#222}.bg333{background:#333}.bgfa{background:#fafafa}.bgf2{background:#f2f2f2}.bgf5{background:#f5f5f5}.bg-white1{background:rgba(255,255,255,.1)}.bg-white2{background:rgba(255,255,255,.2)}.bg-white3{background:rgba(255,255,255,.3)}.bg-white4{background:rgba(255,255,255,.4)}.bg-white5{background:rgba(255,255,255,.5)}.bg-white6{background:rgba(255,255,255,.6)}.bg-white7{background:rgba(255,255,255,.7)}.bg-white8{background:rgba(255,255,255,.8)}.bg-white9{background:rgba(255,255,255,.9)}.bg-white10{background:rgba(255,255,255,1)}.bg-black1{background:rgba(0,0,0,.1)}.bg-black2{background:rgba(0,0,0,.2)}.bg-black3{background:rgba(0,0,0,.3)}.bg-black4{background:rgba(0,0,0,.4)}.bg-black5{background:rgba(0,0,0,.5)}.bg-black6{background:rgba(0,0,0,.6)}.bg-black7{background:rgba(0,0,0,.7)}.bg-black8{background:rgba(0,0,0,.8)}.bg-black9{background:rgba(0,0,0,.9)}.bg-black10{background:rgba(0,0,0,1)}.max{max-width:100%}.full{width:100%}.nostyle li{list-style:none}.limb5 li{margin-bottom:5px!important}.limb10 li{margin-bottom:10px!important}.check li,.angle li,.times li{position:relative;padding-left:25px!important}.check li::before{content:'\f270';font-family:'bootstrap-icons';position:absolute;left:0;font-size:16px;top:50%;transform:translateY(-50%)}.times li::before{content:'\f659';font-family:'bootstrap-icons';position:absolute;left:0;font-size:13px;color:#ba0d12;top:50%;transform:translateY(-50%)}.angle li::before{content:'\f285';font-family:'bootstrap-icons';position:absolute;left:0;font-size:12px;top:50%;transform:translateY(-50%)}ul.half li{display:inline-block;min-width:48%}ul.three li{display:inline-block;min-width:31%}.box-shadow{box-shadow:0 8px 6px -6px #ccc}.border1solid{border:1px solid}.border2solid{border:2px solid}.border1dashed{border:1px dashed}.border2dashed{border:2px dashed}.bordercolorccc{border-color:#ccc}.bordercolorddd{border-color:#ddd}.bordercolorf2{border-color:#f2f2f2}.bordercolorf{border-color:#fff}.bordercolor333{border-color:#333}.bordercolord9{border-color:#d9d9d9}.tagger{text-align:right;display:inline-block}.tagger img{display:inline}.op1{opacity:.1}.op2{opacity:.2}.op3{opacity:.3}.op4{opacity:.4}.op5{opacity:.5}.op6{opacity:.6}.op7{opacity:.7}.op8{opacity:.8}.op9{opacity:.9}.top1{top:1px}.top2{top:2px}.top3{top:3px}.top4{top:4px}.top5{top:5px}.top6{top:6px}.top7{top:7px}.top8{top:8px}.top9{top:9px}.top10{top:10px}.top-1{top:-1px}.top-2{top:-2px}.top-3{top:-3px}.top-4{top:-4px}.top-5{top:-5px}.top-6{top:-6px}.top-7{top:-7px}.top-8{top:-8px}.top-9{top:-9px}.top-10{top:-10px}.capp{position:relative}.capp input{padding-left:65px!important}.capp span{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;}.colorwhatsapp{color:#14ad53}select,.aselect{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;background:url(../images/angle-down.svg) no-repeat right 10px center #fff!important;background-size:15px!important;padding-right:25px!important}.datepicker,.daterange,.daterangebooking,.daterange-small,.daterangebooking-small{cursor:pointer;background:url(../images/calendar.svg) no-repeat right 10px center #fff!important;padding-right:20px!important}.noresize{resize:none}.ofhidden{overflow:hidden}.ofxhidden{overflow-x:hidden}.ofyhidden{overflow-y:hidden}.transition{transition:all ease-in-out .3s}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.text-img-bg{color:#fff;background:url() repeat fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ellipsis{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.no-ellipsis{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:hidden}.grd-text{background:-webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));background:linear-gradient(to right,#ff8a00,#da1b60);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lh-20{line-height:20px!important}.lh-22{line-height:22px!important}.lh-24{line-height:24px!important}.lh-25{line-height:25px!important}.lh-26{line-height:26px!important}.lh-28{line-height:28px!important}.lh-30{line-height:30px!important}.lh-32{line-height:32px!important}.lh-34{line-height:34px!important}.lh-35{line-height:35px!important}.lh-36{line-height:36px!important}.lh-38{line-height:38px!important}.lh-40{line-height:40px!important}.lh-42{line-height:42px!important}.lh-44{line-height:44px!important}.lh-45{line-height:45px!important}.lh-46{line-height:46px!important}.lh-48{line-height:48px!important}.lh-50{line-height:50px!important}.font10{font-size:10px!important}.font11{font-size:11px!important}.font12{font-size:12px!important}.font13{font-size:13px!important}.font14{font-size:14px!important}.font15{font-size:15px!important}.font16{font-size:16px!important}.font17{font-size:17px!important}.font18{font-size:18px!important}.font19{font-size:19px!important}.font20{font-size:20px!important}.font21{font-size:21px!important}.font22{font-size:22px!important}.font23{font-size:23px!important}.font24{font-size:24px!important}.font25{font-size:25px!important}.font26{font-size:26px!important}.font27{font-size:27px!important}.font28{font-size:28px!important}.font29{font-size:29px!important}.font30{font-size:30px!important}.font31{font-size:31px!important}.font32{font-size:32px!important}.font33{font-size:33px!important}.font34{font-size:34px!important}.font35{font-size:35px!important}.font36{font-size:36px!important}.font37{font-size:37px!important}.font38{font-size:38px!important}.font39{font-size:39px!important}.font40{font-size:40px!important}.font41{font-size:41px!important}.font42{font-size:42px!important}.font43{font-size:43px!important}.font44{font-size:44px!important}.font45{font-size:45px!important}.font46{font-size:46px!important}.font47{font-size:47px!important}.font48{font-size:48px!important}.font49{font-size:49px!important}.font50{font-size:50px!important}ul.half li{display:inline-block;min-width:48%}ul.three li{display:inline-block;min-width:31%}.text-justify{text-align:justify!important}
@media(min-width:1200px){.lh-20-lg{line-height:20px!important}.lh-22-lg{line-height:22px!important}.lh-24-lg{line-height:24px!important}.lh-25-lg{line-height:25px!important}.lh-26-lg{line-height:26px!important}.lh-28-lg{line-height:28px!important}.lh-30-lg{line-height:30px!important}.lh-32-lg{line-height:32px!important}.lh-34-lg{line-height:34px!important}.lh-35-lg{line-height:35px!important}.lh-36-lg{line-height:36px!important}.lh-38-lg{line-height:38px!important}.lh-40-lg{line-height:40px!important}.lh-42-lg{line-height:42px!important}.lh-44-lg{line-height:44px!important}.lh-45-lg{line-height:45px!important}.lh-46-lg{line-height:46px!important}.lh-48-lg{line-height:48px!important}.lh-50-lg{line-height:50px!important}.font10-lg{font-size:10px!important}.font11-lg{font-size:11px!important}.font12-lg{font-size:12px!important}.font13-lg{font-size:13px!important}.font14-lg{font-size:14px!important}.font15-lg{font-size:15px!important}.font16-lg{font-size:16px!important}.font17-lg{font-size:17px!important}.font18-lg{font-size:18px!important}.font19-lg{font-size:19px!important}.font20-lg{font-size:20px!important}.font21-lg{font-size:21px!important}.font22-lg{font-size:22px!important}.font23-lg{font-size:23px!important}.font24-lg{font-size:24px!important}.font25-lg{font-size:25px!important}.font26-lg{font-size:26px!important}.font27-lg{font-size:27px!important}.font28-lg{font-size:28px!important}.font29-lg{font-size:29px!important}.font30-lg{font-size:30px!important}.font31-lg{font-size:31px!important}.font32-lg{font-size:32px!important}.font33-lg{font-size:33px!important}.font34-lg{font-size:34px!important}.font35-lg{font-size:35px!important}.font36-lg{font-size:36px!important}.font37-lg{font-size:37px!important}.font38-lg{font-size:38px!important}.font39-lg{font-size:39px!important}.font40-lg{font-size:40px!important}.font41-lg{font-size:41px!important}.font42-lg{font-size:42px!important}.font43-lg{font-size:43px!important}.font44-lg{font-size:44px!important}.font45-lg{font-size:45px!important}.font46-lg{font-size:46px!important}.font47-lg{font-size:47px!important}.font48-lg{font-size:48px!important}.font49-lg{font-size:49px!important}.font50-lg{font-size:50px!important}ul.half-lg li{display:inline-block;min-width:48%}ul.three-lg li{display:inline-block;min-width:31%}.text-center-lg{text-align:center!important}.text-justify-lg{text-align:justify!important}.text-left-lg{text-align:left!important}.text-right-lg{text-align:right!important}}
@media(max-width:1199px){.lh-20-md{line-height:20px!important}.lh-22-md{line-height:22px!important}.lh-24-md{line-height:24px!important}.lh-25-md{line-height:25px!important}.lh-26-md{line-height:26px!important}.lh-28-md{line-height:28px!important}.lh-30-md{line-height:30px!important}.lh-32-md{line-height:32px!important}.lh-34-md{line-height:34px!important}.lh-35-md{line-height:35px!important}.lh-36-md{line-height:36px!important}.lh-38-md{line-height:38px!important}.lh-40-md{line-height:40px!important}.lh-42-md{line-height:42px!important}.lh-44-md{line-height:44px!important}.lh-45-md{line-height:45px!important}.lh-46-md{line-height:46px!important}.lh-48-md{line-height:48px!important}.lh-50-md{line-height:50px!important}.font10-md{font-size:10px!important}.font11-md{font-size:11px!important}.font12-md{font-size:12px!important}.font13-md{font-size:13px!important}.font14-md{font-size:14px!important}.font15-md{font-size:15px!important}.font16-md{font-size:16px!important}.font17-md{font-size:17px!important}.font18-md{font-size:18px!important}.font19-md{font-size:19px!important}.font20-md{font-size:20px!important}.font21-md{font-size:21px!important}.font22-md{font-size:22px!important}.font23-md{font-size:23px!important}.font24-md{font-size:24px!important}.font25-md{font-size:25px!important}.font26-md{font-size:26px!important}.font27-md{font-size:27px!important}.font28-md{font-size:28px!important}.font29-md{font-size:29px!important}.font30-md{font-size:30px!important}.font31-md{font-size:31px!important}.font32-md{font-size:32px!important}.font33-md{font-size:33px!important}.font34-md{font-size:34px!important}.font35-md{font-size:35px!important}.font36-md{font-size:36px!important}.font37-md{font-size:37px!important}.font38-md{font-size:38px!important}.font39-md{font-size:39px!important}.font40-md{font-size:40px!important}.font41-md{font-size:41px!important}.font42-md{font-size:42px!important}.font43-md{font-size:43px!important}.font44-md{font-size:44px!important}.font45-md{font-size:45px!important}.font46-md{font-size:46px!important}.font47-md{font-size:47px!important}.font48-md{font-size:48px!important}.font49-md{font-size:49px!important}.font50-md{font-size:50px!important}ul.half-md li{display:inline-block;min-width:48%}ul.three-md li{display:inline-block;min-width:31%}.text-center-md{text-align:center!important}.text-justify-md{text-align:justify!important}.text-left-md{text-align:left!important}.text-right-md{text-align:right!important}}
@media(max-width:991px){.lh-20-sm{line-height:20px!important}.lh-22-sm{line-height:22px!important}.lh-24-sm{line-height:24px!important}.lh-25-sm{line-height:25px!important}.lh-26-sm{line-height:26px!important}.lh-28-sm{line-height:28px!important}.lh-30-sm{line-height:30px!important}.lh-32-sm{line-height:32px!important}.lh-34-sm{line-height:34px!important}.lh-35-sm{line-height:35px!important}.lh-36-sm{line-height:36px!important}.lh-38-sm{line-height:38px!important}.lh-40-sm{line-height:40px!important}.lh-42-sm{line-height:42px!important}.lh-44-sm{line-height:44px!important}.lh-45-sm{line-height:45px!important}.lh-46-sm{line-height:46px!important}.lh-48-sm{line-height:48px!important}.lh-50-sm{line-height:50px!important}.font10-sm{font-size:10px!important}.font11-sm{font-size:11px!important}.font12-sm{font-size:12px!important}.font13-sm{font-size:13px!important}.font14-sm{font-size:14px!important}.font15-sm{font-size:15px!important}.font16-sm{font-size:16px!important}.font17-sm{font-size:17px!important}.font18-sm{font-size:18px!important}.font19-sm{font-size:19px!important}.font20-sm{font-size:20px!important}.font21-sm{font-size:21px!important}.font22-sm{font-size:22px!important}.font23-sm{font-size:23px!important}.font24-sm{font-size:24px!important}.font25-sm{font-size:25px!important}.font26-sm{font-size:26px!important}.font27-sm{font-size:27px!important}.font28-sm{font-size:28px!important}.font29-sm{font-size:29px!important}.font30-sm{font-size:30px!important}.font31-sm{font-size:31px!important}.font32-sm{font-size:32px!important}.font33-sm{font-size:33px!important}.font34-sm{font-size:34px!important}.font35-sm{font-size:35px!important}.font36-sm{font-size:36px!important}.font37-sm{font-size:37px!important}.font38-sm{font-size:38px!important}.font39-sm{font-size:39px!important}.font40-sm{font-size:40px!important}.font41-sm{font-size:41px!important}.font42-sm{font-size:42px!important}.font43-sm{font-size:43px!important}.font44-sm{font-size:44px!important}.font45-sm{font-size:45px!important}.font46-sm{font-size:46px!important}.font47-sm{font-size:47px!important}.font48-sm{font-size:48px!important}.font49-sm{font-size:49px!important}.font50-sm{font-size:50px!important}ul.half-sm li{display:inline-block;min-width:48%}ul.three-sm li{display:inline-block;min-width:31%}.text-center-sm{text-align:center!important}.text-justify-sm{text-align:justify!important}.text-left-sm{text-align:left!important}.text-right-sm{text-align:right!important}}
@media(max-width:767px){.lh-20-xs{line-height:20px!important}.lh-22-xs{line-height:22px!important}.lh-24-xs{line-height:24px!important}.lh-25-xs{line-height:25px!important}.lh-26-xs{line-height:26px!important}.lh-28-xs{line-height:28px!important}.lh-30-xs{line-height:30px!important}.lh-32-xs{line-height:32px!important}.lh-34-xs{line-height:34px!important}.lh-35-xs{line-height:35px!important}.lh-36-xs{line-height:36px!important}.lh-38-xs{line-height:38px!important}.lh-40-xs{line-height:40px!important}.lh-42-xs{line-height:42px!important}.lh-44-xs{line-height:44px!important}.lh-45-xs{line-height:45px!important}.lh-46-xs{line-height:46px!important}.lh-48-xs{line-height:48px!important}.lh-50-xs{line-height:50px!important}.font10-xs{font-size:10px!important}.font11-xs{font-size:11px!important}.font12-xs{font-size:12px!important}.font13-xs{font-size:13px!important}.font14-xs{font-size:14px!important}.font15-xs{font-size:15px!important}.font16-xs{font-size:16px!important}.font17-xs{font-size:17px!important}.font18-xs{font-size:18px!important}.font19-xs{font-size:19px!important}.font20-xs{font-size:20px!important}.font21-xs{font-size:21px!important}.font22-xs{font-size:22px!important}.font23-xs{font-size:23px!important}.font24-xs{font-size:24px!important}.font25-xs{font-size:25px!important}.font26-xs{font-size:26px!important}.font27-xs{font-size:27px!important}.font28-xs{font-size:28px!important}.font29-xs{font-size:29px!important}.font30-xs{font-size:30px!important}.font31-xs{font-size:31px!important}.font32-xs{font-size:32px!important}.font33-xs{font-size:33px!important}.font34-xs{font-size:34px!important}.font35-xs{font-size:35px!important}.font36-xs{font-size:36px!important}.font37-xs{font-size:37px!important}.font38-xs{font-size:38px!important}.font39-xs{font-size:39px!important}.font40-xs{font-size:40px!important}.font41-xs{font-size:41px!important}.font42-xs{font-size:42px!important}.font43-xs{font-size:43px!important}.font44-xs{font-size:44px!important}.font45-xs{font-size:45px!important}.font46-xs{font-size:46px!important}.font47-xs{font-size:47px!important}.font48-xs{font-size:48px!important}.font49-xs{font-size:49px!important}.font50-xs{font-size:50px!important}.clearfix-xs{clear:both;display:block}ul.full-xs li{display:inline-block;min-width:100%}ul.half-xs li{display:inline-block;min-width:48%}ul.three-xs li{display:inline-block;min-width:31%}.text-center-xs{text-align:center!important}.text-justify-xs{text-align:justify!important}.text-left-xs{text-align:left!important}.text-right-xs{text-align:right!important}.float-none-xs{float:none!important}.float-left-xs{float:left!important}.float-right-xs{float:right!important}.full-xs{width:100%!important}.tagger{text-align:center!important}}.visible-xss{display:none}
@media(max-width:640px){.visible-xss{display:block!important}.hidden-xss{display:none!important}.lh-20-xss{line-height:20px!important}.lh-22-xss{line-height:22px!important}.lh-24-xss{line-height:24px!important}.lh-25-xss{line-height:25px!important}.lh-26-xss{line-height:26px!important}.lh-28-xss{line-height:28px!important}.lh-30-xss{line-height:30px!important}.lh-32-xss{line-height:32px!important}.lh-34-xss{line-height:34px!important}.lh-35-xss{line-height:35px!important}.lh-36-xss{line-height:36px!important}.lh-38-xss{line-height:38px!important}.lh-40-xss{line-height:40px!important}.lh-42-xss{line-height:42px!important}.lh-44-xss{line-height:44px!important}.lh-45-xss{line-height:45px!important}.lh-46-xss{line-height:46px!important}.lh-48-xss{line-height:48px!important}.lh-50-xss{line-height:50px!important}.font10-xss{font-size:10px!important}.font11-xss{font-size:11px!important}.font12-xss{font-size:12px!important}.font13-xss{font-size:13px!important}.font14-xss{font-size:14px!important}.font15-xss{font-size:15px!important}.font16-xss{font-size:16px!important}.font17-xss{font-size:17px!important}.font18-xss{font-size:18px!important}.font19-xss{font-size:19px!important}.font20-xss{font-size:20px!important}.font21-xss{font-size:21px!important}.font22-xss{font-size:22px!important}.font23-xss{font-size:23px!important}.font24-xss{font-size:24px!important}.font25-xss{font-size:25px!important}.font26-xss{font-size:26px!important}.font27-xss{font-size:27px!important}.font28-xss{font-size:28px!important}.font29-xss{font-size:29px!important}.font30-xss{font-size:30px!important}.font31-xss{font-size:31px!important}.font32-xss{font-size:32px!important}.font33-xss{font-size:33px!important}.font34-xss{font-size:34px!important}.font35-xss{font-size:35px!important}.font36-xss{font-size:36px!important}.font37-xss{font-size:37px!important}.font38-xss{font-size:38px!important}.font39-xss{font-size:39px!important}.font40-xss{font-size:40px!important}.font41-xss{font-size:41px!important}.font42-xss{font-size:42px!important}.font43-xss{font-size:43px!important}.font44-xss{font-size:44px!important}.font45-xss{font-size:45px!important}.font46-xss{font-size:46px!important}.font47-xss{font-size:47px!important}.font48-xss{font-size:48px!important}.font49-xss{font-size:49px!important}.font50-xss{font-size:50px!important}.clearfix-xss{clear:both;display:block}ul.half-xss li{display:inline-block;min-width:48%}ul.three-xss li{display:inline-block;min-width:31%}.text-center-xs{text-align:center!important}.text-justify-xss{text-align:justify!important}.text-left-xss{text-align:left!important}.text-right-xss{text-align:right!important}
ul.full-xss li{display:inline-block;min-width:100%}}
.bg-center{background-position:center center;}
.ls1{letter-spacing: 1px;}.ls2{letter-spacing: 2px;}.ls3{letter-spacing: 3px;}.ls4{letter-spacing: 4px;}.ls5{letter-spacing:5px;}

input.parsley-success,select.parsley-success,textarea.parsley-success{color:#468847;border-bottom:1px solid #468847}
input.parsley-error,select.parsley-error,textarea.parsley-error{color:#DB5A58;border-bottom:1px solid #DB5A58}
.parsley-errors-list{margin:0;padding:0;list-style-type:none;font-size:.9em;line-height:.9em;opacity:0;color:#DB5A58;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;position:absolute;bottom:-15px;}
.parsley-errors-list.filled{opacity:1}
.form-control{background:none;padding:12px 12px;font-size:12px;font-weight:600;border-radius:none;position:relative;padding-left:8px;color:#555;border:0;border-bottom:1px solid #000;-webkit-appearance:none;font-family:var(--font2);border-radius:0;}
:dir(rtl) .form-control{font-size:16px;}
textarea.form-control{min-height:120px;resize:none;background:none;overflow:auto;box-shadow:none}
.form-control:focus{box-shadow:none;border-bottom-color:#777}
.form-floating > label{font-size:12px;font-weight:600;color:#999;font-family:var(--font2);right:0;left:auto;}
:dir(rtl) .form-floating > label{font-size:15px;}
.btn1 i,.to-top i,footer.fixed-footer .footer-social li a,.clients-list a{transition:all 200ms linear}
.btn1{float:left;border:2px solid #000;background:none;padding:15px 30px;line-height:17px;cursor:pointer;font-weight:800;font-size:12px;color:#000;font-family:var(--font2);transition:all 200ms linear;-webkit-appearance:none}
.btn1:hover{color:#ccc}
.btn1:hover i{color:#000}

.breadcrumb-item + .breadcrumb-item::before{display:none;}

#main{height:100%;width:100%;position:absolute;float:left;top:0;left:0;z-index:2;opacity:1}
#wrapper{height:100%;margin-left:0;vertical-align:top;position:absolute;left:0;top:0;right:0;z-index:2;width:100%}
.content-holder{vertical-align:top;position:absolute;left:0;top:0;right:0;z-index:2;height:100%;padding:0 0 0 90px;transition:all 400ms linear}
:dir(rtl) .content-holder{padding:0 90px 0 0;transition:all 400ms linear}

.container{max-width:1324px;width:92%;margin:0 auto;position:relative;z-index:2}
.content{width:100%;position:relative;z-index:3;float:left;background:#fff;-webkit-transform:translate3d(0,0,0)}
.pad-con{padding-top:90px}
.content:before{content:'';position:absolute;display:block;top:0;height:100%;z-index:20;width:7px;left:42px;background-repeat:repeat-y;background-image:url(../images/bg-dec.png);opacity:.5}
:dir(rtl) .content:before{left:auto;right:42px;}
.no-bg-con:before{display:none}
.dark-bg{background:#1B1B1B}
.dark-bg .overlay{opacity:.7}
.full-height{height:100%}
.parallax-inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}
.parallax-inner .bg{height:150%;top:-25%}
.bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-attachment:scroll;background-position:center;background-repeat:repeat;background-origin:content-box}
.full-height-parallax{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2}
.respimg{width:100%;height:auto}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.2}
section{float:left;width:100%;position:relative;padding:120px 0;overflow:hidden}
.parallax-section{padding:350px 0 90px}
.parallax-section:before{content:'';position:absolute;left:0;right:0;bottom:0;height:90%;z-index:2;background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%)}
.align-text{text-align:left}
.no-border{border:none!important}
.no-padding{padding:0!important}
.btn{padding:0 43px;font-size:.9em;font-family:var(--font2);font-weight:600;color:#000;letter-spacing:1px;text-transform:uppercase;height:60px;line-height:60px;transition:all 400ms linear;border:1px solid #000}
.btn:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#000;transition:all 200ms linear;z-index:-1;transition-delay:200ms}
.btn:hover:before{width:100%}
.btn:hover{color:#fff}
.anim-button{background-clip:padding-box;vertical-align:middle;max-width:100%;overflow:hidden;outline:none;width:auto}
.anim-button i{top:-100%;position:absolute;left:0;width:100%;height:60px;line-height:60px;text-align:center!important;font-size:16px}
.wt-btn{color:#fff;border:2px solid #fff}
.anim-button i,.anim-button span{transition:all 200ms linear}
.anim-button span{float:left;width:100%;position:relative;top:0}
.anim-button:hover span{top:100px}
.anim-button:hover i{top:0}
.custom-link-holder{position:relative;margin-top:50px;padding-top:50px}
.custom-link-holder::before{content:'';position:absolute;top:0;left:0;width:50%;height:1px;background:#000}
:dir(rtl) .custom-link-holder::before{right:0;}
.parallax-item,.paralax-media{float:left;width:100%;position:relative}
.parallax-item{margin-bottom:70px}
.parallax-deck{position:absolute;bottom:0;padding:50px;z-index:3}
.left-direction .parallax-deck{right:-30%}
.right-direction .parallax-deck{left:-30%}
.parallax-deck-item{float:left;max-width:550px}
.paralax-wrap{float:left;width:100%;opacity:.6;padding-top:50px}
.parallax-deck-item h3{font-size:50px;line-height:64px;text-transform:uppercase;float:left;text-align:left;width:100%;color:#000;font-weight:600;position:relative;box-sizing:border-box;margin-bottom:40px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #ffffffe0;}
.parallax-deck-item h3:before{content:'';position:absolute;top:-50px;left:0;width:50px;height:1px;background:#000}
.parallax-deck-item h3 strong{font-weight:700}
.parallax-box{position:relative;z-index:-1;float:left;width:100%}
.parallax-box.slider-box{z-index:3}
.parallax-box.r-align{left:20%}
.parallax-box img{opacity:.6}
.parallax-box.slider-box img{opacity:1}
.parallax-dec{position:absolute;top:-30px;right:-30px;width:100%;height:100%;border:2px solid #000;opacity:.8;z-index:-1}
.section-title{font-size:40px;line-height:64px;text-transform:uppercase;float:left;margin-bottom:30px;text-align:left;width:100%;color:#000;font-weight:100;box-sizing:border-box}
:dir(rtl) .section-title{font-size:40px;line-height:64px;text-transform:uppercase;margin-bottom:30px;text-align:right;width:100%;color:#000;font-weight:100;}


.section-title.dec-title{padding-bottom:50px}
.section-title.dec-title span{position:relative}
.section-title.dec-title span:before{content:'';position:absolute;bottom:-50px;left:0;width:80px;height:8px;background:#000}
:dir(rtl) .section-title.dec-title span:before{right:0;width:80px;height:8px;background:#000}
.algn-right{text-align:right}
.dark-bg .section-title,.dark-bg{color:#fff}
.section-title strong{font-weight:700}
.particular{position:absolute;top:0;left:150px;right:150px;bottom:0;z-index:-1;opacity:.13}
.resp-video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:20px}
.resp-video iframe,.resp-video object,.resp-video embed{position:absolute;top:0;left:0;width:100%;height:100%}
.box-item{float:left;width:100%}
.box-item a{float:left;width:100%;height:100%;position:relative;overflow:hidden}
.box-item a img,.serv-item img{position:relative;z-index:1;transition:all 4000ms cubic-bezier(.19,1,.22,1)}
.box-item a .overlay{opacity:0;z-index:2;transition:all 200ms linear}
.box-item a:hover .overlay{opacity:.3}
.box-item a:hover img{transform:scale(1.05)}
header{position:fixed;top:0;left:0;z-index:20;height:90px;width:70%;background:#000;-webkit-transform:translate3d(0,0,0)}
:dir(rtl) header{left:auto;right:0;}
.fw-head{width:100%}
header:before{content:'';position:absolute;bottom:0;width:50px;height:1px;left:20px;background:rgba(255,255,255,0.21);transition:all 500ms linear}
.vis-header-b:before{width:97%}
.header-inner{padding-left:90px}
:dir(rtl) .header-inner{padding-right:20px;padding-left:0}
:dir(rtl) header{padding-right:100px;}

.logo-holder{position:relative;z-index:21;}
.logo-holder img{max-width:100%;height:auto}
.dynamic-title{display:none}
.nav-holder{position:relative;opacity:1;visibility:visible;z-index:20;}
.nav-holder nav{position:relative;float:right}
.nav-holder nav li{position:relative;margin-right:10px;display:inline-block}
.nav-holder nav li ul{margin:32px 0 0;opacity:0;visibility:hidden;position:absolute;min-width:250px;top:36px;left:0;z-index:1;padding:20px 30px;background:rgba(0,0,0,.9);transition:all .2s ease-in-out}
.nav-holder nav li:hover > ul{opacity:1;visibility:visible}
.nav-holder nav li ul li ul{top:-20px;left:100%;margin-left:30px;margin-top:0;max-width:150px}
.nav-holder nav li ul li:hover > ul{opacity:1;visibility:visible}
.nav-holder nav li ul li{width:100%;float:left;height:auto;position:relative}
.nav-holder nav li a{display:block;padding:12px;font-size:.9em;text-transform:uppercase;font-weight:600;line-height:25px;font-family:var(--font2);color:#fff;transition:all 100ms linear;}

:dir(rtl) .nav-holder nav li a{font-size:15px;font-family:var(--font4);text-align:right;}
.nav-holder nav li a.act-link,.nav-holder nav li a:hover{color:#999}
.nav-holder nav li ul a{color:#fff;padding:4px 15px}
.nav-button-holder{display:none}
.hero-wrap{float:left;width:100%;height:100%;position:relative;overflow:hidden;z-index:2;-webkit-transform:translate3d(0,0,0)}
.hero-wrap .overlay{z-index:2;opacity:.4}
.hero-wrap-item{float:left;width:100%;position:relative;z-index:12}
.center-item{top:50%;transform:translateY(-50%)}

.hero-wrap-item h1,.hero-wrap-item h2{color:#fff;font-size:4.8em;text-transform:uppercase;font-weight:bold;letter-spacing:15px;font-family:var(--font1);padding-bottom:10px;position:relative;z-index:12;}
.hero-wrap-item h3,.hero-wrap-item h3 a{color:#fff;font-size:18px;text-transform:uppercase;font-weight:200;letter-spacing:18px;padding-left:6px}
.hero-wrap-item h3 a{letter-spacing:2px}

:dir(rtl) .hero-wrap-item h1,:dir(rtl) .hero-wrap-item h2{font-size:5.8em;font-weight:bold;letter-spacing:0;font-family:'El Messiri',sans-serif}
:dir(rtl) .hero-wrap-item h3,:dir(rtl) .hero-wrap-item h3 a{color:#fff;font-size:40px;font-weight:200;letter-spacing:0;font-family:'El Messiri',sans-serif}
:dir(rtl) .hero-wrap-item h3 a{letter-spacing:0}

.nFound-Page{display:inline-table;font-size:150px;text-transform:uppercase;color:#fff}
.hero-scroll-link{position:absolute;bottom:30px;left:50%;width:70px;height:70px;line-height:70px;color:#fff;font-size:1.2em;margin-left:-35px;z-index:9;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2)}
.hero-wrap-image-slider-holder,.slideshow-item{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.hero-wrap-image-slider,.hero-wrap-text-slider-holder,.hero-wrap-text-slider,.hero-wrap-text-slider-holder{position:relative;width:100%;height:100%;float:left}
.hero-wrap-image-slider-holder{background:#000}
.hero-wrap-text-slider-holder{z-index:3}
.hero-link{margin-top:60px;display:inline-table;padding:16px 36px;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:6px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.hero-link:hover{color:rgba(255,255,255,0.51)}
.media-container,.video-holder-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}
.video-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:0;z-index:-1}
.video-container video{width:100%}
.resp-video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:20px}
.resp-video iframe,.resp-video object,.resp-video embed{position:absolute;top:0;left:0;width:100%;height:100%}
.fullwidth-slider-holder,.single-slider-holder{float:left;width:100%;position:relative}
.fullwidth-slider-holder .item{position:relative}
.full-width-holder{float:left;width:100%;position:relative}
.single-slider-holder{margin-bottom:20px}
.single-slider .item{position:relative}
article{float:left;margin-top:10px;width:100%;position:relative}
.page-title{float:left;width:100%;position:relative;z-index:5}
.page-title .creat-list a:before{background:#fff}
.page-title .creat-list{position:relative;top:20px}
.parallax-section .page-title,.parallax-section .creat-list a{color:#fff}
.page-title h1{font-size:3.6em;text-transform:uppercase;float:left;margin-bottom:30px;text-align:left;width:100%;color:#fff;font-weight:100;text-align:left;position:relative;box-sizing:border-box}
.page-title h1:before{content:'';position:absolute;bottom:-20px;left:0;width:80px;height:4px;background:#fff}
:dir(rtl) .page-title h1{font-size:3.6em;text-transform:uppercase;float:right;margin-bottom:30px;text-align:left;width:100%;color:#fff;font-weight:100;text-align:right;position:relative;box-sizing:border-box}
:dir(rtl) .page-title h1:before{content:'';position:absolute;bottom:-20px;right:0;width:80px;height:4px;background:#fff}
:dir(rtl) .lh1{line-height:1;}

.parallax-section .page-title{color:#fff;font-size:1.3em}
.page-title h1 strong{font-weight:700}
.services-holder{border-bottom:1px solid #eee}
.serv-item{float:left;position:relative;padding:20px 10px 0 0;overflow:hidden}
.serv-item:nth-child(even){padding:20px 0 0 10px}
.serv-item img{position:relative;width:100%;height:auto}
.serv-item-inner{float:left;width:100%;position:relative;overflow:hidden}
.serv-item-inner:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.21);z-index:2}
.act-ser .serv-item-inner:before{background:rgba(0,0,0,0.41)}
.ser-title{position:absolute;bottom:30px;z-index:3;width:100%;left:0}
.act-ser .ser-title{bottom:50%}
.ser-title h3{color:#fff;font-size:1.5em;letter-spacing:1px;font-weight:400;text-transform:uppercase;position:relative;display:inline-table}
.ser-title h3:before{content:'';position:absolute;width:100%;height:1px;top:-16px;left:0;background:#fff}
.act-ser .ser-title h3:before{width:0}
.serv-details{position:relative;text-align:left;border:1px solid #e8e8e8;padding:30px}
.serv-details h3{font-size:1.6em;text-transform:uppercase;font-family:var(--font2);font-weight:600;padding-bottom:10px;position:relative;}
.serv-details h3::before{content:'';position:absolute;left:-30px;top:3px;width:5px;height:20px;background:#ddd;}
:dir(rtl) .serv-details h3{text-align:right;}
:dir(rtl) .serv-details h3::before{left:auto;right:-30px;}

.ser-list{float:left;width:100%;margin:30px 0 10px;padding:30px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.ser-list li{float:left;margin:0 30px 0 0;font-family:var(--font2);color:#000;font-weight:600;text-transform:uppercase;font-size:.9em;letter-spacing:2px}
.price{float:left;margin-top:30px;padding:20px 34px;border:1px solid #000;font-weight:800;text-transform:uppercase;font-size:1.1em;letter-spacing:2px}
.serv-item:hover img{transform:scale(1.05)}
.gallery-items{float:left;width:100%;background:#fff;position:relative}
.fs-gih{min-height:100vh}
.gallery-items a{cursor:pointer}
.grid-item-holder{float:left;width:100%;height:auto;position:relative;padding:2px}
.gallery-item,.grid-sizer{width:25%;position:relative;overflow:hidden;float:left}
.gallery-item-second,.grid-sizer-second{width:50%}
.gallery-item-three,.grid-sizer-three{width:75%}
.three-columns .gallery-item{width:33.3%}
.three-columns .gallery-item-second,.three-columns .grid-sizer-second{width:66.6%}
.five-columns .gallery-item{width:20%}
.five-columns .gallery-item-second,.five-columns.grid-sizer-second{width:40%}
.gallery-item img,.grid-sizer img{width:100%;height:auto;position:relative;z-index:2;transform:translateZ(0)}
.four-coulms .gallery-item,.four-coulms .grid-sizer{width:25%}
.three-coulms .gallery-item,.three-coulms .grid-sizer{width:33.33333%}
.three-coulms .gallery-item-second{width:66.66666%}
.port-desc-holder{position:absolute;top:0;bottom:0;left:2px;right:0;opacity:0;z-index:22;overflow:hidden;transition:all 300ms linear}
.port-desc-holder:before{content:'';position:absolute;top:0;left:0;right:3px;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%)}
.horizontal_item .port-desc-holder:before{opacity:.4}
.horizontal_item .port-desc{padding-bottom:30px}
.horizontal_item .port-desc h3{text-transform:none;font-size:22px}
.gallery-item .port-desc-holder:before{right:3px;bottom:3px}
.port-desc{position:absolute;bottom:0;left:0;width:100%;z-index:5}
.portfolio_item:hover .port-desc-holder,.gallery-item:hover .port-desc-holder{opacity:1}
.port-desc-holder .grid-item h3:hover{opacity:.8}
.grid-item{float:left;width:100%;padding:0 40px 30px}
.grid-item h3{font-size:1.4em;text-transform:uppercase;font-weight:500;float:left;width:100%;color:#fff;text-align:left;letter-spacing:2px;z-index:20;position:relative}
:dir(rtl) .grid-item h3{text-align:right;letter-spacing:0;}

.grid-item h3:before{content:'';position:absolute;left:0;top:-20px;width:30px;height:1px;background:#fff;transition:all .2s linear;z-index:10}
:dir(rtl) .grid-item h3:before{left:auto;right:0;}
.grid-item h3:hover:before{width:0}
.grid-item h3 a{color:#fff}
.grid-item span{width:100%;float:left;font-size:.9em;margin-top:10px;color:#fff;position:relative;text-align:left;text-transform:uppercase;font-weight:600}
:dir(rtl) .grid-item span{text-align:right;}

.grid-item h3,.grid-item span{opacity:0}
.pr_num{position:absolute;left:40px;top:40px;color:#fff;font-size:1.2em;z-index:40;font-weight:500;opacity:0;transition:all .2s linear}
.portfolio_item:hover .pr_num,.gallery-item:hover .pr_num{opacity:1}
.inline-filter{float:left;width:100%;position:relative;padding-bottom:50px}
.inline-filter .gallery-filters{float:left}
.inline-filter .gallery-filters a{float:left;font-size:10px;font-family:var(--font2);line-height:28px;text-transform:uppercase;padding-left:63px;position:relative;font-weight:700;letter-spacing:2px;color:#000;margin-right:15px}
.inline-filter .gallery-filters a:before{content:'';position:absolute;top:50%;left:0;width:40px;height:1px;background:#000;transition:all 200ms linear}
.inline-filter .gallery-filters a.gallery-filter_active:before{transform:rotate(45deg)}
.inline-filter .count-folio{float:right;color:#000}
.inline-filter .count-folio div{display:inline-table;padding-left:15px;font-family:var(--font2);font-size:.9em;position:relative;font-weight:600;text-transform:uppercase}
:dir(rtl) .inline-filter .count-folio div{padding-left:0;padding-right:15px;}
.inline-filter .count-folio div:before{content:'/';position:absolute;right:20px;top:-2px;color:#ccc;font-size:16px}
:dir(rtl) .inline-filter .count-folio div:before{right:auto;left:20px;}

.inline-filter .count-folio div:first-child:before{display:none}
.round-filter{position:fixed;z-index:130;top:0;width:calc(30% + 27px);right:0;background:#000;padding:0 30px;height:90px;border-left:1px solid rgba(255,255,255,.2)}
.round-filter:before{content:'';position:absolute;right:0;width:50px;height:1px;background:rgba(255,255,255,.3);top:50%}
.filter-button{float:left;position:relative;color:#fff;padding:0 45px;height:50px;line-height:50px;border:1px solid rgba(255,255,255,.2);font-size:.9em;font-family:var(--font2);font-weight:600;text-transform:uppercase;letter-spacing:1px;top:50%;cursor:pointer;margin-top:-25px;transition:all .3s linear}
.filter-button:hover{background:#fff;color:#000}
.round-counter{float:left;color:#fff;position:relative;top:38px;margin-left:70px}
.round-counter:after{content:'';position:absolute;left:-40px;top:50%;width:30px;height:1px;background:rgba(255,255,255,0.4)}
.round-counter:before{content:'';position:absolute;left:50%;top:50%;margin-top:-10px;height:20px;width:1px;background:rgba(255,255,255,.3)}
.round-counter div{float:left;margin:0 20px;font-size:.9em;color:#fff;font-family:var(--font2)}
.hid-filter{position:absolute;display:none;background:#000;left:0;right:0;top:100%;padding:40px 20px 40px 72px;border-top:1px solid rgba(255,255,255,.2)}
.hid-filter a{float:left;color:rgba(255,255,255,.7);width:100%;font-size:.9em;font-weight:600;position:relative;padding:12px 0;text-transform:uppercase;font-family:var(--font2);text-align:left}
.hid-filter a.gallery-filter_active{color:#fff}
.float-filters{float:left;position:relative;top:15px}
.p_horizontal_wrap{float:left;width:100%;position:relative;background:#fff;height:100%;top:0}
.hpw{padding:0 6px}
.visfilb{opacity:.6}
.pr-wrap{float:left;width:100%;position:relative}
#portfolio_horizontal_container{height:100%;float:left;width:100%;position:relative}
#portfolio_horizontal_container .portfolio_item{width:auto;height:100%;float:left;padding:6px 3px;overflow:hidden;position:relative;z-index:1}
#portfolio_horizontal_container.no-padding .portfolio_item{padding:0}
#portfolio_horizontal_container.two-ver-columns .portfolio_item{height:50%}
#portfolio_horizontal_container.three-ver-columns .portfolio_item{height:33.3%}
#portfolio_horizontal_container .portfolio_item img{float:left;width:auto;height:100%;position:relative;z-index:1}
.no-bg{background:none!important}
.vis-port-info .grid-item:before,.vis-port-info .grid-item:after{display:none}
.vis-port-info .grid-item h3,.vis-port-info .grid-item span{opacity:1}
.grid-item-holder:hover .grid-item h3,.grid-item-holder:hover .grid-item span,.port-desc-holder:hover .grid-item span,.port-desc-holder:hover .grid-item h3,.horizontal_item:hover .grid-item span,.horizontal_item:hover .grid-item h3{opacity:1}
.portfolio_item:hover .grid-item span{opacity:.7}
.st-3 .grid-item-holder a img,.gallery-item img,.grid-sizer img,.grid-item h3,.grid-item span,.ser-title h3:before,.ser-title{transition:all 300ms linear}
.box-gal .col-md-6{padding-bottom:25px;cursor:pointer}
.full-screen-gallery-holder{position:relative;width:100%;float:left}
.full-screen-item{position:relative}
.customNavigation a{position:absolute;top:50%;margin-top:-20px;width:60px;height:60px;line-height:60px;background:rgba(0,0,0,0.7);text-align:center;cursor:pointer;color:#fff;font-size:1.2em;opacity:1;transition:all 200ms linear;z-index:20}
.customNavigation a.next-slide{right:50px}
.customNavigation a.prev-slide{left:50px}
.customNavigation.ssn a.next-slide{right:10px}
.customNavigation.ssn a.prev-slide{left:10px}
.customNavigation a:hover{opacity:1}
.customNavigation a i{transition:all 500ms linear}
.customNavigation a:hover i{transform:rotateX(360deg)}
.slider-zoom{position:absolute;top:50px;right:50px;z-index:10;width:60px;height:60px;color:#fff;background:rgba(0,0,0,.3);cursor:pointer;line-height:60px;font-size:14px;text-align:center}
.slider-zoom i,.slider-zoom:before,.slider-zoom:after,.slider-zoom,.herolink{transition:all 200ms linear}
.slider-zoom:before,.slider-zoom:after{content:'';position:absolute;width:14px;height:14px;z-index:-1}
.slider-zoom:before{top:0;left:0;border-left:1px solid #fff;border-top:1px solid #fff}
.slider-zoom:after{bottom:0;right:0;border-right:1px solid #fff;border-bottom:1px solid #fff}
.slider-zoom:hover:before{top:-15px;left:-15px}
.slider-zoom:hover:after{bottom:-15px;right:-15px}
.slider-zoom:hover i{transform:rotate(90deg)}
.nicescroll-rails{height:30px!important}
.nicescroll-rails-hr:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeat-x center url(../images/bg-dec2.png)}
.nicescroll-cursors{top:10px!important}
.caption{float:left;position:relative;padding-left:40px;margin-top:6px}
.caption.cap-column{margin-left:62px}
.caption:before{content:"";position:absolute;top:55%;left:-40px;width:50px;height:1px;background:#000}
.caption h4{float:left;text-transform:uppercase;letter-spacing:2px;padding-bottom:6px;font-size:14px;width:100%;text-align:left;color:#000;font-weight:600;margin-top:20px}
.caption p{color:#999}
.caption.fixed-caption{position:absolute;bottom:150px;left:150px;z-index:40}
.fix-con-panel{position:fixed;bottom:50px;right:30px;background:#000;border-radius:4px;padding:22px 30px;z-index:20;color:#fff}
.hid-con-panel{float:left;cursor:pointer}
.fix-con-panel a,.fix-con-panel span,.vis-con-panel{transition:all 300ms linear}
.fix-con-panel a:hover,.fix-con-panel span:hover{opacity:.6}
.fix-con-panel a,.fix-con-panel span{float:left;margin-left:30px;font-size:10px;text-transform:uppercase;color:#fff;position:relative;border:1px solid rgba(255,255,255,0.21);padding:10px 30px}
.fix-con-panel span{margin-left:0;margin-right:10px}
.fix-con-panel a:before{content:'/';position:absolute;top:10px;left:-20px;color:#ccc}
.control-panel{width:100%;position:absolute;bottom:0;left:0;background:#fff;padding:0 30px 0 32px;height:100px;z-index:19}
.control-panel:before{content:'';position:absolute;bottom:2px;left:0;width:100%;height:6px;background:repeat-x center url(../images/bg-dec2.png)}
.control-panel .btn{float:right;margin-top:14px}
.vis-con-panel{float:right;margin-right:40px;padding:0 40px;border:1px solid #000;background:#000;font-size:.8em;font-weight:600;top:14px;height:60px;line-height:60px;color:#fff;position:relative;cursor:pointer;transition:all 300ms linear;font-family:var(--font2);letter-spacing:1px;text-transform:uppercase}
.vis-con-panel.dark-btn{color:#fff;background:#000;border:0;font-size:11px}
.vis-con-panel:hover{border-color:#ccc}
.vis-con-panel.dark-btn:hover{color:rgba(153,153,153,0.61)}
.vis-con-panel:before{content:'/';color:#000;position:absolute;font-size:16px;right:-26px;top:1px}
.vis-con-panel.dark-btn:before{display:none}
.owl-thumbs{position:fixed;top:60px;left:0;bottom:60px;width:100%;z-index:30;background:#fff;visibility:hidden;padding:90px 200px 200px;opacity:0;overflow:auto;transition:all 300ms linear}
.fhgal .owl-thumbs{bottom:0}
.fhgal{padding-left:10px;height:100%}
.fhgal .gallery_horizontal{height:100%}
.vis-thumbs{opacity:1;visibility:visible}
.owl-thumb-item{float:left;transition:all 200ms linear;border:none;background:none;cursor:pointer;padding:10px;position:relative;opacity:0}
.owl-thumb-item:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transition:all 500ms linear;z-index:2}
.himask:before{width:0}
.owl-thumb-item.himask{opacity:1}
.owl-thumb-item.active{opacity:.3}
.owl-thumb-item img{width:auto;height:150px}
.gallery_horizontal{float:left;width:100%;position:relative;padding-top:10px}
.gallery_horizontal.fh-wr{padding-top:10px}
.gallery_horizontal .owl-item img{width:auto;position:relative;z-index:1}
.horizontal_item{overflow:hidden;position:relative;height:100%}
.gallery_horizontal{background:#f9f9f9}
.flow-gallery .horizontal_item{opacity:.6;transition:all .5s linear;transition-delay:.7s;transform:scale(0.97)}
.flow-gallery .owl-item.center .horizontal_item{opacity:1;transform:scale(1.0)}
.portfolio_item,.horizontal_item{cursor:e-resize}
.resize-carousel-holder{float:left;width:100%;position:relative;height:100%}
.fl-l{float:left}
.flow-gallery:before{content:'';position:absolute;top:50%;left:0;margin-top:43px;width:100%;height:1px;background:#eee;opacity:.6}
.show-info{position:absolute;bottom:50px;left:50px;width:80%;z-index:15}
.show-info span{text-transform:uppercase;font-size:10px;color:#fff;background:rgba(0,0,0,0.5);padding:10px 22px;border:1px solid rgba(255,255,255,0.1);cursor:pointer;float:left;transition:all 300ms linear}
.tooltip-info{height:auto;line-height:20px;padding:20px 30px;font-size:11px;color:#fff;text-align:center;text-indent:0;position:absolute;background:rgba(0,0,0,0.8);bottom:0;opacity:0;left:0;margin-bottom:40px;visibility:hidden;pointer-events:none;z-index:16;transition:all 300ms linear}
.tooltip-info p{word-spacing:no-wrap;color:#fff}
.tooltip-info h5{font-size:1.4em;margin-top:12px;font-weight:600;padding:0 0 10px;position:relative;font-family:var(--font2);text-align:left}
.show-info:hover .tooltip-info{visibility:visible;opacity:1;bottom:0}
.sb-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:20;opacity:0;visibility:hidden;cursor:zoom-out}
.sb-overlay,.resize-carousel-holder,.control-panel{transition:all 300ms linear}
.vis-overlay{visibility:visible;opacity:.5}
.hid-sidebar{position:fixed;top:90px;bottom:0;overflow:auto;z-index:22;width:100%;opacity:1;right:0;display:none}
.vissb{display:block}
.small-container{max-width:900px}
.sidebar-wrap{float:left;width:100%;position:relative;padding:90px 60px 50px;margin:50px}
.sb-inner{transition:all 300ms linear;position:relative;opacity:0;visibility:hidden;float:left;width:100%}
.sb-innervis{opacity:1;visibility:visible}
.sb-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.scale-callback{float:left;width:33.33333%;height:25%;position:relative;z-index:5}
.scale-callback:before{content:'';position:absolute;bottom:0;left:0;width:0;height:100%;background:#fff;transition:all 400ms cubic-bezier(0.215,.61,.355,1)}
.scale-bg5:before{width:100%}
.hid-sidebar h4,.details-container h3,.details-container h4{float:left;text-align:left;font-size:16px;width:100%;color:#000;margin-top:20px;text-transform:uppercase}
.hid-sidebar h4{font-size:15px;font-family:var(--font2);font-weight:900}
.hid-sidebar .separator{float:left;width:50px;height:4px;background:#000;margin:20px 0;position:relative}
.pd-holder{float:left;width:100%;margin-top:9px}
.pd-holder h5{float:left;font-size:.9em;font-family:var(--font2);line-height:12px;text-transform:uppercase;position:relative;font-weight:800;letter-spacing:2px}
.pd-holder h5 a{opacity:.8;padding-left:3px}
.project-details{float:left;width:100%;text-align:left;margin:20px 0}
.project-details li{float:left;width:100%;margin-bottom:10px;position:relative}
.content-nav{float:left;width:100%;padding:40px 0 0;position:relative;margin-top:40px;border-top:1px solid #eee}
.sidebar-wrap .content-nav{margin-top:90px}
.content-nav:before{content:'';position:absolute;top:-4px;right:0;width:8px;height:8px;background:#000;border-radius:100%}
.content-nav ul{position:relative;left:0}
.content-nav li{float:left;width:50%}
.close-sidebar{position:absolute;top:-40px;right:0;width:24px;height:24px;cursor:pointer;overflow:hidden;transform:rotate(45deg);z-index:20;transition:all 400ms linear}
.close-sidebar:hover{transform:rotate(225deg);opacity:.8}
.close-sidebar:before,.close-sidebar:after{content:'';position:absolute;background:#000}
.close-sidebar:before{width:1px;height:100%;top:1px;left:50%}
.close-sidebar:after{width:100%;height:1px;top:50%;left:1px}
.full-screen-gallery-holder{position:relative;width:100%;float:left}
.full-screen-item{position:relative}
.fix-con-panel a.vd{margin-left:0}
.fix-con-panel a.vd:before{display:none}
.piechart-holder,.custom-skillbar-holder{padding-top:50px;float:left;width:100%;position:relative}
.piechart-holder h4{font-size:1.3em;text-transform:uppercase}
.chart{position:relative;display:inline-block;width:150px;height:150px;border-radius:100%;margin-bottom:26px;text-align:center}
.chart canvas{position:absolute;top:0;left:0}
.piechart{position:relative;padding-bottom:20px}
.percent{display:inline-block;font-size:21px;line-height:152px;z-index:2}
.percent:after{content:'%';margin-left:.1em;font-size:.8em}
.drk-ch .percent{color:#666}
.angular{margin-top:100px}
.angular .chart{margin-top:0}
.skills-description{float:left;width:100%;margin:10px 0;text-transform:uppercase;color:#fff;font-size:12px}
.skill-name{position:absolute;top:40%;text-transform:uppercase;font-size:44px;font-weight:900;letter-spacing:4px;opacity:.3;color:#000}

.skill-name span{opacity:.3}
.skill-name-lanim{left:0}
.skill-name-ranim{right:0}
.skillbar-box{float:left;width:100%;position:relative;margin-bottom:50px}
.skillbar-bg{position:relative;display:block;float:left;width:100%;height:3px;overflow:hidden;background:#eee}
.custom-skillbar-title span{float:left;font-size:12px;margin-top:12px;padding-bottom:6px}
.custom-skillbar{height:3px;width:0;background:#000}
.skill-bar-percent{float:right;font-size:16px;margin-top:13px;padding-bottom:6px}
.clients-list{float:left;width:100%}
.clients-list a{float:left;width:20%;padding:10px 10px 10px 0}
.clients-list a:hover{opacity:.6}
.clients-list a img{float:left;width:100%;height:auto}
.team-holder{float:left;width:100%}
.team-holder li{float:left;width:33.3333%;padding:40px 40px 40px 0}
.team-box{float:left;position:relative;width:100%;}
.team-info h4{font-family:var(--font2);font-weight:300;text-transform:uppercase;letter-spacing:1px}
.team-box:before,.team-box:after{content:'';position:absolute;right:0;bottom:0;background:#000;transition:var(--transition);}
.team-box:before{width:0;height:2px}
.team-box:after{width:2px;height:0}
.team-box:hover:before{width:50px}
.team-box:hover:after{height:50px}
.team-box .overlay{opacity:0;z-index:2;background:#000;transition:all 300ms linear}
.team-box:hover .overlay{opacity:.5}
.team-social{position:absolute;top:50%;left:0;width:100%;z-index:3;display:none}
.team-social li{float:none!important;display:inline-block!important;padding:10px;width:auto!important}
.team-social li a{color:#fff;font-size:16px;position:relative;top:50px;opacity:0}
.testimon-slider h3{text-align:left;font-size:26px;padding-bottom:20px;text-transform:uppercase;font-weight:200}
.testimon-slider .item{cursor:e-resize}
.testimon-slider a.text-link{color:#fff;float:left;margin-top:20px}
.testimon-slider a.text-link:before{background:#fff}
.custom-inner-holder{float:left;margin-top:60px;width:100%}
.custom-inner{float:left;width:100%;position:relative;margin-bottom:50px}
.custom-inner h3{float:left;padding-bottom:20px;text-transform:uppercase;font-weight:600;font-size:2.3em}
.custom-inner h4{float:left;width:100%;padding-bottom:20px;font-weight:800;text-align:left;text-transform:uppercase;font-size:1.2em}
.custom-inner-dec{float:left;width:100%;margin-top:10px;background:#eee;height:1px}
.custom-inner ul{float:left;width:100%;padding:10px 0 10px 13px;list-style:decimal}
.custom-inner ul li{float:left;width:100%;padding:5px 0 5px 10px;text-align:left}
.custom-inner .content-nav ul{position:relative;left:0;padding:0;list-style:none}
.custom-inner .content-nav ul li{float:left;width:50%;padding:0}
.custom-inner .btn{margin-top:20px}
.testimon-slider-holder{float:left;width:100%;position:relative}
.testimon-slider-holder .customNavigation{float:left;position:relative;width:100%;margin-top:40px}
.testimon-slider-holder .customNavigation a{position:relative;top:0;left:0!important;background:none;font-size:22px;float:left;margin-right:16px;width:auto;height:auto}
footer.fixed-footer{position:fixed;top:0;left:0;width:90px;height:100%;background:#000;z-index:6}
:dir(rtl) footer.fixed-footer{left:auto;right:0;}
.height-emulator{float:left;width:100%;position:relative;z-index:1}
footer.fixed-footer .footer-social{position:absolute;bottom:20px;left:0;width:100%;text-align:center;}
footer.fixed-footer .footer-social:before{content:'';position:absolute;top:-30px;height:1px;width:50px;left:50%;margin-left:-25px;background:rgba(255,255,255,0.2)}
footer.fixed-footer .footer-social li{float:left;width:100%;margin-bottom:6px}
footer.fixed-footer .footer-social li a{display:inline-block;width:50px;height:50px;line-height:50px;color:rgba(255,255,255,0.7);font-size:12px;border:1px solid rgba(255,255,255,0.15);transition:all .3ms linear}
footer.fixed-footer .footer-social li a:hover{background:#fff;color:#000}
.content-footer{position:fixed;bottom:0;left:90px;right:0;padding:100px 20px 30px 0;background:#111;z-index:2}
.content-footer:before{content:'';position:absolute;display:block;top:-10px;bottom:0;z-index:20;width:7px;left:42px;background-repeat:repeat-y;background-image:url(../images/bg-dec.png);opacity:.2}
.footer-title{position:absolute;width:200px;top:280px;padding-top:36px;cursor:default;transform:rotate(-90deg);transform-origin:left top;z-index:12;left:0}
.footer-title:before{content:'';position:absolute;bottom:-23px;width:1px;height:50px;left:0;background:rgba(255,255,255,0.21)}
.footer-title h2{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#fff;font-family:var(--font2);font-weight:600}
:dir(rtl) .footer-title h2{font-size:16px;letter-spacing:0;font-family:var(--font4);}
:dir(rtl) .notme{direction: ltr;}

.footer-title a{position:relative;z-index:3;transition:all 200ms linear;color:#fff}
.footer-item{float:left;width:100%;text-align:left;color:#fff}
:dir(rtl) .footer-item{float:left;width:100%;text-align:right;color:#fff}
.footer-item h4{width:100%;margin-bottom:60px;font-size:.9em;padding-left:73px}
.footer-item p,.footer-item span,.footer-item ul li a{font-size:1em;color:rgba(255,255,255,.7)}
.footer-item ul li{float:left;width:100%;margin-bottom:15px}
.footer-item span,.footer-item ul li a{text-transform:uppercase}
.footer-item span{letter-spacing:1px}
.footer-item .text-link{color:#fff}
.footer-item .text-link:before{background:#fff}
.footer-logo a{margin-bottom:60px;position:relative;float:left;width:100%}
.footer-logo a:before{content:'';position:absolute;left:0;bottom:-30px;width:50px;height:1px;background:rgba(255,255,255,.2)}
:dir(rtl) .footer-logo a:before{left:auto;right:0;}
@media(min-width:1200px){
    .footer-logo p{max-width:400px;font-size:1.1em}
}
.footer-wrap{float:left;width:100%;padding-top:45px;position:relative;border-top:1px solid rgba(255,255,255,.2)}
.footer-wrap:before{content:'';position:absolute;top:-3px;right:32px;width:6px;height:6px;background:#fff;border-radius:100%;transition:all 200ms linear}
.footer-wrap.tth:before{right:0}
.copyright{float:left;text-align:left;color:#fff;font-size:1.1em;text-transform:uppercase;letter-spacing:1px;max-width: 75%;}
:dir(rtl) .copyright{float:right;text-align:right;}
.to-top{float:right;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:1.1em;overflow:hidden;cursor:pointer;text-align:right}
:dir(rtl) .to-top{float:left;text-align:right}

.sect-subtitle{position:absolute;bottom:10%;color:rgba(0,0,0,0.21);font-weight:700;text-transform:uppercase;font-size:185px;z-index:2}
:dir(rtl) .sect-subtitle{font-size:150px;}
.sect-subtitle:before{content:'';position:absolute;top:50%;width:150px;height:1px;background:rgba(0,0,0,0.21)}
.sect-subtitle:after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;background:#000;border-radius:100%;margin-top:-3px;margin-left:-3px}
.dark-bg .sect-subtitle{color:rgba(255,255,255,0.21)}
.dark-bg .sect-subtitle:after{background:#fff}
.left-align-dec{left:14%}
.right-align-dec{right:10%}
.right-align-dec:before{right:50%}
.left-align-dec:before{left:50%}
.dark-bg .sect-subtitle:before{background:rgba(255,255,255,0.351)}
.inline-facts-holder:before{content:'';position:absolute;top:50%;left:-50%;width:20%;background:#fff;height:6px;margin-top:-3px}
.inline-facts h6{width:100%;font-size:16px;margin-top:10px;text-align:left;color:#fff}
.num{font-size:82px;text-align:left;text-transform:uppercase;width:100%;color:#fff;font-weight:700;position: relative;}
.num::after{content:'+';position:relative;font-size:70%;margin-left:10px;}
.process-box{float:left;width:100%;margin-top:60px;padding:50px 0;position:relative}
.process-box:before{content:'';position:absolute;top:-20px;left:0;width:80px;height:8px;background:#000}
:dir(rtl) .process-box:before{right:0;}
.process-box h3,.bold-title{float:left;width:100%;font-size:26px;font-weight:700;padding-bottom:30px}

.creat-list{float:left;margin:10px 0;width:100%}
.creat-list li{float:left;margin-right:10px}
.creat-list li a,.text-link{float:left;font-size:10px;font-family:var(--font2);line-height:30px;text-transform:uppercase;padding-left:25px;position:relative;font-weight:800;letter-spacing:2px;color:#292929}
.creat-list li a:before,.text-link:before{content:'';position:absolute;top:50%;left:0;width:15px;height:1px;background:#000;transition:all 200ms linear}
.creat-list li a:hover:before,.text-link:hover:before{transform:rotate(45deg)}

.blg-nav{margin-top:-20px;margin-bottom:20px}
.waimg{float:left;margin-bottom:20px}
article{float:left;margin-bottom:10px;width:100%;position:relative;border-bottom:1px solid #eee}
article .btn{float:left}
article .section-title{margin-bottom:15px}
.post-author{margin-bottom:40px;margin-top:10px;float:left;border-bottom:1px solid #eee;padding:20px 0}
.author-img{float:left;width:15%}
.author-content{float:left;width:85%;padding-left:10px}
.author-img img{border-radius:100%;float:left}
.author-content h5{font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;color:#000;display:block;float:left;font-weight:500}
.author-content p{margin-bottom:8px;float:left;width:100%}
.widget{float:left;width:100%;margin-bottom:40px;text-align:left;border-bottom:1px solid #000;padding-bottom:20px}
.widget h3{float:left;width:100%;position:relative;font-size:14px;text-transform:uppercase;color:#000;font-weight:600;letter-spacing:2px;padding-bottom:20px}
.widget-posts li{padding:12px 0}
.widget-posts-img{float:left;width:30%}
.widget-comments-img img{border-radius:100%}
.widget-posts-descr{float:left;width:70%;padding-left:20px}
.widget-posts-descr a{font-size:1em;font-weight:600;text-transform:uppercase;color:#000;letter-spacing:1px;padding-bottom:20px}
.widget-posts-date{float:left;width:100%;margin-top:10px;color:#999;font-size:.9em}
.searh-holder{max-width:450px;margin-top:20px;position:relative}
.searh-inner{float:left;width:100%;position:relative}
.search{border:1px solid #000;float:left;background:#fff;border-radius:none;position:relative;outline:none;padding:0 0 0 30px;width:100%;height:60px;color:#000;text-transform:uppercase;font-size:.9em;font-weight:600;font-family:var(--font2);-webkit-appearance:none}
.search-submit{border:none;outline:none;cursor:pointer;background:none;position:absolute;top:50%;right:30px;height:40px;margin-top:-20px}
.trnsp-search{border:1px solid #fff;border-radius:6px;color:#fff;background:rgba(255,255,255,0.21)}
.trnsp_btn{border-radius:0 6px 6px 0}
.trnsp_btn i{color:#fff!important}
.search-submit:hover i{opacity:.5}
.tagcloud li{float:left;margin-bottom:4px}
.tagcloud li a{float:left;padding:6px 10px 6px 0;margin-right:2px;color:#000;letter-spacing:1px;font-weight:600;text-transform:uppercase}
.tagcloud li a:hover{color:#ccc}
.cat-item{padding-bottom:8px;margin-bottom:15px}
.cat-item a{font-size:1.3em;font-family:var(--font2);color:#000;text-transform:uppercase}
.lg-sub-html{font-size:12px;font-family:var(--font2);color:#fff;text-transform:uppercase}
.cat-item a,.tagcloud li a{font-size:1em;transition:all 200ms linear}
.sinnle-post h2{float:left;font-size:32px;text-align:left;width:100%}
.blog-text{float:left;width:100%;padding:20px 0;margin-top:10px}
.blog-text .btn{margin-top:15px}
.blog-text h3,.comments-holder h3,.comment-form-holder h3{font-size:16px;text-transform:uppercase;text-align:left;font-weight:400}
.blog-text h3 strong{font-weight:700}
.blog-text{padding:0;padding-bottom:20px}
.blog-title a{color:#666}
.sinnle-post .blog-text{max-width:900px}
.blog-media{float:left;width:100%;position:relative;padding:20px 0}
.blog-text p{font-size:12px;padding-top:10px}
.pagination-blog{text-align:center;float:left;width:100%;margin:15px 0}
.pagination-blog ul{float:left;margin:20px 0 30px}
.pagination-blog a{float:left;padding:12px 18px;font-size:13px;color:#666;letter-spacing:1px;margin-right:6px;position:relative}
.pagination-blog a.current-page,.pagination-blog a:hover{color:#ccc}
.prevposts-link,.nextposts-link{position:relative;width:50px;height:40px;padding:0 10px}
.prevposts-link:before,.nextposts-link:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#000;transition:all 200ms linear}
.prevposts-link:hover:before,.nextposts-link:hover:before{transform:rotate(45deg)}
.sidebar{float:left;width:100%;padding:0 0 0 30px}
.sinnle-post p{font-size:16px}
.sinnle-post .blog-text h3{margin-bottom:30px}
.comments-holder{float:left;width:100%;position:relative;border-top:1px solid #eee;padding-top:30px;margin-top:30px}
.commentlist{text-align:left;float:left;margin:10px 0;max-width:900px;padding:20px 0;border-bottom:1px solid #eee}
.comment-form-holder{max-width:800px;float:left;margin-top:30px}
#comments{text-align:left;padding-top:10px;max-width:800px}
#comments-title,#reply-title{border-bottom:1px solid #eee;padding-bottom:30px;margin-bottom:5px;font-size:16px;text-transform:uppercase;font-weight:700;color:#666}
.comment{float:left}
.comment-body{position:relative;margin-left:70px;padding-top:30px}
.comment-author{position:absolute;top:30px;left:-66px}
.comment-author img{border-radius:100%}
.comment .children{margin-left:70px}
.fn{display:block;margin-bottom:10px;text-transform:uppercase;font-weight:800;letter-spacing:1px}
.comment-meta,.comment-meta a{text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:1px;color:#494949;padding-bottom:10px}
#respond{margin-top:40px;float:left;width:100%}
#reply-title{padding-bottom:30px;margin-bottom:5px}
#commentform{float:left;width:100%}
.comment-notes{margin-top:10px;color:#a4a4a3}
.control-group label{margin-left:10px;float:left;position:relative;top:25px;font-weight:600;letter-spacing:2px}
.control-group .controls input{margin-top:15px;border:none;outline:none;height:35px;background:#fff;color:#a4a4a3;text-decoration:none;border-bottom:1px solid #000;border-right:2px solid #000;float:left;max-width:600px}
.control-group .controls textarea{float:left;margin-top:15px;border:none;outline:none;height:180px;max-width:600px;background:#fff;padding-left:15px;padding-top:15px;color:#a4a4a3;resize:vertical;text-decoration:none;border-bottom:2px solid #000}
.controls button{margin-top:30px;-webkit-appearance:none}
.show-share{position:absolute;top:20px;right:100px;z-index:21;cursor:pointer;color:rgba(255,255,255,0.21);width:50px;height:50px;line-height:50px;text-align:center!important;border:1px solid rgba(255,255,255,0.41)}
:dir(rtl) .show-share{left:110px;right:auto;}
.show-share span{color:#fff;position:absolute;left:-100%;margin-left:-15px;top:-15px;opacity:0;line-height:1;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-family:var(--font2);font-weight:600;z-index:2;text-decoration:line-through;transition:all 200ms linear}
:dir(rtl) .show-share span{font-family:var(--font4);font-size:15px;left:auto;right:-100%;margin-left:0;top:-10px;}
.show-share:hover span{opacity:1;top:20px}
:dir(rtl) .show-share:hover span{top:15px}
.show-share.isShare{color:#fff;border:1px solid rgba(255,255,255,0.21)}
.show-share.isShare span{text-decoration:none}
.share-inner{position:fixed;z-index:3;right:30%;top:90px;visibility:hidden;width:70%;background:#000;height:0;overflow:hidden}
:dir(rtl) .share-inner{right:0;}

.dropdown-menu.langua{min-width:auto;width:120px;}
.dropdown-menu.langua .nav-item a{padding:10px 15px}
.dropdown-menu.langua .nav-item:hover a{background:rgba(255,255,255,.1);}

.hor-inner{width:100%;right:0}
.visshare{visibility:visible;height:70px}
.share-container{position:relative;float:right;height:100%;line-height:70px;padding-right:10px;opacity:0}
:dir(rtl) .share-container{float:left;padding-left:30px;}
.share-inner,.share-container,.show-share{transition:all 400ms linear}
.vissc{opacity:1}
.share-container ul li{float:left;position:relative;margin-right:20px;color:#fff}
.share-container ul li a{color:#fff}
.share-icon:hover{text-decoration:line-through}
.share-icon:before{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#fff;font-family:var(--font2);font-weight:600;position:relative;z-index:2;transition:all 100ms linear}
.share-icon-facebook:before{content:"facebook"}
.share-icon-twitter:before{content:"twitter"}
.share-icon-tumblr:before{content:"tumblr"}
.share-icon-linkedin:before{content:"linkedin"}
.share-icon-pinterest:before{content:"pinterest"}
.transition{transition:all 500ms linear}
.transition2{transition:all 200ms linear}
.fl-l{float:left}
.nav-button-holder{display:none}
.hid-gal{overflow:hidden}
@media only screen and (max-width: 1236px) {
header{width:100%}
.share-inner{left:0;right:0}
.creat-list li a{margin-bottom:15px}
.round-filter:before{display:none}
.hid-filter{top:auto;bottom:100%;border-bottom:1px solid rgba(255,255,255,.2);border-top:none}
.round-filter{bottom:0;top:auto;width:100%;border:none}
.nicescroll-rails{display:none!important}
}
.icanmove{margin-left:auto;}
:dir(rtl) .icanmove{margin-left:0;margin-right:auto;}
@media only screen and (max-width: 1036px) {
:dir(rtl) header{padding-right:20px;}
.hid-gal{overflow:auto}
.mob-bg{display:block}
.nav-button-holder{position:absolute;right:20px;top:16px;display:block}
:dir(rtl) .nav-button-holder{position:absolute;right:auto;left:20px;top:16px;display:block}
:dir(rtl) .main-menu{left:-20px;right:auto}
:dir(rtl) .vismobmenu{left:0;right:auto;direction: ltr;}
.icanmove{margin-right:70px!important;}
:dir(rtl) .icanmove {margin-right:auto!important;margin-left:150px !important;}
:dir(rtl) .show-share{left: 85px;}

.show-share{right:150px;width:40px;height:40px;line-height:40px;top:26px;}
.nav-button{float:right;width:40px;height:40px;padding:13px 6px 6px;position:relative;margin-top:9px;cursor:pointer}
.nav-button span{float:left;width:100%;height:2px;background:#fff;margin-bottom:4px;position:relative}
.share-inner{width:100%;right:0}
.content-holder,:dir(rtl) .content-holder{padding:0}
.header-inner{float:left;padding-left:30px}
.inline-facts-holder:before,.show-share span,.fixed-footer,.height-emulator,.sect-subtitle,.content:before,.content-footer:before,nav ul li ul:before,nav li a.act-link:before,.control-panel,.close-sidebar,.fix-con-panel,.nicescroll-rails{display:none}
.particular{display:none!important}
.parallax-box{position:relative;left:0;padding-top:20px}
.parallax-box.r-align{left:0}
.parallax-box img{opacity:1}
.parallax-item{margin-bottom:40px}
.parallax-deck{position:relative!important;bottom:0;padding:0;float:left;width:100%}
.left-direction .parallax-deck{right:0}
.right-direction .parallax-deck{left:0}
.parallax-deck-item{float:left;max-width:100%}
.paralax-wrap{float:left;width:100%;opacity:1;padding-top:30px}
.parallax-deck h3{font-size:34px;line-height:40px;padding-top:15px;margin-bottom:20px}
.algn-right{text-align:left}
.inline-facts h6{float:none;font-size:16px;text-align:center}
.num,.inline-facts h6{float:left;text-align:left}
.nav-button-holder{display:block}
.main-menu nav ul{display:none}
.main-menu{position:absolute;top:90px;right:-20px;width:300px;z-index:50;padding:25px 30px;background:#111;visibility:hidden;opacity:0;transition:all .4s ease-in-out}
.vismobmenu{opacity:1;right:0;visibility:visible}
.menusb{display:block;float:left;position:relative;width:100%;overflow:hidden}
.main-menu .menusb ul{display:block;float:left;position:relative;width:100%}
:dir(rtl) .main-menu .menusb ul{display:block;float:left;position:relative;width:100%}

.menusb li{margin:0;float:left;width:100%;position:relative;overflow:hidden;padding:0 20px}
.menusb li i{position:absolute;right:18px;top:12px}
.menusb a{display:block;width:100%;padding:8px 5px;position:relative;font-weight:600;font-size:1em;text-transform:uppercase;color:#fff;line-height:24px;text-align:left}
/* :dir(rtl) .menusb a:not(.back){text-align:right} */

.menusb a.act-link{color:rgba(255,255,255,0.71)}
.menusb a.back{padding-left:24px}
.menusb a.back:before{font-family:'bootstrap-icons';-webkit-font-smoothing:antialiased;content:"\f12f";font-size:14px}
.submen-dec:before{font-family:'bootstrap-icons';-webkit-font-smoothing:antialiased;content:'\f138';position:absolute;right:66px;width:10px;height:10px;top:12px;font-size:12px;color:#fff;z-index:20}
:dir(rtl) .submen-dec::before{left:0;content:'\f12f';}
.content-footer{position:relative;float:left;padding:50px 0 20px;width:100%;left:0}
.gallery-item{width:50%!important}
.colum-w{padding-top:0!important}
.custom-inner-holder .col-md-6 h3{float:left;width:100%;padding-bottom:15px;text-align:left}
.footer-item{margin-bottom:15px}
.contact-details h4{margin-top:20px;float:left;width:100%}
.sidebar{padding-left:0}
.hid-sidebar{position:relative;top:0;left:0;height:auto;float:left;width:100%;display:block;background:#fff}
.horizontal_item img{width:100%;height:auto!important;margin-bottom:10px}
.sb-inner{opacity:1;visibility:visible}
.sidebar-wrap{float:left;width:100%;position:relative;padding:50px 0;margin:0}
.ogm{height:auto!important;padding:0 6px;background:#fff}
.ogm .customNavigation{display:none}
.gallery_horizontal{padding-top:6px}
.flow-gallery .horizontal_item{opacity:1;transform:scale(1.0)}
section{padding:50px 0}
.parallax-section{padding:210px 0 60px}
.parallax-inner .bg{height:100%;top:0}
.smp{padding-left:6px;padding-right:6px}
.footer-item h4{margin-bottom:20px}
.hero-link{margin-top:30px}
.hero-wrap-item h1,.hero-wrap-item h2{letter-spacing:5px}
:dir(rtl) .hero-wrap-item h1,:dir(rtl) .hero-wrap-item h2{letter-spacing:0}
}
@media only screen and (max-width: 778px) {
#portfolio_horizontal_container,.resize-carousel-holder{height:auto!important}
#portfolio_horizontal_container{padding-bottom:60px}
#portfolio_horizontal_container .portfolio_item{width:100%!important;height:auto!important;padding:0}
.port-desc-holder{left:0}
.p_horizontal_wrap{-webkit-overflow-scrolling:touch}
#portfolio_horizontal_container .portfolio_item img{width:100%!important;height:auto!important}
.hpw,.p_horizontal_wrap,.resize-carousel-holder{padding:0}
.hpw{overflow:hidden}
.resize-carousel-holder{background:#fff}
.team-holder li{float:left;width:50%}
.team-social li a{padding:6px}
.port-desc-holder:before{top:0;left:0;right:0;bottom:0}
.gallery-filters a{width:100%;text-align:left;padding-bottom:10px}
.inline-filter .count-folio{width:100%;float:left;margin-top:30px}
.inline-filter .count-folio div{float:left}
.inline-filter{padding-bottom:20px}
.mob-pa{padding:0 5px 60px}
.ver-filter{bottom:0;left:2px;right:2px}
.gallery-item{width:100%!important;left:0!important}
.smp{padding-left:6px;padding-right:6px}
}
@media only screen and (max-width: 640px) {
.num{font-size:62px}
.page-title h1{font-size:40px}
.team-holder li{float:left;width:100%;padding:20px 0}
.grid-small-pad .grid-item-holder,.grid-big-pad .grid-item-holder{padding:3px 0!important}
.fixed-filter a{width:auto!important}
.gallery-filters a:before{height:1px;width:0}
.gallery-filters a.gallery-filter-active:before{width:40px}
.smp{padding-left:6px;padding-right:6px}
.serv-item{width:100%;padding:10px 0}
.serv-item:nth-child(even){padding:10px 0}
.clients-list a{width:50%}
.section-title,.page-title h1,.sect-subtitle{font-size:30px;line-height:34px}
.parallax-deck-item h3{font-size:22px;line-height:32px}
.hero-wrap-item h1,.hero-wrap-item h2{font-size:36px}
.hero-wrap-item h3,.hero-wrap-item h3 a{letter-spacing:8px}

:dir(rtl) .hero-wrap-item h1,:dir(rtl) .hero-wrap-item h2{font-size:74px}
:dir(rtl) .hero-wrap-item h3,:dir(rtl) .hero-wrap-item h3 a{letter-spacing:0;font-size:34px}

.customNavigation.fhsln a.next-slide{right:0;top:90%}
.customNavigation.fhsln a.prev-slide{left:0;top:90%}
p{font-size:14px}
}
@media only screen and (max-width:480px) {
.show-share{display:none}
:dir(rtl) .icanmove{margin-left: 75px !important;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg{background-attachment:scroll!important;-webkit-background-size:cover;background-position:center}
}
/* .project-intro{margin-bottom: 30px;padding: 30px;background: #f5f5f5;} */
.project-intro ul li {position: relative;padding-left: 25px !important;}
:dir(rtl) .project-intro ul li {position:relative;padding-left:0;padding-right:25px;text-align: right;}
.project-intro ul li+li{margin-top:10px;}
.project-intro ul li::before{content: '';position: absolute;top: 50%;left:0;width: 15px;height: 1px;background: #000;transition: all 200ms linear;}
:dir(rtl) .project-intro ul li::before{right:0;}
.project-intro h2{margin-bottom:12px;margin-bottom: 20px;text-transform: uppercase;}
.project-intro img{width: 100% !important;height: auto !important;margin-top: 16x !important;}
.project-intro p{line-height: 26px;}


.zoomer{position:relative;display:block;}
.zoomer::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/zoom.svg) no-repeat center center rgba(0,0,0,.4);background-size:30px;transform:scale(.5);opacity:0;transition: all ease .3s;}
.zoomer:hover::before{transform: scale(1);opacity:1;z-index:3;}
.zoomer-video{position:relative;display:block;}
.zoomer-video::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/zoom-vid.svg) no-repeat center center rgb(11 76 124 / 32%);background-size:50px;transform:scale(.5);opacity:0;transition: all ease .3s;}
.zoomer-video:hover::before{ transform: scale(1); opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.icona li{padding-left:30px;background:url(../images/icon15.png) no-repeat left center;background-size:15px;}
:dir(rtl) .icona li{padding-left:0;padding-right:30px;background:url(../images/icon15.png) no-repeat right center;background-size:15px;}