@import "css/content.css";
@import "css/showcase.css";
@import "css/portfolio.css";
@import "css/shortcodes.css";
@import "css/assets.css";
@font-face{font-family:'DIN Next LT Arabic';src:url(fonts/DINNextLTArabic-Light.eot);src:url(fonts/DINNextLTArabic-Light.eot?#iefix) format("embedded-opentype"),url(fonts/DINNextLTArabic-Light.woff2) format("woff2"),url(fonts/DINNextLTArabic-Light.woff) format("woff"),url(fonts/DINNextLTArabic-Light.ttf) format("truetype"),url(fonts/DINNextLTArabic-Light.svg#DINNextLTArabic-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'DIN Next LT Arabic';src:url(fonts/DINNextLTArabic-Regular.eot);src:url(fonts/DINNextLTArabic-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/DINNextLTArabic-Regular.woff2) format("woff2"),url(fonts/DINNextLTArabic-Regular.woff) format("woff"),url(fonts/DINNextLTArabic-Regular.ttf) format("truetype"),url(fonts/DINNextLTArabic-Regular.svg#DINNextLTArabic-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DIN Next LT Arabic';src:url(fonts/DINNextLTArabic-Medium.eot);src:url(fonts/DINNextLTArabic-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/DINNextLTArabic-Medium.woff2) format("woff2"),url(fonts/DINNextLTArabic-Medium.woff) format("woff"),url(fonts/DINNextLTArabic-Medium.ttf) format("truetype"),url(fonts/DINNextLTArabic-Medium.svg#DINNextLTArabic-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'DIN Next LT Arabic';src:url(fonts/DINNextLTArabic-Bold.eot);src:url(fonts/DINNextLTArabic-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/DINNextLTArabic-Bold.woff2) format("woff2"),url(fonts/DINNextLTArabic-Bold.woff) format("woff"),url(fonts/DINNextLTArabic-Bold.ttf) format("truetype"),url(fonts/DINNextLTArabic-Bold.svg#DINNextLTArabic-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}
html,body{font-family:"DIN Next LT Arabic",sans-serif;font-weight:400;font-size:16px;height:100%;width:100%;color:#444;background-color:#fff;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
html{box-sizing:border-box;margin-right:0!important;overflow:visible!important}
body{overflow:hidden;overflow-y:scroll;-webkit-transition:opacity .2s ease-in-out .2s;transition:opacity .2s ease-in-out .2s}
body.smooth-scroll{overflow:hidden}
body.hidden{opacity:0}
.secondary-font{font-family:"DIN Next LT Arabic";font-weight:500}
.gray-color{color:#818185!important}
main{-webkit-transition:background .5s ease-in-out 0;transition:background .5s ease-in-out 0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;outline:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,footer,header,hgroup,nav,section{display:block}
audio{display:inline-block;max-width:100%}
address{font-style:italic;margin-bottom:24px}
abbr[title]{border-bottom:1px dotted #2b2b2b;cursor:help}
b,strong{font-weight:600;color:#000}
.light-content b,.light-content strong,.dark-section b,.dark-section strong{font-weight:600;color:#fff}
.light-content .light-section b,.light-content .light-section strong{font-weight:600;color:#000}
cite,dfn,em,i{font-style:italic}
mark,ins{background:none repeat scroll 0 0 #000;text-decoration:none;color:#fff;padding:2px 8px;display:inline-block;border-radius:2px}
.light-content mark,.light-content ins,.dark-section mark,.dark-section ins{background:none repeat scroll 0 0 #fff;color:#000}
.light-content .light-section mark,.light-content .light-section ins{background:none repeat scroll 0 0 #111;color:#fff}
code,kbd,tt,var,samp,pre{font-family:"DIN Next LT Arabic",sans-serif;font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6}
pre{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;background-color:rgba(0,0,0,0.05)}
.light-content pre,.dark-section pre{background-color:rgba(255,255,255,0.05);color:#fff}
.light-content .light-section pre{background-color:rgba(0,0,0,0.05);color:#000}
blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
blockquote{color:#000;line-height:1.6;font-size:1.5rem;font-weight:500;padding-left:3.5rem;margin:0 0 1.5625rem;position:relative}
.light-content blockquote,.dark-section blockquote{color:#fff}
.light-content .light-section blockquote{color:#000}
blockquote::before{content:"\275D";position:absolute;left:0;top:5px;line-height:1;font-size:3rem;font-weight:500}
blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5}
.light-content blockquote cite,.light-content blockquote small{color:#fff}
blockquote em,blockquote i,blockquote cite{font-style:normal}
blockquote strong,blockquote b{font-weight:600}
small{font-size:smaller}
big{font-size:125%}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
dl{margin-bottom:24px}
dt{font-weight:700}
dd{margin-bottom:24px}
ul,ol{list-style:none;margin:0 0 24px 20px;list-style:none;margin:20px 0 25px 20px}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin:20px 0 15px 25px}
li{line-height:20px;color:#444;margin-bottom:25px}
.light-content li,.dark-section li{color:#ccc}
.light-content .light-section li{color:#444}
figure{margin:0;position:relative;display:block}
figure.has-parallax{overflow:hidden}
.full figure.has-parallax{overflow:hidden;height:100vh}
figure img{max-width:100%}
.full img{width:100%;height:100%;position:relative;display:block;object-position:center;object-fit:cover}
.has-parallax-content img{width:100%;height:100%;position:relative;display:block;object-position:center;object-fit:cover}
figcaption{background-color:rgba(0,0,0,0.3);bottom:0;color:#fff;font-weight:400;font-size:10px;padding:5px 10px;position:absolute;right:0;z-index:10;border-radius:0}
fieldset{border:1px solid rgba(0,0,0,0.1);margin:0 0 24px;padding:0}
legend{white-space:normal}
button,input{line-height:normal}
input,textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{padding:0}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin-bottom:24px;width:100%;color:#444}
thead,.light-content .light-section thead{background-color:rgba(0,0,0,1);color:#fff}
.light-content thead,.dark-section thead{background-color:rgba(255,255,255,1)}
thead tr,.light-content .light-section thead tr{color:#fff}
.light-content thead tr,.dark-section thead tr{color:#000}
tr,.light-content .light-section tr{color:#444}
.light-content tr,.dark-section tr{color:#CCC}
tr:nth-child(2n),.light-content .light-section tr:nth-child(2n){background-color:rgba(0,0,0,0.05)}
.light-content tr:nth-child(2n),.dark-section tr:nth-child(2n){background-color:rgba(255,255,255,0.1)}
caption,th,td{font-weight:400;text-align:left}
th{border-width:0 1px 1px 0;padding:10px}
td{border-width:0 1px 1px 0;padding:10px}
del{color:#767676}
hr{border:0;height:28px;width:100%;float:none;margin:0;display:inline-block;opacity:1!important;-webkit-transition:translateY(0px)!important;transform:translateY(0px)!important}
hr.animated-line{height:2px;padding-top:12px;padding-bottom:12px}
hr.animated-line:before{content:"";display:block;width:0;height:2px;background:rgba(0,0,0,1)}
.light-content hr.animated-line:before,.dark-section hr.animated-line:before{background:rgba(255,255,255,1)}
.light-content .light-section hr.animated-line:before{background:rgba(0,0,0,1)}
hr.animated.animated-line:before{width:100%;-webkit-transition:width .7s ease-in-out .1s;transition:width .7s ease-in-out .1s}
hr:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
::selection{background:#000;color:#fff;text-shadow:none}
::-moz-selection{background:#000;color:#fff;text-shadow:none}
img{border:0 none;max-width:100%;vertical-align:middle;height:auto}
h1,h2,h3,h4,h5,h6{font-weight:500;color:#000;margin-bottom:10px}
h1.big-title{font-size:100px;line-height:130px;font-weight:500;margin-left:-4px}
h1.big-title span{display:block}
h1.big-title.inline-title span{display:inline-table}
h1{font-size:48px;line-height:64px}
h2{font-size:36px;line-height:52px}
h3{font-size:30px;line-height:46px;margin-left:-1px}
h4{font-size:24px;line-height:40px;margin-left:-1px}
h5{font-size:18px;line-height:34px;margin-left:-1px}
h6{font-size:14px;line-height:30px}
.no-margins{margin:0}
.light-content h1,.light-content h2,.light-content h3,.light-content h4,.light-content h5,.light-content h6,.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff}
.light-content .light-section h1,.light-content .light-section h2,.light-content .light-section h3,.light-content .light-section h4,.light-content .light-section h5,.light-content .light-section h6{color:#000}
p{font-size:16px;margin-bottom:25px;line-height:28px;color:#444}
.light-content p,.dark-section p{color:#aaa}
.light-content .light-section p{color:#444}
.bigger{font-size:18px;line-height:32px}
.smaller{font-size:12px;line-height:24px}
.container{max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box}
.container::after{clear:both;content:" ";display:table}
a:hover,a:active{outline:0;color:#000}
a,.light-content .light-section a{text-decoration:none;color:#000;outline:0}
.light-content a,.dark-section a{color:#fff}
a:hover{text-decoration:none}
.one_half{width:48%!important}
.one_third{width:30.6%!important}
.one_fourth{width:22%!important}
.one_fifth{width:16.8%!important}
.one_sixth{width:13.33%!important}
.two_fifth{width:37.6%!important}
.two_fourth{width:48%!important}
.two_third{width:65.33%!important}
.three_fifth{width:58.4%!important}
.three_fourth{width:74%!important}
.four_fifth{width:79.2%!important}
.five_sixth{width:82.67%!important}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{float:left!important;margin-bottom:10px!important;margin-right:4%!important;position:relative!important}
.last{margin-right:0!important}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.outer{display:table;width:100%;height:100%}
.inner{display:table-cell;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.light-section-wrapper,.dark-section-wrapper{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important}
.light-section-container,.dark-section-container{position:relative;box-sizing:border-box;width:100%;margin:0 auto}
.content-row{position:relative;width:100%;margin:0 auto;z-index:1;opacity:1;box-sizing:border-box}
.content-row::after{clear:both;content:" ";display:table}
.small{max-width:780px;width:100%;margin:0 auto}
.large{max-width:1380px;width:100%;margin:0 auto}
.full{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important}
.row_padding_top{padding-top:8vw}
.row_padding_bottom{padding-bottom:8vw}
.row_padding_left{padding-left:60px}
.row_padding_right{padding-right:60px}
.row_padding_all{padding:4vw 60px}
#rotate-device{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;background-color:#0f1010;background-image:url(images/rotate.svg);background-size:100px 100px;background-position:center;background-repeat:no-repeat;display:none}
#magic-cursor{position:absolute;left:0;top:0;width:30px;height:30px;pointer-events:none;z-index:10000;-webkit-transition:opacity .2s ease-in-out .5s;transition:opacity .2s ease-in-out .5s}
.hidden-ball #magic-cursor{opacity:0!important;visibility:hidden}
#ball{position:fixed;width:80px;height:80px;border:2px solid #999;border-radius:50%;pointer-events:none;opacity:1;box-sizing:border-box;-webkit-transform:scale(0.5);transform:scale(0.5)}
.mfp-zoom-out-cur #ball{opacity:0;-webkit-transition:opacity .2s ease-in-out 0;transition:opacity .2s ease-in-out 0}
.light-content #ball,#ball.over-movie,.light-content #ball.with-icon{border:2px solid #999;border-color:#999}
#ball:before{font-family:FontAwesome;content:"\f077";font-size:12px;width:8px;height:16px;line-height:26px;text-align:center;position:absolute;left:32px;top:-42px;color:#999;opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);transition:all .15s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball:before{color:#999}
#ball::after{font-family:FontAwesome;content:"\f078";font-size:12px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:100px;color:#999;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);transition:all .15s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball:before,.light-content #ball:after{color:#999}
.scale-up #ball:before,.scale-drag-horizontal #ball:before{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all .3s cubic-bezier(0.215,0.61,0.355,1) 0}
.scale-drag-horizontal #ball:before{color:#fff}
.scale-up #ball:after,.scale-drag-horizontal #ball:after{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all .3s cubic-bezier(0.215,0.61,0.355,1) 0}
.scale-drag-horizontal #ball:after{color:#fff}
.scale-up.scale-none #ball:before,.scale-up.scale-none #ball:after{opacity:0}
#ball-drag-x{position:absolute;width:72px;height:72px;pointer-events:none;opacity:1;box-sizing:border-box}
#ball-drag-x:before{font-family:FontAwesome;content:"\f053";font-size:12px;width:8px;height:16px;line-height:26px;text-align:center;position:absolute;left:-40px;top:26px;color:#fff;opacity:0;transform:translateX(70px);-webkit-transform:translateX(70px);transition:all .15s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball-drag-x:before{color:#fff}
#ball-drag-x::after{font-family:FontAwesome;content:"\f054";font-size:12px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;right:-39px;left:auto;top:31px;color:#fff;opacity:0;transform:translateX(-70px);-webkit-transform:translateX(-70px);transition:all .15s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball-drag-x:before,.light-content #ball-drag-x:after{color:#000}
.drag-cursor-white #ball-drag-x:before,.drag-cursor-white #ball-drag-x:after{color:#fff}
.drag-cursor-black #ball-drag-x:before,.drag-cursor-black #ball-drag-x:after{color:#000}
.scale-drag-x #ball-drag-x:before{opacity:1;transform:translateX(50px);-webkit-transform:translateX(50px);transition:all .3s cubic-bezier(0.215,0.61,0.355,1) 0}
.scale-drag-x #ball-drag-x:after{opacity:1;transform:translateX(-45px);-webkit-transform:translateX(-45px);transition:all .3s cubic-bezier(0.215,0.61,0.355,1) 0}
.scale-up.scale-drag #ball-drag-x:before,.scale-up.scale-drag #ball-drag-x:after{opacity:0}
#ball-drag-y{position:absolute;width:72px;height:72px;pointer-events:none;opacity:1;box-sizing:border-box}
#ball-drag-y:before{font-family:FontAwesome;content:"\f077";font-size:12px;width:8px;height:16px;line-height:26px;text-align:center;position:absolute;left:32px;top:-42px;color:#fff;opacity:0;transform:translateY(70px);-webkit-transform:translateY(70px);transition:all .15s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball-drag-y:before{color:#fff}
#ball-drag-y::after{font-family:FontAwesome;content:"\f078";font-size:12px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:100px;color:#fff;opacity:0;transform:translateY(-70px);-webkit-transform:translateY(-70px);transition:all .15s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball-drag-y:before,.light-content #ball-drag-y:after{color:#000}
.scale-drag-y #ball-drag-y:before{opacity:1;transform:translateY(47px);-webkit-transform:translateY(47px);transition:all .3s cubic-bezier(0.215,0.61,0.355,1) 0}
.scale-drag-y #ball-drag-y:after{opacity:1;transform:translateY(-50px);-webkit-transform:translateY(-50px);transition:all .3s cubic-bezier(0.215,0.61,0.355,1) 0}
.scale-up.scale-drag #ball-drag-y:before,.scale-up.scale-drag #ball-drag-y:after{opacity:0}
#ball i{color:#fff;width:76px;height:80px;line-height:78px;text-align:center;font-size:12px;display:block;opacity:1;transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
#ball p{color:#fff;width:66px;height:16px;line-height:16px;padding-top:0;padding-left:5px;margin:0;text-align:center;font-size:12px;font-weight:600;display:block;opacity:1;transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content #ball p{color:#fff}
#ball p.first{padding-top:22px}
.light-content #ball i,#ball.over-movie i,.light-content #ball.with-icon i{color:#fff}
.drag-cursor-white #ball i,.drag-cursor-white #ball.with-icon i{color:#fff}
.drag-cursor-black #ball i,.drag-cursor-black #ball.with-icon i{color:#000}
.light-content #ball.with-icon.dark-icon i{color:#000}
.scale-up #ball i{opacity:0;transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
#ball.with-icon i{width:76px}
#ball.with-icon i:nth-child(2){display:none}
#ball.close-icon i{width:75px;height:76px;font-size:14px}
#ball.over-movie i.fa-play,#ball.over-movie.pause-movie i.fa-pause{display:block}
#ball.over-movie i.fa-pause,#ball.over-movie.pause-movie i.fa-play{display:none}
#ball-loader{width:100px;height:100px;position:absolute;background-color:transparent;border-right:4px solid transparent;border-bottom:4px solid #999;border-left:4px solid transparent;border-top:4px solid transparent;border-radius:100px;box-sizing:border-box;opacity:0;-webkit-transform:translate(-14px,-14px) rotate(0deg);transform:translate(-14px,-14px) rotate(0deg);-webkit-animation:rotating .8s ease-in-out infinite;animation:rotating .8s ease-in-out infinite;-webkit-transition:opacity 0 ease-in-out 0;transition:opacity 0 ease-in-out 0}
.light-content #ball-loader{border-bottom:4px solid #999}
.show-loader #ball-loader{opacity:1;-webkit-transition:opacity .2s ease-in-out 0;transition:opacity .2s ease-in-out 0}
@keyframes rotating {
0%{-webkit-transform:translate(-14px,-14px)rotate(0deg);transform:translate(-14px,-14px)) rotate(0deg)}
95%{-webkit-transform:translate(-14px,-14px) rotate(350deg);transform:translate(-14px,-14px) rotate(350deg)}
100%{-webkit-transform:translate(-14px,-14px) rotate(360deg);transform:translate(-14px,-14px) rotate(360deg)}
}
.show-loader a,.show-loader nav,.scale-up a,.scale-up .hide-ball,scale-up .link,.scale-up .button-wrap,.scale-up #burger-wrapper,.scale-up .disable-drag,.scale-drag a,.scale-drag .move-title{pointer-events:none!important}
.disable-cursor #magic-cursor{display:none}
#ball i.arrow-icon{border:solid #000;border-width:3px 3px 0 0;box-sizing:border-box;display:block;position:absolute;top:28px;left:30px;height:20px;width:20px}
#ball i.arrow-icon:after{content:"";position:absolute;width:30px;height:3px;top:8px;left:-8px;background-color:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#ball i.arrow-icon.white{border:solid #fff;border-width:3px 3px 0 0}
#ball i.arrow-icon.white:after{background-color:#fff}
.disable-ajaxload .preloader-wrap{display:none}
.preloader-wrap{width:100%;height:100%;position:fixed;top:0;bottom:0;background:#000;z-index:1500;text-align:center}
.preloader-wrap.hidden{display:none;visibility:hidden;opacity:0}
.light-content.preloader-wrap{background:#000}
.preloader-wrap .outer{padding:0;box-sizing:border-box}
.preloader-wrap .inner{vertical-align:middle;box-sizing:border-box}
.percentage-intro{height:20px;position:absolute;font-size:14px;font-weight:500;line-height:20px;color:#fff;transform:translateX(-50%);left:50%;bottom:80px;opacity:.4}
.percentage-wrapper{width:auto;height:130px;position:relative;margin:0 auto;display:table}
.percentage{opacity:1;font-size:120px;line-height:130px;font-weight:500;font-family:"DIN Next LT Arabic";width:100px;height:130px;color:#fff;display:table;margin:0 auto;opacity:1}
.light-content .percentage,.light-content .percentage:after,.light-content .percentage-intro{color:#fff}
.trackbar{width:30%;height:2px;left:35%;right:35%;margin:0 auto;display:table;position:absolute;top:50%;opacity:0}
.loadbar{width:0;height:2px;background:rgba(255,255,255,1);position:relative;top:0;overflow:hidden;margin:0 auto}
.light-content .loadbar{background:rgba(255,255,255,1)}
.hold-progress-bar{width:0;height:0;background:rgba(255,255,255,1);position:absolute;top:0;left:0;right:0;overflow:hidden}
.light-content .hold-progress-bar{background:rgba(0,0,0,1)}
.preloader-intro{font-family:"DIN Next LT Arabic",serif;font-weight:500;position:relative;display:block;font-size:100px;line-height:130px;color:#000}
.light-content .preloader-intro{color:#fff}
header{width:100%;height:120px;left:0;top:0;background-color:transparent;position:fixed;box-sizing:border-box;z-index:1000;pointer-events:none;-webkit-transition:background .4s ease-in-out .3s;transition:background 0 ease-in-out 0}
#header-container{box-sizing:border-box;height:inherit;padding:20px 80px;margin:0 auto;position:relative;width:100%;z-index:20;opacity:0}
.header-visible #header-container{opacity:1}
#logo{position:relative;display:table;pointer-events:initial;z-index:10;top:15px;float:left}
#logo a{display:block;-webkit-transition:transform .5s ease-in-out .1s;transition:transform .5s ease-in-out .1s}
#logo a.disable,.open #logo a{pointer-events:none}
#logo img{display:block;height:50px;width:auto;max-width:none;-webkit-transition:opacity .15s ease-in-out 0;transition:opacity .15s ease-in-out 0}
#logo img.black-logo,.light-content.light-content-slider #logo img.black-logo{opacity:1}
.light-content #logo img.black-logo{opacity:0}
#logo img.white-logo,.light-content.light-content-slider #logo img.white-logo{position:absolute;top:0;left:0;opacity:0}
.light-content #logo img.white-logo{opacity:1}
.white-header #logo img.black-logo,.light-content-slider #logo img.black-logo{opacity:0}
.light-content .white-header #logo img.black-logo{opacity:1}
.light-content .white-header.over-white-section #logo img.black-logo,.show-loader .light-content .white-header #logo img.black-logo{opacity:0}
.white-header #logo img.white-logo,.light-content-slider #logo img.white-logo{opacity:1}
.light-content .white-header #logo img.white-logo{opacity:0}
.light-content .white-header.over-white-section #logo img.white-logo,.show-loader .light-content .white-header #logo img.white-logo{opacity:1}
.menu-open.light-content .slide-in #logo img.white-logo{opacity:1}
nav{pointer-events:none}
nav.open{pointer-events:initial}
@media all and (min-width: 1025px) {
.classic-menu nav{position:relative;width:auto;top:0;-webkit-transition:all .2s ease-in-out .5s;transition:all .2s ease-in-out .5s;display:block;float:right;height:60px;margin:10px 0;background-color:transparent!important}
.classic-menu .flexnav{display:block;float:right;position:relative;width:auto;max-height:60px}
.classic-menu .flexnav li ul{min-width:160px}
.classic-menu .flexnav .touch-button{background:transparent none repeat scroll 0 0}
.flexnav .touch-button .navicon{display:none}
.classic-menu .flexnav li{background:transparent none repeat scroll 0 0;padding:0 25px;padding-bottom:20px;padding-top:20px}
.classic-menu .menu-timeline{opacity:1!important;-webkit-transition:translateY(0px)!important;transform:translateY(0px)!important;pointer-events:initial}
.classic-menu .flexnav li:last-child{padding-right:0}
.classic-menu .before-span{opacity:1!important;-webkit-transition:translateY(0px)!important;transform:translateY(0px)!important}
.classic-menu .flexnav li a{background:transparent none repeat scroll 0 0;padding:0 5px;position:relative;border-left:medium none;color:#000;font-size:12px;font-weight:600;line-height:20px;display:block;overflow:hidden;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.light-content.light-content-slider .classic-menu .flexnav li a{color:#000}
.light-content .classic-menu .flexnav li a{color:#fff}
.light-content .classic-menu.white-header .flexnav li a{color:#000}
.classic-menu.white-header .flexnav li a,.light-content-slider .classic-menu .flexnav li a{color:#fff}
.flexnav:hover li a{color:rgba(0,0,0,0.4)}
.light-content.light-content-slider .classic-menu .flexnav:hover li a{color:rgba(0,0,0,0.4)}
.light-content .classic-menu .flexnav:hover li a{color:rgba(255,255,255,0.4)}
.classic-menu.white-header .flexnav:hover li a,.light-content-slider .classic-menu .flexnav:hover li a{color:rgba(255,255,255,0.4)}
.light-content .classic-menu.white-header .flexnav:hover li a{color:rgba(0,0,0,0.4)}
.classic-menu .flexnav li:hover a{color:#000}
.light-content.light-content-slider .classic-menu .flexnav li:hover a{color:#000}
.light-content .classic-menu .flexnav li:hover a{color:#fff}
.classic-menu.white-header .flexnav li:hover a,.light-content-slider .classic-menu .flexnav li:hover a{color:#fff}
.light-content .classic-menu.white-header .flexnav li:hover a{color:#000}
.classic-menu .flexnav li a span{position:relative;display:block;-webkit-transition:-webkit-transform .2s;transition:transform .2s;transform-origin:100% 0}
.classic-menu .flexnav li a span::before{position:absolute;top:100%;width:100%;left:0;content:attr(data-hover)}
.classic-menu .flexnav li:hover a span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0 0}
.classic-menu .flexnav li ul li a{padding:0 20px 20px;background-color:transparent;font-size:12px;font-weight:500;text-transform:none;color:#fff!important;opacity:.6;-webkit-transition:all .05s ease-in-out;-moz-transition:all .05s ease-in-out;-o-transition:all .05s ease-in-out;-ms-transition:all .05s ease-in-out;transition:all .05s ease-in-out}
.classic-menu .flexnav li ul li a.link::before{display:none}
.classic-menu .flexnav li ul li a.active,.classic-menu .flexnav li ul li a:hover{opacity:1}
.classic-menu .flexnav li > ul li{margin-left:0;padding:0}
.classic-menu .flexnav li ul{-webkit-transform:translate3d(0px,30px,0px);transform:translate3d(0px,30px,0px);display:block!important;opacity:0!important;height:inherit!important;overflow:visible!important;visibility:hidden;left:15px;top:60px;padding-top:20px;background:#000;border-radius:3px;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out!important;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out!important}
.classic-menu .flexnav li:last-child ul{left:auto;right:-10px}
.classic-menu .flexnav li ul ul{left:5px!important}
.classic-menu .flexnav li ul:after{display:block;content:'';position:absolute;top:-6px;left:20px;width:0;height:0;border-style:solid;border-width:0 10px 9px;border-color:transparent transparent #000}
.classic-menu .flexnav li:last-child ul:after{left:auto;right:20px}
.classic-menu .flexnav ul li ul:after{display:block;content:'';position:absolute;top:15px;left:-10px;width:0;height:0;border-style:solid;border-width:0 10px 9px;border-color:transparent transparent #000;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.classic-menu .flexnav li ul li > ul,.classic-menu .flexnav li ul.open ul.open{top:-5px;z-index:10}
.classic-menu .flexnav li:last-child ul li > ul,.classic-menu .flexnav li:last-child ul.open ul.open{margin-left:-100%;left:-5px!important;right:auto;top:0}
.classic-menu .flexnav li:last-child ul li ul::after{right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.classic-menu .flexnav ul li ul li a{background:#000}
.classic-menu .flexnav ul li ul li ul li a{background:#000}
.classic-menu .flexnav li ul.flexnav-show{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);opacity:1!important;visibility:visible;-webkit-transition:opacity .2s ease-in-out 0.1s,visibility .2s ease-in-out,transform .2s ease-in-out .1s;transition:opacity .2s ease-in-out 0.1s,visibility .2s ease-in-out,transform .2s ease-in-out .1s}
.classic-menu .flexnav .touch-button{display:none}
.fullscreen-menu .nav-height{overflow-y:scroll;position:relative;height:100%;padding:40px 0;padding-right:30px;width:calc(100% + 30px);box-sizing:border-box}
.fullscreen-menu nav{height:100vh;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;visibility:visible;pointer-events:none;opacity:0;padding:20px 0;-webkit-transition:all .2s ease-in .6s;transition:all .2s ease-in .6s}
.fullscreen-menu nav.open{visibility:visible;pointer-events:initial;opacity:1;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.fullscreen-menu .flexnav{max-height:2000px;-webkit-transition:all .2s ease-in .6s;transition:all .2s ease-in .6s;display:table;width:auto;padding:0 80px;box-sizing:border-box;margin:0 auto;float:none}
.fullscreen-menu .flexnav.flexnav-show{-webkit-transition:all .3s ease-out .2s;transition:all .3s ease-out .2s}
.fullscreen-menu .flexnav li{text-align:center;padding:0;box-sizing:border-box;float:none}
.fullscreen-menu .menu-timeline{opacity:0}
.fullscreen-menu .flexnav .touch-button{width:100%;display:block;height:100px}
.fullscreen-menu .flexnav li ul li .touch-button{height:32px}
.fullscreen-menu .flexnav:hover li ul li a.active,.fullscreen-menu .flexnav:hover li ul li:hover > a{opacity:1}
.fullscreen-menu .flexnav .touch-button .navicon{display:none}
.fullscreen-menu .flexnav li.link{border-bottom:none}
.fullscreen-menu .flexnav li a{font-weight:500;font-size:72px;line-height:100px;padding:0;-webkit-transition:all .1s ease-in-out 0;transition:all .1s ease-in-out 0;color:#fff}
.fullscreen-menu .flexnav:hover li a,.fullscreen-menu .flexnav.hover li a{opacity:.3}
.fullscreen-menu .flexnav li:hover a,.fullscreen-menu .flexnav li a.active{opacity:1}
.fullscreen-menu .flexnav:hover li ul li a{opacity:.3}
.fullscreen-menu .flexnav:hover li ul li a.active,.fullscreen-menu .flexnav:hover li ul li:hover > a{opacity:1}
.fullscreen-menu .flexnav a.link::before{display:none}
.fullscreen-menu .flexnav li ul{margin-bottom:20px;position:relative;left:0}
.fullscreen-menu .flexnav li ul:after{display:none}
.fullscreen-menu .flexnav li ul li a{padding:6px 0;font-size:16px;line-height:28px;font-weight:500;border-top:none;text-transform:none}
.fullscreen-menu .flexnav ul li ul li a{background:transparent}
.fullscreen-menu .flexnav li ul li > ul,.fullscreen-menu .flexnav li ul.open ul.open{margin-left:0;top:0}
.fullscreen-menu .menu-timeline{opacity:1}
.fullscreen-menu .menu-timeline .before-span{opacity:0;display:block;-webkit-transform:translateY(120px);transform:translateY(120px)}
.fullscreen-menu .flexnav li,.fullscreen-menu .flexnav li a{background-color:transparent;border:0}
.fullscreen-menu .flexnav li a span{position:relative;display:block;-webkit-transition:-webkit-transform .2s;transition:transform .2s;transform-origin:100% 0;overflow:hidden}
.fullscreen-menu .open .flexnav li a span{overflow:visible}
.fullscreen-menu .flexnav li a span::before{position:absolute;top:100%;width:100%;left:0;content:attr(data-hover);font-family:"DIN Next LT Arabic";font-weight:500}
.fullscreen-menu .flexnav li:hover a span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0 0}
.fullscreen-menu .flexnav li.hover a span{-webkit-transform:translateY(-100%)!important;transform:translateY(-100%)!important;transform-origin:0 0}
}
nav,nav.open{-webkit-transition:all 0 ease-in 0;transition:all 0 ease-in 0;background:transparent}
#burger-wrapper{width:40px;height:40px;float:right;top:0;right:0;display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer;pointer-events:initial}
.classic-menu .button-wrap.right.menu{display:none}
.burger-dots #menu-burger{top:0;width:25px;height:25px;position:relative;margin:0 auto;z-index:2;pointer-events:none}
.menu-overlay #menu-burger{display:block}
.burger-dots #menu-burger span{display:block;position:absolute;height:5px;width:5px;border-radius:5px;background-color:#000;opacity:1;top:10px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background-color .05s ease-in-out,transform .2s ease-in-out,height .2s ease-in-out,width .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out;transition:background-color .05s ease-in-out,transform .2s ease-in-out,height .2s ease-in-out,width .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out}
#burger-wrapper .touch-button{display:none}
.burger-dots #menu-burger span:nth-child(1){left:0}
.burger-dots #menu-burger span:nth-child(2){left:10px}
.burger-dots #menu-burger span:nth-child(3){left:20px}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1){left:10px}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3){left:10px}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1){left:3px}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3){left:3px}
.burger-dots #menu-burger.open span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:12px;height:2px;width:20px;left:3px}
.burger-dots #menu-burger.open span:nth-child(2){-webkit-transform:scale(0);transform:scale(0)}
.burger-dots #menu-burger.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:12px;height:2px;width:20px;left:3px}
.button-wrap.right.burger-lines{right:-30px}
.burger-lines #menu-burger{width:16px;height:22px;position:relative;margin:0 auto;z-index:2;pointer-events:none}
.burger-lines #menu-burger span{display:block;position:absolute;height:2px;width:100%;opacity:1;right:0;background-color:#000;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background-color .05s ease-in-out,transform .2s ease-in-out,top .2s ease-in-out;transition:background-color .05s ease-in-out,transform .2s ease-in-out,top .2s ease-in-out}
.burger-lines #menu-burger span:nth-child(1){top:7px}
.burger-lines #menu-burger span:nth-child(2){top:15px}
.burger-lines #menu-burger span:nth-child(3){display:none}
.burger-lines #menu-burger.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:10px}
.burger-lines #menu-burger.open span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:10px}
.light-content #menu-burger span,.light-content-slider #menu-burger span{background-color:#fff}
.light-content.light-content-slider #menu-burger span{background-color:#000}
.white-header #menu-burger span{background-color:#fff}
.light-content .white-header #menu-burger span{background-color:#000}
.light-content .white-header.over-white-section #menu-burger span,.show-loader .light-content .white-header #menu-burger span{background-color:#fff}
#content-scroll{z-index:1;position:relative}
.smooth-scroll #content-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.scroll-content{cursor:default!important}
.scale-up .scroll-content{cursor:grabbing!important}
.scrollbar-track{background:transparent!important}
footer{position:relative;width:100%;height:120px;z-index:900;box-sizing:border-box;text-align:center;bottom:0;left:0;overflow:hidden;pointer-events:none}
footer.fixed{position:fixed}
footer.showcase-footer{position:absolute}
#footer-container{padding:0 80px;margin:20px auto;height:80px;opacity:0;position:absolute;width:100%;box-sizing:border-box;bottom:0;left:0}
.footer-middle{position:absolute;margin:0 auto;width:100%;height:inherit;display:table;left:0;pointer-events:none}
.copyright{position:relative;top:25px;width:auto;height:30px;overflow:hidden;font-size:12px;line-height:30px;color:#000;pointer-events:initial;display:table;width:auto;padding:0 20px;max-width:820px;box-sizing:border-box;text-align:center;margin:0 auto}
.light-content .copyright{color:#fff}
.socials-wrap{position:relative;float:right;color:#000;width:240px;height:160px;box-sizing:border-box;pointer-events:initial;transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
.light-content .socials-wrap{color:#fff}
footer .socials-wrap{margin-top:0}
.socials-wrap:hover{transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.socials-text{float:right;font-size:12px;font-weight:600;font-family:"DIN Next LT Arabic",sans-serif;line-height:40px;transform:translateY(20px)}
.socials-wrap:hover .socials-text{transform:translateY(15px) translateX(5px);-webkit-transform:translateY(15px) translateX(5px);transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
.socials-icon{float:right;width:30px;height:40px;font-size:12px;line-height:40px;text-align:right;margin-left:10px;transform:scale(1) translateY(20px);transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
.socials-wrap:hover .socials-icon{transform:scale(0) translateY(40px);width:0;margin:0;overflow:hidden}
.socials-icon:after,.socials-text:after{content:"";clear:both;display:table}
.socials{height:auto;line-height:30px;position:relative;width:auto;margin:0 auto;margin-top:10px;text-align:center;bottom:0;display:table;transform:translateX(15px);-webkit-transform:translateX(15px)}
.socials-wrap .socials{display:inline-block;width:100%;text-align:right}
.socials li{margin-right:0;margin-left:10px;list-style:none;color:#999;font-size:15px;margin-bottom:0;line-height:40px;position:relative;display:flex;justify-content:center;align-items:center;height:40px;width:40px;float:right;z-index:2;-webkit-transition:background .4s ease-in-out 0;transition:background .4s ease-in-out 0}
.socials-wrap .socials li{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all .2s cubic-bezier(0.215,0.61,0.355,1) 0}
.socials-wrap:hover .socials li:nth-child(5){transition:all .2s cubic-bezier(0.215,0.61,0.355,1) .05s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)}
.socials-wrap:hover .socials li:nth-child(4){transition:all .2s cubic-bezier(0.215,0.61,0.355,1) .1s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)}
.socials-wrap:hover .socials li:nth-child(3){transition:all .2s cubic-bezier(0.215,0.61,0.355,1) .15s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)}
.socials-wrap:hover .socials li:nth-child(2){transition:all .2s cubic-bezier(0.215,0.61,0.355,1) .2s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)}
.socials-wrap:hover .socials li:nth-child(1){transition:all .2s cubic-bezier(0.215,0.61,0.355,1) .3s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)}
.socials li:last-child{margin-left:0}
.socials li a{color:#000;font-size:12px;font-weight:600;display:block;height:40px;width:40px;line-height:40px;text-align:center;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}
.socials:hover li a{opacity:.3}
.socials li a:hover{color:#000;opacity:1}
.light-content .socials li a{color:#fff}
.light-content .socials:hover li a{opacity:.3}
.light-content .socials li a:hover{color:#fff;opacity:1}
.button-wrap{position:relative;cursor:pointer;top:0;pointer-events:initial;width:auto;display:table}
.button-wrap:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
.button-wrap.left{float:left;left:-32px}
.button-wrap.right{float:right;right:-26px}
#main .button-wrap.left{float:none;left:-24px}
#main .button-wrap.right{float:none;right:auto}
.icon-wrap{width:80px;height:80px;display:flex;position:relative;justify-content:center;align-items:center;float:left}
#main .icon-wrap{width:60px;height:60px}
.button-wrap.left .icon-wrap{float:left}
.button-wrap.right .icon-wrap{float:right}
#main .text-align-right .button-wrap.right{float:right}
.button-icon{height:40px;width:40px;color:#000;text-align:center;line-height:30px;font-size:22px}
.light-content.light-content-slider #hero.has-slider .button-icon{color:#000}
.light-content .button-icon,.dark-section .button-icon,.light-content-slider #hero.has-slider .button-icon{color:#fff}
.light-content .light-section .button-icon{color:#000}
.button-icon i{height:40px;line-height:39px;width:40px;text-align:center}
#main .button-icon i{line-height:40px}
#main .button-icon i.fa.fa-arrow-right{font-size:14px}
.button-text{font-weight:600;font-size:12px;line-height:30px;margin:25px 0;overflow:hidden;width:auto;padding:0 10px;color:#000;-webkit-transition:color .05s ease-in-out;transition:color .05s ease-in-out}
#main #hero-footer .button-text span::after{content:none}
#main .button-text{font-size:16px;line-height:30px;font-weight:400;margin:15px 0;transition:transform .2s ease-out}
#main #hero .button-text{font-weight:600;font-size:12px}
#main .large-btn .button-text{font-size:18px;font-weight:500;margin:15px 0;transition:transform .2s ease-out}
.light-content.light-content-slider header .button-text,.light-content.light-content-slider #hero.has-slider .button-text{color:#000}
.light-content .button-text,.dark-section .button-text,.light-content-slider #hero.has-slider .button-text,.light-content-slider header .button-text{color:#fff}
.light-content .light-section .button-text{color:#000}
.white-header .button-text{color:#fff}
.light-content .white-header .button-text{color:#000}
.light-content .white-header.over-white-section .button-text,.show-loader .light-content .white-header .button-text{color:#fff}
.button-wrap.left .button-text{text-align:left;float:left}
.button-wrap.right .button-text{text-align:right;float:right;padding-left:0}
.button-text span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .2s;transition:transform .2s;width:auto;text-align:center;transform-origin:100% 0}
.button-wrap.left .button-text span{text-align:left}
.button-wrap.right .button-text span{text-align:right}
.button-text span::before{position:absolute;width:auto;top:100%;left:0;content:attr(data-hover)}
.header-middle .button-text span::before{content:attr(data-on)}
.button-wrap:hover .button-text span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0 0}
nav,nav.open{-webkit-transition:all 0 ease-in 0;transition:all 0 ease-in 0;background:transparent}
@media only screen and (max-width: 1466px) {
h1.big-title{font-size:90px;line-height:110px;margin-left:-3px}
.percentage-wrapper{height:auto}
.percentage{font-size:90px;line-height:120px;height:auto}
header{height:100px}
#header-container{padding:10px 60px}
.flexnav li{padding:20px}
footer{height:100px}
#footer-container{padding:0 60px;margin:10px auto}
}
@media only screen and (max-width: 1024px) {
h1.big-title{font-size:72px;line-height:90px}
.parallax-wrap{transform:none!important}
.parallax-element{transform:none!important}
.has-parallax figcaption{display:none}
.destroy{display:none}
.row_padding_left{padding-left:0}
.row_padding_right{padding-right:0}
.full.row_padding_left{padding-left:40px}
.full.row_padding_right{padding-right:40px}
.row_padding_all{padding:4vw 0}
.full.row_padding_all{padding:4vw 40px}
#magic-cursor{display:none}
.trackbar{width:50%;left:25%;right:25%}
.percentage{font-size:72px;line-height:100px;height:auto}
.percentage-intro{margin-bottom:40px;bottom:20px}
header{height:80px}
#header-container{padding:0;margin:0 auto}
#logo{left:40px}
.header-middle{display:none}
.button-wrap.right.menu{right:10px}
nav{height:100vh;position:fixed;width:100%;box-sizing:border-box;visibility:visible;pointer-events:none;opacity:0;padding:20px 0;-webkit-transition:all .2s ease-in .6s;transition:all .2s ease-in .6s}
nav.open{visibility:visible;pointer-events:initial;opacity:1;background-color:transparent;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.nav-height{position:relative;height:100%;padding:40px 0;width:100%;box-sizing:border-box}
.flexnav{padding:0 20px;max-height:2000px;display:table;width:auto;margin:0 auto;text-align:center;box-sizing:border-box;background:transparent;-webkit-transition:all .2s ease-in .6s;transition:all .2s ease-in .6s}
.flexnav.flexnav-show{-webkit-transition:all .3s ease-out .2s;transition:all .3s ease-out .2s}
.flexnav.opacity{opacity:1}
.flexnav li{padding:0;-webkit-transition:color .15s ease-out 0;transition:color .15s ease-out 0}
.flexnav:hover li{color:rgba(255,255,255,0.4)}
.flexnav li:hover{color:rgba(255,255,255,1)}
.flexnav li a,.flexnav li ul li a{background:transparent}
.flexnav li a{font-weight:500;font-size:48px;line-height:60px;padding:0;-webkit-transition:all .1s ease-in-out 0;transition:all .1s ease-in-out 0;color:#fff}
.flexnav:hover li a{opacity:.3}
.flexnav li:hover a,.flexnav li a.active{opacity:1}
.flexnav li ul{margin-bottom:15px}
.flexnav li ul li a{padding:10px 0;font-weight:500;text-transform:none;font-size:14px;line-height:14px;border-top:none;color:#fff;opacity:.4;-webkit-text-stroke:none}
.flexnav li ul li:hover a,.flexnav li ul li a.active{opacity:1}
.flexnav:hover li ul li a{opacity:.3}
.flexnav:hover li ul li a.active,.flexnav:hover li ul li:hover > a{opacity:1}
.flexnav ul li ul li a{background:transparent}
.flexnav li ul li ul li a{padding:10px 40px}
.flexnav .touch-button{width:100%;display:block;height:60px}
.flexnav li ul li .touch-button{height:32px}
.flexnav .touch-button .navicon{display:none}
#menu-burger span.touch-button{display:none}
.classic-menu .button-wrap.right.menu{display:block}
footer{height:80px}
#footer-container{margin:0 auto;padding:0 40px;height:80px}
.footer-button-wrap{bottom:80px}
.copyright{text-align:center}
.socials-wrap{width:240px;height:40px;float:right;margin:0 auto;right:-10px;transform:translateX(0px) translateY(20px)!important;-webkit-transform:translateX(0px) translateY(20px)!important}
.socials-wrap:hover{transform:translateY(20px);-webkit-transform:translateY(20px)}
.socials-icon,.socials-text{display:none}
.socials-wrap .socials{margin-top:5px;text-align:right;transform:translateX(0px);-webkit-transform:translateX(0px)}
.socials-wrap .socials li{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
.socials-wrap:hover .socials li{opacity:1;transform:translateY(0px)!important;-webkit-transform:translateY(0px)!important}
.socials li{line-height:30px;height:30px;width:30px;margin:0 5px auto;display:inline-block;float:none}
.socials li a{height:30px;width:30px;line-height:30px}
}
@media only screen and (max-width: 767px) {
h1.big-title{font-size:60px;line-height:76px}
h1{font-size:34px;line-height:48px}
h2{font-size:28px;line-height:44px}
h3{font-size:24px;line-height:36px;margin-left:-1px}
h4{font-size:20px;line-height:30px;margin-left:-1px}
h5{font-size:16px;line-height:26px;margin-left:-1px}
h6{font-size:14px;line-height:24px}
figcaption{background-color:rgba(0,0,0,0.3);bottom:0;font-size:10px;padding:5px 10px;right:0;border-radius:0}
.one_half{width:100%!important;padding-right:0!important}
.one_half.last{padding-left:0!important}
.one_third{width:100%!important}
.one_fourth{width:100%!important}
.one_fifth{width:100%!important}
.one_sixth{width:100%!important}
.two_fifth{width:100%!important}
.two_fourth{width:100%!important}
.two_third{width:100%!important}
.three_fifth{width:100%!important}
.three_fourth{width:100%!important}
.four_fifth{width:100%!important}
.five_sixth{width:100%!important}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-bottom:20px!important;margin-right:0!important}
.row_padding_top{padding-top:10vw}
.row_padding_bottom{padding-bottom:10vw}
.row_padding_left{padding-left:0}
.row_padding_right{padding-right:0}
.full.row_padding_left{padding-left:30px}
.full.row_padding_right{padding-right:30px}
.row_padding_all{padding:4vw 0}
.full.row_padding_all{padding:4vw 30px}
hr{height:20px}
.percentage{font-size:60px;line-height:80px}
.percentage-intro{margin-bottom:30px;bottom:20px}
#logo{left:30px}
.button-wrap.right.menu.burger-lines{right:0}
header .button-text{display:none}
#footer-container{padding:0 30px}
#footer-container #backtotop.button-wrap.left{float:none;top:10px;left:0;right:0;position:absolute;display:block}
#backtotop.button-wrap.left .button-text{text-align:left;float:left;display:none}
#backtotop.button-wrap.left .icon-wrap{float:none;position:absolute;right:0;left:auto;margin:auto;top:0}
.footer-middle{max-width:1180px;height:20px;position:absolute;margin:0 auto;left:0;width:100%;top:0}
.copyright{margin:0;left:10px;top:10px;text-align:left}
footer.showcase-footer .arrows-wrap{right:auto;left:-30px;float:left;margin:auto}
footer.showcase-footer .socials-wrap{width:170px;float:right;left:auto;right:0;top:0}
.socials-wrap{width:170px;float:none;left:-6px;right:auto;top:10px;margin:0}
.socials-wrap .socials{text-align:left}
.socials li{margin:0 0 auto}
}
@media only screen and (max-width: 479px) {
h1.big-title{font-size:48px;line-height:64px}
.row_padding_top{padding-top:12vw}
.row_padding_bottom{padding-bottom:12vw}
.row_padding_left{padding-left:0}
.row_padding_right{padding-right:0}
.full.row_padding_left{padding-left:20px}
.full.row_padding_right{padding-right:20px}
.row_padding_all{padding:4vw 0}
.full.row_padding_all{padding:4vw 20px}
hr{height:10px}
.percentage{font-size:48px;line-height:72px}
.percentage-intro{margin-bottom:20px;bottom:20px}
#logo{left:20px}
.button-wrap.right.menu{right:-10px}
.button-wrap.right.menu.burger-lines{right:-10px}
#footer-container{padding:0;margin:0}
footer.showcase-footer #footer-container{padding:0 20px}
.copyright{left:0}
.socials-wrap{float:none;left:14px;right:auto}
.arrows-wrap{left:-10px;width:80px}
.prev-wrap,.next-wrap{width:40px}
footer.showcase-footer .arrows-wrap{right:0;left:0;float:none;margin:auto;width:100%}
footer.showcase-footer .prev-wrap,footer.showcase-footer .next-wrap{width:60px}
footer.showcase-footer .footer-middle{top:0}
footer.showcase-footer .showcase-subtitles-wrap{left:0}
footer.showcase-footer .socials-wrap{display:none}
.button-text{display:none}
#main-page-content .button-text{display:block}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
#rotate-device{display:block}
}