@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;src:local('Josefin Sans Light'),local('JosefinSans-Light'),url(http://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04zwV_pQ1T3xN3K1c3sB361us.ttf) format('truetype')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;src:local('Josefin Sans'),local('JosefinSans'),url(http://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5onF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600;src:local('Josefin Sans SemiBold'),local('JosefinSans-SemiBold'),url(http://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04z1FZMcfX2SbzQ69I7OWmkGo.ttf) format('truetype')}@font-face{font-family:'Nothing You Could Do';font-style:normal;font-weight:400;src:local('Nothing You Could Do'),local('NothingYouCouldDo'),url(http://fonts.gstatic.com/s/nothingyoucoulddo/v6/jpk1K3jbJoyoK0XKaSyQAQB8Hyktk_aPnlUAWJgZcX8.ttf) format('truetype')}


html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:focus,a:hover{outline:0!important}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! http://Monfa.red | 2014-11 | Designed & Developed Abbas Monfared | (c) */body{font-family:'Josefin Sans',sans-serif;font-weight:300;font-size:3vh}
body,html{position:fixed;overflow:hidden;width:100%;height:100%}
.main-wrapper{display:block;position:absolute;width:100%;height:100%;-webkit-touch-callout:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform 1s cubic-bezier(.4,.1,.4,1) 0s;transition:transform 1s cubic-bezier(.4,.1,.4,1) 0s}
.main-wrapper .section{position:absolute;width:100%;height:100%}
.loading{position:absolute;width:100%;height:100%;z-index:9;left:0;}
.loading .loading_wrapper{position:absolute;width:100%;height:100%}
.loading figure{position:absolute;bottom:40.8vh;left:0;right:0;margin:auto;width:20vh;height:20vh;z-index:1;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.loading figure svg{position:absolute;top:0;bottom:0;margin:auto;fill:#00b1c6}.loading figure svg polygon{-webkit-animation:loadingColors 4.5s cubic-bezier(.95,0,.04,1) .83s infinite;animation:loadingColors 4.5s cubic-bezier(.95,0,.04,1) .83s infinite}
.loading figure.loading_left{-webkit-animation:loadingRotate 1.5s ease infinite;animation:loadingRotate 1.5s ease infinite}.loading figure.loading_right{-webkit-animation:loadingRotateBack 1.5s ease infinite;animation:loadingRotateBack 1.5s ease infinite}
.loading figure.loading_cover{-webkit-transform-origin:50% 62%;-ms-transform-origin:50% 62%;transform-origin:50% 62%;-webkit-animation:loadingCover 1.5s ease infinite;animation:loadingCover 1.5s ease infinite}.loading.fade_out{height:0;-webkit-transform:translate3d(0,103%,0);transform:translate3d(0,103%,0);background-color:#fff;transition:-webkit-transform .65s ease 0s,background-color .55s linear 0s,height 0s linear .6s;transition:transform .65s ease 0s,background-color .55s linear 0s,height 0s linear .6s}
@-webkit-keyframes loadingRotate{0%,2%{opacity:1;-webkit-transform:translateX(8.4%);transform:translateX(8.4%)}21%,59%{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}80%{opacity:1;-webkit-transform:translateX(8.4%);transform:translateX(8.4%)}100%,82%{opacity:0;-webkit-transform:translateX(8.4%);transform:translateX(8.4%)}}
@keyframes loadingRotate{0%,2%{opacity:1;-webkit-transform:translateX(8.4%);transform:translateX(8.4%)}21%,59%{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}80%{opacity:1;-webkit-transform:translateX(8.4%);transform:translateX(8.4%)}100%,82%{opacity:0;-webkit-transform:translateX(8.4%);transform:translateX(8.4%)}}
@-webkit-keyframes loadingRotateBack{0%,2%{opacity:1;-webkit-transform:translateX(-8.4%);transform:translateX(-8.4%)}21%,59%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}80%{opacity:1;-webkit-transform:translateX(-8.4%);transform:translateX(-8.4%)}100%,82%{opacity:0;-webkit-transform:translateX(-8.4%);transform:translateX(-8.4%)}}
@keyframes loadingRotateBack{0%,2%{opacity:1;-webkit-transform:translateX(-8.4%);transform:translateX(-8.4%)}21%,59%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}80%{opacity:1;-webkit-transform:translateX(-8.4%);transform:translateX(-8.4%)}100%,82%{opacity:0;-webkit-transform:translateX(-8.4%);transform:translateX(-8.4%)}}@-webkit-keyframes loadingCover{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}76%,8%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{opacity:1;-webkit-transform:rotate(120deg);transform:rotate(120deg)}}
@keyframes loadingCover{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}76%,8%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{opacity:1;-webkit-transform:rotate(120deg);transform:rotate(120deg)}}
@-webkit-keyframes loadingColors{0%,100%{fill:#00b9be}33.33%{fill:#fab800}66.66%{fill:#ff316b}}
@keyframes loadingColors{0%,100%{fill:#f85e00}33.33%{fill:#fab800}66.66%{fill:#f85e00}}
.viewing_2 #nav .nav_bg{background-position:-10% 0}
.viewing_3 #nav .nav_bg{background-position:20% 0}
.viewing_4 #nav .nav_bg{background-position:80% 0}
.viewing_5 #nav .nav_bg{background-position:109% 0}
#nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;z-index:2;height:12%;border-top:1px solid rgba(255,255,255,.4);transition-property:border;transition-duration:1s}
#nav:hover .nav_bg{background-color:rgba(255,255,255,.2)}
#nav .nav_bg{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;background-image:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);opacity:1;transition-property:background,opacity;background-color:rgba(255,255,255,.1);transition-duration:.5s,1.1s;transition-timing-function:ease;background-position:50% 0;background-repeat:repeat-y;background-size:40%}
#nav ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:81%;height:100%;margin:0;padding:0;list-style:none;text-align:center;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-property:width,-webkit-transform;transition-property:width,transform;transition-timing-function:cubic-bezier(.4,.1,.4,1);transition-duration:1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#nav ul .nav_icon{position:relative;width:16vw;overflow:hidden;height:100%}
#nav ul .nav_icon .ink{border-radius:100%;transition:background-color .3s}
#nav ul .nav_icon .ink.animate{-webkit-animation:ripple .5s linear;animation:ripple .5s linear}
#nav ul .nav_icon .nav_filter{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;text-transform:uppercase;height:100%;width:100%;transition:-webkit-filter .9s,filter .9s}
#nav ul .nav_icon .nav_filter:before{content:"";position:absolute;left:0;right:0;top:0;bottom:6%;margin:auto;width:9.5vh;height:7.4vh;opacity:1;background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transform:scale(.84);-ms-transform:scale(.84);transform:scale(.84);transition-property:-webkit-transform,opacity,filter,-webkit-filter;transition-property:transform,opacity,filter,-webkit-filter;transition-duration:.19s,.18s,.19s,.19s;transition-delay:.1s,.1s,.1s,.1s;-webkit-filter:blur(0);filter:blur(0)}
#nav ul .nav_icon .nav_filter .nav_links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;letter-spacing:.15vh;font-size:2.36vh;height:100%;font-weight:600;color:#464646;text-decoration:none;opacity:0;z-index:3;-webkit-transform:scale(.25,1.1);-ms-transform:scale(.25,1.1);transform:scale(.25,1.1);transition-property:-webkit-transform,opacity,filter,-webkit-filter;transition-property:transform,opacity,filter,-webkit-filter;transition-duration:.17s,.17s,.13s,.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0,0,1,.15);-webkit-filter:blur(3px);filter:blur(3px)}
#nav ul .nav_icon .nav_filter:hover:before{opacity:0;-webkit-transform:scale(1.23,.63);-ms-transform:scale(1.23,.63);transform:scale(1.23,.63);transition-duration:.21s,.23s,.19s,.19s;transition-delay:0s,0s,0s,0s;-webkit-filter:blur(3px);filter:blur(3px)}
#nav ul .nav_icon .nav_filter:hover .nav_links{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition-duration:.12s,.13s,.15s,.15s;transition-delay:.06s,.06s,.06s,.06s;-webkit-filter:blur(0) drop-shadow(0 9px 7px rgba(0,0,0,.1));filter:blur(0) drop-shadow(0 9px 7px rgba(0, 0, 0, .1))}
#nav ul .nav_icon:nth-child(1) .nav_filter .nav_links{letter-spacing:.35vh}
#nav ul #main_navi_li_center{z-index:-2}
.viewing_1 #nav{border-top:1px solid rgba(255,255,255,0)}
.viewing_1 #nav .nav_bg{opacity:0}
.viewing_1 #nav ul{width:62%;-webkit-transform:translate3d(0,-16vh,0);transform:translate3d(0,-16vh,0);transition-duration:1.18s}
.viewing_2 .nav_filter{-webkit-filter:hue-rotate(0deg) grayscale(0);filter:hue-rotate(0deg) grayscale(0)}
.viewing_3 .nav_filter{-webkit-filter:hue-rotate(0deg) grayscale(0);filter:hue-rotate(0deg) grayscale(0)}
.viewing_1 .nav_filter,.viewing_3.tealed .nav_filter{-webkit-filter:hue-rotate(0deg) grayscale(0);filter:hue-rotate(0deg) grayscale(0)}
.viewing_4 .nav_filter{-webkit-filter:hue-rotate(0deg) grayscale(0);filter:hue-rotate(0deg) grayscale(0)}
.viewing_5 .nav_filter{-webkit-filter:hue-rotate(0deg) grayscale(0);filter:hue-rotate(0deg) grayscale(0)}
.viewing_2 #nav ul .nav_icon:nth-child(1) a,.viewing_3 #nav ul .nav_icon:nth-child(2) a,.viewing_4 #nav ul .nav_icon:nth-child(4) a,.viewing_5 #nav ul .nav_icon:nth-child(5) a{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:none;filter:none;transition-delay:.06s,.06s,.06s,.06s}
.viewing_2 #nav ul .nav_icon:nth-child(1) .nav_filter:before,.viewing_3 #nav ul .nav_icon:nth-child(2) .nav_filter:before,.viewing_4 #nav ul .nav_icon:nth-child(4) .nav_filter:before,.viewing_5 #nav ul .nav_icon:nth-child(5) .nav_filter:before{opacity:0;-webkit-transform:scale(1.23,.63);-ms-transform:scale(1.23,.63);transform:scale(1.23,.63);-webkit-filter:blur(3px);filter:blur(3px)}
.nav_icon:nth-child(1) .nav_filter:before{background-image:url(../images/about.svg)}
.nav_icon:nth-child(2) .nav_filter:before{background-image:url(../images/portfolio.svg)}
.nav_icon:nth-child(4) .nav_filter:before{background-image:url(../images/what.svg)}
.nav_icon:nth-child(5) .nav_filter:before{background-image:url(../images/contact.svg)}
#main_logo_svg{position:fixed;height:43vh;width:40vh;bottom:-2vh;left:0;right:0;margin:auto;z-index:5;will-change:transform;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;transition-property:-webkit-transform,bottom;transition-property:transform,bottom;transition-duration:1.08s;transition-timing-function:ease; background:url(../images/logo2.svg) no-repeat center ; }
#main_logo_svg .logo_shadow{fill:rgba(0,0,0,.14)}
#main_logo_svg #gray{fill:#fd770e}
#main_logo_svg #teal{fill:#fb6c08;transition:fill linear .65s}
.viewing_1 #main_logo_svg{bottom:25.4vh;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition-timing-function:cubic-bezier(.4,.1,.4,1);transition-duration:1.2s}
.viewing_2 #main_logo_svg #teal{fill:#f85e00}
.viewing_3.purpled #main_logo_svg #teal{fill:#f85e00}
.viewing_3.tealed #main_logo_svg #teal{fill:#f85e00}
.viewing_4 #main_logo_svg #teal{fill:#f85e00}
.viewing_5 #main_logo_svg #teal{fill:#f85e00}
.viewing_2 #nav ul li .ink{background:rgba(254,119,14,.5)}
.viewing_3.purpled #nav ul li .ink{background:rgba(254,119,14,.5)}
.viewing_3.tealed #nav ul li .ink{background:rgba(254,119,14,.5)}
.viewing_4 #nav ul li .ink{background:rgba(254,119,14,.5)}
.viewing_5 #nav ul li .ink{background:rgba(254,119,14,.5)}
.ink{background:rgba(255,255,255,0)}
#main_navi_li_center{margin:0;transition:all 1s ease}
.viewing_1 #main_navi_li_center{margin:0 -6.5%}
.ink{display:block; width:20vw;height:20vw;position:absolute;z-index:-1;border-radius:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:background-color .3s}
.ink.animate{-webkit-animation:ripple .5s linear;animation:ripple .5s linear}
#arrow_down{position:absolute;width:25vh;height:12%;bottom:-12%;right:0;left:0;margin:0 auto;opacity:0;z-index:4;cursor:pointer;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition:bottom ease 1s,opacity ease .5s;overflow:hidden}
#arrow_down .ink{}
#arrow_down i{display:block;position:absolute;height:22%;width:33%;top:0;bottom:0;right:0;left:0;margin:auto;-webkit-filter:grayscale(80%);filter:grayscale(80%);transition:transform .35s,-webkit-filter .2s,filter .2s}
#arrow_down i:after,#arrow_down i:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/arrow_down.svg?13);background-size:contain;background-position:50% 50%;background-repeat:no-repeat;top:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
#arrow_down i:before{-webkit-animation-name:arrowDownMain;animation-name:arrowDownMain}
#arrow_down i:after{-webkit-animation-name:arrowDownShadow;animation-name:arrowDownShadow}
#arrow_down:hover i{-webkit-transform:rotateX(180deg) scale(.85,1.15);transform:rotateX(180deg) scale(.85,1.15)}
.viewing_1.fixed #arrow_down{bottom:1.5%;opacity:1}
.viewing_1.fixed #arrow_down i{-webkit-filter:hue-rotate(10deg);filter:hue-rotate(10deg)}
.viewing_2 #arrow_down i{-webkit-filter:rotateX(160deg);filter:rotateX(160deg)}
.curtains{position:absolute;background-size:100% 100%;will-change:transform}
.intro_backgrounds{position:absolute;width:100%;height:100%;background-color:#f4f4f4}
.pg1_cur_left{height:100%;top:0;left:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(.001);transition-duration:1s;transition-property:-webkit-transform;transition-property:transform;transition-timing-function:ease}
.pg1_cur_left.light{width:64%;background-image:url(../images/pg1_left_light.svg?3);transition-delay:.3s;transition-duration:1.45s}
.pg1_cur_left.dark{width:32%;background-image:url(../images/pg1_left_dark.svg?2);transition-delay:0s;transition-duration:1.2s}
.pg1_cur_right{height:100%;width:68%;top:0;right:0;background-image:url(../images/pg1_right.svg);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform:scaleY(0);transform:scaleY(0);-ms-transform:scaleY(.001);transition-duration:1s;transition-property:-webkit-transform;transition-property:transform;transition-timing-function:ease}
.pg1_cur_right.light{transition-delay:.68s;transition-duration:1s;opacity:.55}.pg1_cur_right.dark{transition-delay:.5s}
.viewing_1.fixed .pg1_cur_left.light{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-duration:1.8s;transition-delay:.1s}
.viewing_1.fixed .pg1_cur_left.dark{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-duration:.82s;transition-delay:0s}
.viewing_1.fixed .pg1_cur_right.light{-webkit-transform:scaleY(2.2);-ms-transform:scaleY(2.2);transform:scaleY(2.2);transition-delay:1.21s;transition-duration:1.9s}
.viewing_1.fixed .pg1_cur_right.dark{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition-duration:1.2s;transition-delay:1s}
.viewing_1.fixed .pg1_cur_right.logoname{height:100%;width:20%;top:2vw;right:3vw;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition-duration:1.2s;transition-delay:1s; background:url(../images/logo-txt.png) no-repeat; background-size:100%}
.pg2_bg_bottom{position:absolute;background-size:100% 100%;background-image:url(../images/pg2_bg_bottom.svg);width:100%;height:64%;bottom:0;opacity:.75;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:-webkit-transform .97s cubic-bezier(.4,.1,.4,1);transition:transform .97s cubic-bezier(.4,.1,.4,1)}
.viewing_2.fixed .typing_done .pg2_bg_bottom{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform 1s ease;transition:transform 1s ease}
.pg2_bg_right_full,.pg2_bg_right_light{height:100%;width:29%;right:0;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(.001);transition:-webkit-transform ease 0s 1s;transition:transform ease 0s 1s}.viewing_1 .pg2_bg_right_full,.viewing_1 .pg2_bg_right_light{transition:-webkit-transform .7s ease;transition:transform .7s ease}.pg2_bg_right_light{background-image:url(../images/pg2_right_light.svg)}.pg2_bg_right_full{background-image:url(../images/pg2_right_full.svg)}.viewing_2.fixed .typing_done .pg2_bg_right_light{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5);transition:-webkit-transform .73s ease 1.6s;transition:transform .73s ease 1.6s}.viewing_2.fixed .typing_done .pg2_bg_right_full{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition:-webkit-transform 1.16s cubic-bezier(0,0,.42,1) 2.03s;transition:transform 1.16s cubic-bezier(0,0,.42,1) 2.03s}.pg3_bg_bottom{height:40%;width:100%;bottom:0;background-image:url(../images/pg3_bottom.svg),url(../images/pg3_bottom.jpg);background-size:200% 100%,100% 100%;transition:background 1.6s ease}
.purpled .pg3_bg_bottom{background-position:left,center}.tealed .pg3_bg_bottom{background-position:right,center}.pg3_bg_left_full,.pg3_bg_left_light,.pg3_bg_right_full,.pg3_bg_right_light{height:100%;width:30%;-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(.001);transition:-webkit-transform 0s ease 1s;transition:transform 0s ease 1s}.viewing_3.fixed .pg3_bg_left_full,.viewing_3.fixed .pg3_bg_left_light,.viewing_3.fixed .pg3_bg_right_full,.viewing_3.fixed .pg3_bg_right_light{transition-duration:.8s;transition-delay:0s}.pg3_bg_left_full,.pg3_bg_left_light{left:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.pg3_bg_right_full,.pg3_bg_right_light{right:0;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.pg3_bg_left_full{background-image:url(../images/pg3_left_full.svg)}.pg3_bg_left_light{background-image:url(../images/pg3_left_light.svg)}.pg3_bg_right_full{background-image:url(../images/pg3_right_full.svg)}.pg3_bg_right_light{background-image:url(../images/pg3_right_light.svg)}
.purpled.viewing_3.fixed .pg3_bg_left_light,.tealed.viewing_3.fixed .pg3_bg_right_light{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5);transition:-webkit-transform .73s ease 1s;transition:transform .73s ease 1s}
.purpled.viewing_3.fixed .pg3_bg_left_full,.tealed.viewing_3.fixed .pg3_bg_right_full{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition:-webkit-transform 1.15s cubic-bezier(0,0,.42,1) 1.5s;transition:transform 1.15s cubic-bezier(0,0,.42,1) 1.5s}.page_4:before{content:"";position:absolute;bottom:0;width:100%;height:48%;background-color:#f0f0f0}.page_4:after{content:"";position:absolute;width:100%;height:100%;z-index:1}.pg4_bg_left_full,.pg4_bg_left_light{height:54%;width:57%;-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(.001);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:-webkit-transform 0s ease 1s;transition:transform 0s ease 1s}.pg4_bg_left_full{background-image:url(../images/pg4_left_full.svg)}.pg4_bg_left_light{background-image:url(../images/pg4_left_light.svg)}.viewing_4.fixed .pg4_bg_left_light{-webkit-transform:scaleX(.48);-ms-transform:scaleX(.48);transform:scaleX(.48);transition:-webkit-transform 1.11s ease 1.1s;transition:transform 1.11s ease 1.1s}.viewing_4.fixed .pg4_bg_left_full{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition:-webkit-transform 1.38s cubic-bezier(0,0,.42,1) 1.62s;transition:transform 1.38s cubic-bezier(0,0,.42,1) 1.62s}.pg5_bg_bottom{height:44%;width:100%;bottom:0;background-image:url(../images/pg3_bottom.svg);background-size:200% 100%;background-position:right;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(.001);transition:-webkit-transform 0s 1s;transition:transform 0s 1s}.viewing_5.fixed .pg5_bg_bottom{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition:-webkit-transform .85s cubic-bezier(0,0,.42,1) 1.58s;transition:transform .85s cubic-bezier(0,0,.42,1) 1.58s}
.pg5_bg_right_full,.pg5_bg_right_light{width:33%;right:0;top:0;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform:scaleY(0);transform:scaleY(0);-ms-transform:scaleY(.001);transition:-webkit-transform 0s 1s;transition:transform 0s 1s}
.pg5_bg_right_full{height:158%;background-image:url(../images/pg5_right_full.svg)}
.pg5_bg_right_light{height:67%;background-image:url(../images/pg5_right_light.svg)}
.viewing_5.fixed .pg5_bg_right_light{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .73s ease .38s;transition:transform .73s ease .38s}.viewing_5.fixed .pg5_bg_right_full{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform 1.3s cubic-bezier(0,0,.42,1) .78s;transition:transform 1.3s cubic-bezier(0,0,.42,1) .78s}.pages{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page_3{background-color:#e9e9e9}.page_4{background-color:#e2e2e2}.page_5{background-color:#ebebeb}.page_3,.page_4{cursor:url(images/select.cur),auto;cursor:-webkit-grab;cursor:grab}.page_3.grabbing,.page_4.grabbing{cursor:move;cursor:url(images/grab.cur),auto;cursor:-webkit-grabbing;cursor:grabbing}
.pg2_article{opacity:0;transition:opacity ease .8s}
.pg2_article h1{position:absolute;top:0;bottom:0;margin:auto 0 auto -50vmin;left:50%;width:100vh;height:19.4%;font-family: 'Open Sans', sans-serif;font-size:8.6vmin;white-space:nowrap;text-align:center;line-height:120%;color:#000;-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translate3d(0,0,0);transition:-webkit-transform 0s .8s;transition:transform 0s .8s}
.pg2_article h1 em{font-style:normal;font-weight:300;letter-spacing:-.1vmin; color:#f85e00;}
.pg2_article p{position:absolute;top:0%;bottom:0;right:7%;left:0;margin:auto;width:61%;height:25%;text-align:justify;font-size:2.75vh;color:#141414;line-height:3.2vh;font-weight:400;opacity:0;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:opacity .4s,-webkit-transform 0s 1s;transition:opacity .4s,transform 0s 1s}
.viewing_1 .pg2_article{transition:opacity ease .5s}
.viewing_2 .pg2_article{opacity:1;transition:opacity .3s .85s}
.typing_done .pg2_article h1{-webkit-transform:scale(.9) translate3d(0,-180%,0);transform:scale(.9) translate3d(0,-180%,0);transition:-webkit-transform ease .8s;transition:transform ease .8s;-webkit-animation-name:abbasWithCurtains;animation-name:abbasWithCurtains;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.typing_done .pg2_article p{opacity:1;-webkit-transform:scale(1) translateY(-52%);-ms-transform:scale(1) translateY(-52%);transform:scale(1) translateY(-52%);transition:opacity ease .9s,-webkit-transform ease .8s;transition:opacity ease .9s,transform ease .8s}
.chart_list{position:absolute;bottom:31%;left:0;right:0;width:68vw;max-width:160vh;height:30%;padding:0;margin:0 auto;list-style:none;text-align:center;opacity:0;transition:opacity .4s ease}
.viewing_2 .typing_done .chart_list{opacity:1;transition:opacity 1.5s ease}
.charts{position:relative;display:inline-block;bottom:0;padding:0;list-style:none;height:100%;margin:0 1.9%;transition:-webkit-transform 1s ease;transition:transform 1s ease;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(1,0);transform:scale(1,0);-ms-transform:scale(1,.001)}
.charts svg{position:absolute;bottom:0;left:0;width:100%;right:0;margin:0 auto;overflow:visible}
.charts h6{position:absolute;margin:0 0 0 -18%;padding:0;text-align:left;left:0;bottom:3.3%;color:#FFF;font-size:2.2vmin;font-weight:300;opacity:1;transition:opacity .3s ease}
.charts img{position:absolute;width:42%;margin:0 auto 39%;left:0;right:1%;bottom:0;opacity:.60;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;transition:opacity .36s ease,-webkit-transform .28s ease;transition:opacity .36s ease,transform .28s ease}
.charts:nth-child(1) ul li{font-size:.8vw;padding:2.4% 3.7%}
.charts:nth-child(2) ul{width:134%;left:-13.5%}
.charts:nth-child(3) ul{bottom:8%;left:-17.5%}
.charts:nth-child(3) ul li{padding:2.4% 4.2%}
.charts:nth-child(6) ul{width:150%;left:-28%}
.charts:nth-child(6) ul li{margin:1.5% .85%}
.charts ul{position:absolute;width:128%;margin:0 auto;padding:0;list-style:none;bottom:5.3%;left:-10%;opacity:0;border-radius:100%;z-index:2;transition:opacity .3s ease}
.charts ul li{float:left;position:relative;margin:1.5% 1%;padding:2.4% 3.7%;border-radius:100%;background-color:rgba(255,255,255,.28);color:#fff;font-size:.85vw;font-weight:400;-webkit-transform:translateY(140%);-ms-transform:translateY(140%);transform:translateY(140%);transition:-webkit-transform .4s,background-color .22s;transition:transform .4s,background-color .22s}
.charts ul li a,.charts ul li a:active,.charts ul li a:focus,.charts ul li a:hover{display:block;color:inherit;border-radius:100%;padding:.25vw .5vw;text-decoration:none; }

.charts ul li.has_link:hover{background-color:rgba(255,255,255,.38)}
.charts ul li:first-child{margin-left:12%}
.charts.hoverd h6{opacity:0}
.charts.hoverd img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);opacity:0}
.charts.hoverd ul{opacity:1;transition:opacity .85s ease .01s}
.charts.hoverd ul li{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.viewing_2 .charts{transition-duration:.25s}.viewing_2 .triangling .charts{transition-duration:.7s}
.viewing_2 .typing_done .charts{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.viewing_2 .typing_done .charts.hoverd{-webkit-transform:scale(1.28,1.28);-ms-transform:scale(1.28,1.28);transform:scale(1.28,1.28);transition-delay:0s!important}
.monsters_wrapper{position:absolute;left:0;right:1%;margin:0 auto;bottom:45.5%;transition:-webkit-transform 0s ease 1.1s;transition:transform 0s ease 1.1s}
.viewing_3 .monsters_wrapper{transition:-webkit-transform 1.2s ease 0s;transition:transform 1.2s ease 0s}
.monster_wrapper_left{width:22.452vw;height:20.376vw;margin-bottom:-7.5vw;-webkit-transform:translate3d(-280%,0,0);transform:translate3d(-280%,0,0)}.monster_wrapper_right{width:15.9736vw;height:21.02233vw;margin-bottom:-7.92vw;-webkit-transform:translate3d(380%,0,0);transform:translate3d(380%,0,0)}
.purpled .monster_wrapper_left,.tealed .monster_wrapper_right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.viewing_3.fixed.purpled .monster_wrapper_left{-webkit-transform:translate3d(-55%,0,0);transform:translate3d(-55%,0,0)}
.viewing_3.fixed.tealed .monster_wrapper_right{-webkit-transform:translate3d(79%,0,0);transform:translate3d(79%,0,0)}
.monsters{position:absolute;height:100%;width:100%;margin:0;padding:0}
.monster_wrapper_left .shade{bottom:-15%}.monster_wrapper_right .shade{bottom:-7%}
.monsters img,.monsters_wrapper img{position:absolute;width:100%}
.arrow_left,.arrow_right{position:absolute;width:3.7vh;width:7.5%;height:100%;bottom:0;top:0;margin:0;opacity:0;cursor:pointer;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-delay:1s;transition-duration:0s}.arrow_left:before,.arrow_right:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;margin:0;opacity:0;background-color:#fff;transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}.arrow_left i.icon,.arrow_right i.icon{position:absolute;width:27%;height:10vh;top:0;bottom:3%;margin:auto 0;transition:-webkit-transform .47s;transition:transform .47s}.arrow_left i.icon:after,.arrow_left i.icon:before,.arrow_right i.icon:after,.arrow_right i.icon:before{content:'';position:absolute;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.arrow_left:hover:before,.arrow_right:hover:before{opacity:.75;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.arrow_left{right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.arrow_left:before{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.arrow_left i.icon{left:0}.arrow_left i.icon:after,.arrow_left i.icon:before{background-image:url(../images/arrow_left.svg)}.arrow_left:hover i.icon{-webkit-transform:translateX(90%);-ms-transform:translateX(90%);transform:translateX(90%)}.arrow_right{left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.arrow_right:before{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.arrow_right i.icon{right:0}.arrow_right i.icon:after,.arrow_right i.icon:before{background-image:url(../images/arrow_right.svg)}.arrow_right:hover i.icon{-webkit-transform:translateX(-90%);-ms-transform:translateX(-90%);transform:translateX(-90%)}
.viewing_3.fixed.purpled .arrow_left,.viewing_3.fixed.tealed .arrow_right{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition-delay:2.3s,2.4s;transition-duration:.95s}
.viewing_3.fixed .arrow_left,.viewing_3.fixed .arrow_right{transition-delay:0s;transition-duration:.45s}
.pg3_articles{position:absolute;width:24vw;height:14vw;top:20%;margin-bottom:-5vw;opacity:0;transition:-webkit-transform 0s 1s,opacity 0s 1s;transition:transform 0s 1s,opacity 0s 1s}
.viewing_3 .pg3_articles{transition:-webkit-transform 1.1s ease-in,opacity .23s ease;transition:transform 1.1s ease-in,opacity .23s ease}
.pg3_article_right{-webkit-transform:translateX(-40%);-ms-transform:translateX(-40%);transform:translateX(-40%);right:59.5%}
.pg3_article_left{-webkit-transform:translateX(40%);-ms-transform:translateX(40%);transform:translateX(40%);left:59.5%}
.viewing_3.fixed.purpled .pg3_article_left,.viewing_3.fixed.tealed .pg3_article_right{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:-webkit-transform 1s ease 1s,opacity 1.2s ease 1s;transition:transform 1s ease 1s,opacity 1.2s ease 1s}
.pg3_articles h2{position:absolute;margin:0;padding:0;outline:0;width:100%;height:50%;font-size:4vw;line-height:3.5vw;font-weight:300;color:#222;transition:opacity ease .4s,margin ease-out .3s}
.pg3_article_left h2{letter-spacing:0vw;text-align:left;right:.5%}
.pg3_article_right h2{letter-spacing:0vw;text-align:right;right:3.5%}
.pg3_article_left p,.pg3_article_right p{position:absolute;width:96%;height:55%;margin:0;opacity:0;top:8vw;font-size:1.32vw;line-height:1.8vw;font-weight:400;color:#555;transition:all 0s 1s}
.pg3_article_left p{left:3%;text-align:left;-webkit-transform:translateX(27%);-ms-transform:translateX(27%);transform:translateX(27%)}
.pg3_article_right p{right:2%;text-align:justify;direction:rtl;-webkit-transform:translateX(-27%);-ms-transform:translateX(-27%);transform:translateX(-27%)}
.viewing_3.fixed.purpled .pg3_article_left p,.viewing_3.fixed.tealed .pg3_article_right p{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all 1.1s ease 1.65s;transition-property:-webkit-transform,opacity;transition-property:transform,opacity}.Abbas_slider{position:absolute;width:100%;height:100%;transition:-webkit-transform cubic-bezier(.5,0,.65,1) .8s;transition:transform cubic-bezier(.5,0,.65,1) .8s}
.slides{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;height:57vmin;width:100vmin;overflow:hidden;-webkit-transform:translate3d(.001vw,-10%,0) scale(1,1);transform:translate3d(.001vw,-10%,0) scale(1,1);transition:opacity cubic-bezier(.75,0,.25,1) .7s,-webkit-transform cubic-bezier(.75,0,.25,1) .9s,width ease .5s,height ease .5s;transition:opacity cubic-bezier(.75,0,.25,1) .7s,transform cubic-bezier(.75,0,.25,1) .9s,width ease .5s,height ease .5s}
.slides a{position:absolute;width:100%;height:88%;overflow:hidden}.slides a:after,.slides a:before{content:"";position:absolute;opacity:0;z-index:2}
.slides a:before{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,.97) 90%,#fff 100%);transition:opacity .45s ease}
.slides a:after{width:28%;height:22%;top:11%;bottom:0;left:0;right:0;margin:auto;background-image:url(../images/icon_info.svg);background-repeat:no-repeat;background-size:contain;background-position:center center;-webkit-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);transform:scale(1.5,1.5);transition:opacity .24s ease,-webkit-transform .55s ease;transition:opacity .24s ease,transform .55s ease}
.slides a span{position:absolute;height:100%;width:45%;right:0;transition:all .5s ease}.slides a:hover:before{opacity:1}.slides a:hover:after{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);transition:all .42s ease}.slides a:hover img{-webkit-transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);transform:scale(1.04,1.04)}
.slides img{position:absolute;top:0;width:100%;left:0;height:100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.slides img.landscape{opacity:1;transition:opacity 1.8s ease .28s,-webkit-transform .5s ease;transition:opacity 1.8s ease .28s,transform .5s ease; }
.slides img.portrait{opacity:0;transition:opacity .11s ease,-webkit-transform .5s ease;transition:opacity .11s ease,transform .5s ease; }
.slides i{position:absolute;display:block;right:0;bottom:0;width:4vh;height:4vh;margin:1.7vh 3.2vh;background-image:url(../images/icon_rotate.svg);background-size:contain;background-repeat:no-repeat;opacity:0;transition:opacity .3s ease;cursor:pointer;z-index:6;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.slides figcaption{position:absolute;display:block;width:100%;margin:0;padding:1.2vh 0 2.1vh 3.2vh;bottom:0;left:0;text-align:left;font-size:2.8vh;font-weight:400;background-color:rgba(255,255,255,.4);transition:background-color 6s ease}.slides:hover figcaption{background-color:#fff}.slides.current_slide{opacity:1;z-index:3;-webkit-transform:translate3d(0,-10%,0) scale(1,1);transform:translate3d(0,-10%,0) scale(1,1)}.slides.current_slide figcaption{color:#414141;transition:padding .5s ease,font .5s ease,background-color .5s}.slides.current_slide i{opacity:1;transition:opacity 1.5s ease .25s,margin .5s ease,-webkit-transform .25s ease-in-out;transition:opacity 1.5s ease .25s,margin .5s ease,transform .25s ease-in-out;-webkit-animation:rotateRotate 1.3s ease-in-out .28s;animation:rotateRotate 1.3s ease-in-out .28s}.slides.current_slide i:hover{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.slides.prev_slide{opacity:.67;z-index:2;-webkit-transform:translate3d(-148%,-10%,0) scale(.75,.75);transform:translate3d(-148%,-10%,0) scale(.75,.75)}.slides.prev_slide.rotated{-webkit-transform:translate3d(-340%,-10%,0) scale(.75,.75);transform:translate3d(-340%,-10%,0) scale(.75,.75)}.slides.next_slide{opacity:.67;z-index:2;-webkit-transform:translate3d(148%,-10%,0) scale(.75,.75);transform:translate3d(148%,-10%,0) scale(.75,.75)}.slides.next_slide.rotated{-webkit-transform:translate3d(340%,-10%,0) scale(.75,.75);transform:translate3d(340%,-10%,0) scale(.75,.75)}.slides.out_slide{opacity:0;z-index:0;-webkit-transform:translate3d(0,-10%,0) scale(.6,.6);transform:translate3d(0,-10%,0) scale(.6,.6);transition:opacity .87s cubic-bezier(.6,.6,.7,1),-webkit-transform .9s cubic-bezier(.75,0,.25,1);transition:opacity .87s cubic-bezier(.6,.6,.7,1),transform .9s cubic-bezier(.75,0,.25,1)}
.slides.coming_up{z-index:1}.rotated.slides{height:64vmin;width:37.8vmin}
.rotated.slides a{height:87%}
.rotated.slides a span{width:120%;right:-35%}
.rotated.slides img.landscape{opacity:0;transition:opacity .15s ease,-webkit-transform .5s ease;transition:opacity .15s ease,transform .5s ease}
.rotated.slides img.portrait{opacity:1;transition:opacity 1.8s ease .28s,-webkit-transform .5s ease;transition:opacity 1.8s ease .28s,transform .5s ease}
.rotated.slides figcaption{padding:2.5vh 0 3vh 1.6vh;font-size:78%;white-space:nowrap;overflow:hidden}.rotated.slides i{margin:2.6vh 2.1vh;background-color:#fcfcfc}
.rotated.slides i:hover{-webkit-transform:rotate(-44deg);-ms-transform:rotate(-44deg);transform:rotate(-44deg)}
.ajax_wrapper.from_landscape{height:57vmin;width:100vmin;min-height:57vmin;min-width:100vmin}
.ajax_wrapper.from_portrait{height:64vmin;width:37.8vmin;min-height:64vmin;min-width:37.8vmin}
.ajax_wrapper{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;background-color:#f9f9f9;border-radius:.7vh;opacity:0;cursor:default;-webkit-transform:translate3d(.001vw,-10%,0);transform:translate3d(.001vw,-10%,0);transition:opacity .3s .45s,width .5s cubic-bezier(.82,0,.61,.89),-webkit-transform .5s cubic-bezier(.82,0,.61,.89),height .5s cubic-bezier(.82,0,.61,.89);transition:opacity .3s .45s,width .5s cubic-bezier(.82,0,.61,.89),transform .5s cubic-bezier(.82,0,.61,.89),height .5s cubic-bezier(.82,0,.61,.89)}
.ajax_wrapper:after{content:"";position:fixed;width:100%;left:0;bottom:0;right:0;height:12%;padding-top:1px;background-color:#fff;opacity:0;transition:opacity .5s 0s}
.ajax_wrapper .ajax_loading{position:absolute;width:100%;height:100%;opacity:0;z-index:1;transition:opacity .15s ease}
.ajax_wrapper .ajax_loading figure{position:absolute;bottom:6%;top:0;left:0;right:0;margin:auto;width:15vh;height:15vh; }
.ajax_wrapper .ajax_loading figure svg{position:absolute;top:0;bottom:0;margin:auto;fill:#00b1c6}
.ajax_wrapper .ajax_loading figure svg polygon{-webkit-animation:loadingColors 6s cubic-bezier(.95,0,.04,1) .83s infinite;animation:loadingColors 6s cubic-bezier(.95,0,.04,1) .83s infinite}
.ajax_wrapper .ajax_loading figure.loading_left{-webkit-animation:loadingRotate 2s ease infinite;animation:loadingRotate 2s ease infinite}
.ajax_wrapper .ajax_loading figure.loading_right{-webkit-animation:loadingRotateBack 2s ease infinite;animation:loadingRotateBack 2s ease infinite}.ajax_wrapper .ajax_loading figure.loading_cover{-webkit-transform-origin:50% 62%;-ms-transform-origin:50% 62%;transform-origin:50% 62%;-webkit-animation:loadingCover 2s ease infinite;animation:loadingCover 2s ease infinite}
.viewing_4 .ajax_opend .ajax_wrapper{height:100vh!important;width:100vw;border-radius:0vh;opacity:1;-webkit-transform:translate3d(.001vw,0,0);transform:translate3d(.001vw,0,0);transition:opacity .25s 0s,width .35s cubic-bezier(.55,0,.9,.7) .1s,-webkit-transform .35s cubic-bezier(.55,0,.9,.7) .1s,height .35s cubic-bezier(.55,0,.9,.7) .1s,border-radius .2s linear .3s;transition:opacity .25s 0s,width .35s cubic-bezier(.55,0,.9,.7) .1s,transform .35s cubic-bezier(.55,0,.9,.7) .1s,height .35s cubic-bezier(.55,0,.9,.7) .1s,border-radius .2s linear .3s}
.viewing_4 .ajax_opend .ajax_wrapper:after{opacity:1;transition:opacity .8s .6s}
.viewing_4 .ajax_opend .ajax_article,.viewing_4 .ajax_opend .close_icon{opacity:1;transition:opacity .6s ease .45s,background .35s}
.viewing_4 .ajax_opend .ajax_loading{opacity:1;transition:opacity 1s ease .7s}
.viewing_4 .ajax_wrapper.fade_out .ajax_loading{z-index:-1;opacity:0;transition:opacity .4s ease}
.ajax_article{position:absolute;overflow-y:auto;overflow-x:hidden;width:100%;height:100%;opacity:0;transition:opacity .22s}
.close_icon{position:absolute;top:0;right:11%;margin:0;width:8vh;height:8vh;opacity:0;cursor:pointer;z-index:9;background-color:rgba(255,125,17,.9);transition:opacity .5s ease}
.close_icon:after,.close_icon:before{content:"";position:absolute;width:100%;height:.16vmin;min-height:1px;background-color:#FFF;top:50%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;right:0;margin-left:-6.5vh;transition:-webkit-transform .35s ease;transition:transform .35s ease}
.close_icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.close_icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.close_icon:hover{background-color:#000}.close_icon:hover:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.close_icon:hover:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.slider_nav i svg{width:100%;height:100%}.forward{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.forward:before{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.forward svg{left:10%}.forward:hover svg{left:26%}.backward{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.backward:before{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.backward svg{right:10%}.backward:hover svg{right:26%}.backward,.forward{position:absolute;width:7.5%;height:100%;cursor:pointer;opacity:0;z-index:5;overflow:hidden;transition:-webkit-transform 0s 1s,opacity 0s 1s;transition:transform 0s 1s,opacity 0s 1s}.backward:before,.forward:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;opacity:0;background-color:#fff;transition:-webkit-transform .5s,opacity .5s ease;transition:transform .5s,opacity .5s ease}.backward:hover:before,.forward:hover:before{opacity:.75;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.backward svg,.forward svg{position:absolute;height:9vh;top:46%;margin-top:-5vh;stroke-width:3;stroke:#444;transition:all .46s ease;z-index:2}.backward .ink,.forward .ink{width:70vh;height:70vh;z-index:1;background-color:rgba(170,170,170,.32)}.viewing_4 .backward,.viewing_4 .forward{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .9s 1.35s,opacity .75s 1.35s;transition:transform .9s 1.35s,opacity .75s 1.35s}.slider_nav ul{position:absolute;text-align:center;bottom:19.5vh;right:0;left:0;margin:auto;height:4vh;width:100vh;padding:0;opacity:0;z-index:4;-webkit-transform:translateY(154%);-ms-transform:translateY(154%);transform:translateY(154%);transition:-webkit-transform 0s 1s,opacity .5s;transition:transform 0s 1s,opacity .5s}.slider_nav ul li{float:left;height:130%;list-style-type:none;margin-right:2%;cursor:pointer}
.slider_nav ul li:last-child{margin-right:0}.slider_nav ul li i{display:block;width:100%;min-height:2px;height:.85vh;margin-top:1.2vh;background-color:#6e6e6e;-webkit-transform:scaleY(.3);-ms-transform:scaleY(.3);transform:scaleY(.3);border-radius:2vh;box-shadow:0 0 .3vh rgba(0,0,0,.2);transition:background-color .25s,-webkit-transform .25s;transition:background-color .25s,transform .25s}.viewing_4.fixed .slider_nav ul{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;transition:-webkit-transform ease .8s,opacity ease 1.3s;transition:transform ease .8s,opacity ease 1.3s}.slider_nav .active i,.slider_nav ul li:hover i{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);background-color:#6e6e6e}.slider_nav .active:nth-child(1) i,.slider_nav ul li:nth-child(1):hover i{background-color:#f85e00;box-shadow:0 0 2vh rgba(36,99,129,.2)}
.slider_nav .active:nth-child(2) i,.slider_nav ul li:nth-child(2):hover i{background-color:#f85e00;box-shadow:0 0 2vh rgba(85,85,85,.2)}
.slider_nav .active:nth-child(3) i,.slider_nav ul li:nth-child(3):hover i{background-color:#f85e00;box-shadow:0 0 2vh rgba(75,167,153,.2)}
.slider_nav .active:nth-child(4) i,.slider_nav ul li:nth-child(4):hover i{background-color:#f85e00;box-shadow:0 0 2vh rgba(0,185,190,.2)}
.slider_nav .active:nth-child(5) i,.slider_nav ul li:nth-child(5):hover i{background-color:#f85e00;box-shadow:0 0 2vh rgba(224,90,143,.2)}
.slider_nav .active:nth-child(6) i,.slider_nav ul li:nth-child(6):hover i{background-color:#f85e00;box-shadow:0 0 2vh rgba(221,0,0,.2)}
#pg5_contact{position:absolute;width:82vh;height:38vh;top:29%;left:0;right:0;margin:0 auto;-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);opacity:0;transition:all .7s ease}

.pg5_article{transition:opacity ease .8s}
.pg5_article p{position:absolute;top:-60%;bottom:0;right:7%;left:0;margin:auto;width:61%;height:25%;text-align:justify;font-size:2.75vh;color:#000;line-height:3.2vh;font-weight:400;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:opacity .4s,-webkit-transform 0s 1s;transition:opacity .4s,transform 0s 1s}
.pg5_article ul{ padding:6vh 0vw 0vh 0vw; margin:0px auto; width:80%; list-style:none; z-index:999; position:relative;}
.pg5_article li{ display:inline-table; padding:0px 2% 0px 0px; font-size:18px; font-weight:bold;}
.pg5_article li a{ color:#000; text-decoration:none; }
.pg5_article li a:hover{ color:#f86b15; }


#pg5_contact:before{content:"";position:absolute;width:1px;height:19%;top:40.5%;left:20%;background:#222;opacity:0}
.viewing_5 #pg5_contact{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;transition:-webkit-transform .8s ease .8s,opacity .8s ease .8s,width .7s ease;transition:transform .8s ease .8s,opacity .8s ease .8s,width .7s ease}
.viewing_5 #pg5_contact:before{opacity:0;-webkit-animation:cursor 1s ease 4;animation:cursor 1s ease 4}
.filling#pg5_contact{width:87vh}
.filling#pg5_contact:before{width:0}
.cont_inputs{position:absolute;top:40%;height:20%;width:100%;margin:0;padding:0;border:none;border-radius:0;outline:0!important;box-shadow:none!important;background:0 0;font-size:220%;font-weight:300;border-bottom:.34vh solid;border-color:#777;color:#000;box-sizing:border-box;transition-property:top,opacity,height,font-size,border,color;transition-duration:.5s}.cont_inputs:-webkit-autofill{background-color:transparent!important}.cont_inputs:active{outline:0}::-webkit-input-placeholder{color:#888}::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}.filling .cont_inputs{border-color:#323232;color:#323232}.cont_inputs:focus:valid{border-color:#5a5a5a}
.cont_email:focus:invalid,.filled .cont_inputs:invalid{border-color:#fe8b2f}.cont_message{resize:none;font-size:216%;cursor:#000;overflow:hidden}.name_focused .cont_email{top:98%;opacity:0}.name_focused .cont_message{top:120%;opacity:0}.message_focused .cont_message{height:60%;overflow:auto;font-size:125%}.email_focused .cont_email,.message_focused .cont_message,.name_focused .cont_name{top:40%;opacity:1;z-index:2}.email_focused .cont_name,.message_focused .cont_email{top:0;opacity:.2;z-index:1}.email_focused .cont_message,.filling.name_focused .cont_email{top:80%;opacity:.2;z-index:1}.filling.name_focused .cont_message{top:80%;opacity:0;z-index:0}.message_focused .cont_name{top:0;opacity:0;z-index:0}
.cont_send{position:absolute;margin:0;height:0;bottom:-28.57143%;right:0;padding:0;width:28%;border:1px solid #ebebeb;background-color:#f85e00;font-size:95%;font-weight:400;color:#FFF;text-transform:uppercase;border-radius:.5vh;letter-spacing:.25vw;box-shadow:.1vh .3vh rgba(150,150,150,.16);-webkit-transform:translateX(-25%);-ms-transform:translateX(-25%);transform:translateX(-25%);opacity:0;transition:opacity .48s,-webkit-transform .48s,background .2s,height 1ms linear .8s;transition:opacity .48s,transform .48s,background .2s,height 1ms linear .8s}.filled .cont_send{height:13.33333%;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;transition:opacity .7s,-webkit-transform .7s,background .15s;transition:opacity .7s,transform .7s,background .15s}.cont_send:hover{opacity:1;background:#fe8b2f}.cont_send:active{margin-bottom:-.2vh;box-shadow:0 .2vh rgba(150,150,150,.15)}.cont_respond{position:absolute;width:100%;height:100%;opacity:0;z-index:0;transition:opacity .4s}.cont_respond mark{position:absolute;height:30%;display:block;width:100%;top:0;bottom:0;background:0 0;font-size:6vh;text-align:center;margin:auto 0}.cont_respond mark.error{color:#FF2C5A}.cont_respond mark.success{color:#72BE00}.cont_respond mark em{display:block;font-style:normal;font-weight:600;color:#777;padding:3vh;font-size:3vh}.cont_retry{position:absolute;margin:0 auto;height:14.81481%;bottom:10%;right:0;left:0;width:32%;background-color:#fab900;font-size:116%;font-weight:400;font-style:normal;text-align:center;line-height:162%;border:none;color:#FFF;text-transform:uppercase;border-radius:.5vh;letter-spacing:.2vh;box-shadow:0 .4vh rgba(150,150,150,.15);opacity:0;-webkit-transform:translateY(40%);-ms-transform:translateY(40%);transform:translateY(40%);transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s;z-index:0}.back .cont_retry{opacity:1;z-index:2;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .6s .3s,opacity .5s .3s;transition:transform .6s .3s,opacity .5s .3s}#cont_form{margin:0;padding:0;opacity:1;transition:opacity .9s .3s}.sent .cont_respond{opacity:1;z-index:1;transition:opacity .9s .3s}
.sent #cont_form{opacity:0;transition:opacity .4s}
.sent .cont_send{-webkit-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);transition:-webkit-transform .7s;transition:transform .7s}

.social_list{position:absolute;margin:0;padding:6vh 3vw 5vh 4vw;width:3.5vw;min-width:7.2vh;left:5.5%;left:0;top:0;height:100%;font-size:2.5vh;opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:opacity .5s ease,-webkit-transform .8s ease .5s;transition:opacity .5s ease,transform .8s ease .5s}
.social_list a{display:block;background-size:contain;background-repeat:no-repeat;margin:0 0 28%;padding:50%;width:0;height:0;line-height:0;border-radius:10vh;box-shadow:inset 0 0 .5vh rgba(250,250,250,.1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:blur(6px);filter:blur(6px);transition-property:box-shadow,-webkit-transform,opacity,-webkit-filter,filter;transition-property:box-shadow,transform,opacity,-webkit-filter,filter;transition-timing-function:cubic-bezier(.5,0,.7,1);transition-duration:.2s,.2s,.2s,.3s,.3s}
.social_list a:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,128,0,.2);left:0;top:0;border-radius:100%;-webkit-transform:scale(.84);-ms-transform:scale(.84);transform:scale(.84);opacity:0;transition-property:-webkit-transform,background-color,opacity,width;transition-property:transform,background-color,opacity,width;transition-duration:0s;transition-timing-function:ease;z-index:-2}
.social_list a:nth-child(1){background-image:url(../images/icon_share.svg?6);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);-webkit-filter:blur(0);filter:blur(0);transition-delay:0s,.3255s,.3255s,.3255s,.3255s}
.social_list a:nth-child(1):hover{box-shadow:inset 0 0 1.6vh rgba(250,185,0,.5)}
.social_list a:nth-child(1):before{background-color:rgba(250,185,0,.5)}
.social_list a:nth-child(2){background-image:url(../images/facebook.svg);  border:#4392d5 2px solid;transition-delay:0s,.28s,.28s,.28s,.28s}
.social_list a:nth-child(2):hover{box-shadow:inset 0 0 1.2vh rgba(67,146,213,.4)}
.social_list a:nth-child(2):before{background-color:rgba(67,146,213,.4)}
.social_list a:nth-child(3){background-image:url(../images/icon_twitter.svg?2); border:#00aff0 2px solid;transition-delay:0s,.21s,.21s,.21s,.21s}
.social_list a:nth-child(3):hover{box-shadow:inset 0 0 1.2vh rgba(10,100,255,.3)}
.social_list a:nth-child(3):before{background-color:rgba(10,100,255,.3)}
.social_list a:nth-child(4){background-image:url(../images/skype.svg); border:#02b4eb 2px solid;transition-delay:0s,.14s,.14s,.14s,.14s}
.social_list a:nth-child(4):hover{box-shadow:inset 0 0 1.2vh rgba(10,100,255,.3)}
.social_list a:nth-child(4):before{background-color:rgba(10,100,255,.3)}
.social_list a:nth-child(5){background-image:url(../images/icon_behance.svg);transition-delay:0s,.07s,.07s,.07s,.07s}
.social_list a:nth-child(5):hover{box-shadow:inset 0 0 1.2vh rgba(90,90,90,.4)}
.social_list a:nth-child(5):before{background-color:rgba(90,90,90,.4)}
.social_list a:not(:first-child){-webkit-transform:translate3d(-150%,0,0) scale(1.3,1);transform:translate3d(-150%,0,0) scale(1.3,1);opacity:0}.social_list a:hover:before{opacity:1;background-color:rgba(255,255,255,0);-webkit-transform:scale(2.1);-ms-transform:scale(2.1);transform:scale(2.1);width:0;transition-duration:.62s,.36s,.2s,0s;transition-delay:0s,0s,0s,.3s}.socialed.social_list a{-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1);opacity:1;-webkit-filter:blur(0);filter:blur(0);transition-property:box-shadow,-webkit-transform,opacity,-webkit-filter,filter;transition-property:box-shadow,transform,opacity,-webkit-filter,filter;transition-timing-function:ease;transition-duration:.15s,.35s,.25s,.35s,.35s;transition-delay:0s,0s,0s,0s,0s}.socialed.social_list a:nth-child(2){transition-delay:0s,.12s,.12s,.12s,.12s}.socialed.social_list a:nth-child(3){transition-delay:0s,.24s,.24s,.24s,.24s}.socialed.social_list a:nth-child(4){transition-delay:0s,.36s,.36s,.36s,.36s}.socialed.social_list a:nth-child(5){transition-delay:0s,.48s,.48s,.48s,.48s}.viewing_5.fixed .social_list{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:opacity .6s ease 2.3s,-webkit-transform .8s ease 2.3s,background .5s ease .5s,height 0s 1s;transition:opacity .6s ease 2.3s,transform .8s ease 2.3s,background .5s ease .5s,height 0s 1s}.viewing_5.fixed .socialed.social_list{transition:opacity .6s,-webkit-transform .6s,background .4s ease,height 0s;transition:opacity .6s,transform .6s,background .4s ease,height 0s}
.a_layout{position:relative;width:59%;min-width:100vh;right:0;left:0;margin:13vh auto 17vh}.a_layout h1,.a_layout h3,.a_layout p{text-align:left;margin:.8vh 1vw;box-sizing:padding-box}.a_layout h1{font-size:7vh;font-weight:300;margin:1.6vh 1vw}.a_layout h3{font-size:2.8vh;font-weight:400}.a_layout p{margin:1vh 1vw;font-weight:300;font-size:2.5vh;line-height:140%;text-align:justify}.a_layout a{position:relative;font-weight:300;text-decoration:none;color:#000}.a_layout a.emphasis{font-weight:400}.a_layout a:after{content:"";position:absolute;height:1px;height:.15vh;width:100%;margin:0 auto;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);opacity:0;-webkit-transform:scale(.3,1);-ms-transform:scale(.3,1);transform:scale(.3,1);transition:-webkit-transform .12s,opacity .1s;transition:transform .12s,opacity .1s}.a_layout a:hover:after{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);transition:-webkit-transform .13s,opacity .18s;transition:transform .13s,opacity .18s}.a_layout figure{width:100%;box-sizing:border-box;margin:6vh auto;border:2vh solid #FFF}.a_layout figure.mobile{width:40%}.a_layout img{width:100%;margin:0;vertical-align:middle}.a_layout figcaption{position:relative;width:100%;bottom:0;background-color:#FFF;height:3.7vh;padding-top:1.6vh;padding-left:.9vw;font-weight:600;color:#444;font-size:2.5vh}.a_layout figcaption i{font-style:normal;font-size:2.7vh}
@-webkit-keyframes arrowDownMain{0%,100%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}60%{-webkit-transform:translate3d(0,28%,0);transform:translate3d(0,28%,0)}}
@keyframes arrowDownMain{0%,100%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}60%{-webkit-transform:translate3d(0,28%,0);transform:translate3d(0,28%,0)}}
@-webkit-keyframes arrowDownShadow{0%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0);-webkit-filter:blur(0);filter:blur(0);opacity:1}40%{-webkit-transform:translate3d(0,-24%,0);transform:translate3d(0,-24%,0);opacity:0;-webkit-filter:blur(3px);filter:blur(3px)}100%{-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0);opacity:0}}
@keyframes arrowDownShadow{0%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0);-webkit-filter:blur(0);filter:blur(0);opacity:1}40%{-webkit-transform:translate3d(0,-24%,0);transform:translate3d(0,-24%,0);opacity:0;-webkit-filter:blur(3px);filter:blur(3px)}100%{-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0);opacity:0}}
@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale(.01);transform:scale(.01)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
@keyframes ripple{0%{opacity:1;-webkit-transform:scale(.01);transform:scale(.01)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
@-webkit-keyframes cursor{0%,100%,15%,85%{opacity:0}30%,70%{opacity:1}}
@keyframes cursor{0%,100%,15%,85%{opacity:0}30%,70%{opacity:1}}
@-webkit-keyframes rotateRotate{0%,100%,46%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}54%{-webkit-transform:rotate(-17deg);transform:rotate(-17deg)}78%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}}
@keyframes rotateRotate{0%,100%,46%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}54%{-webkit-transform:rotate(-17deg);transform:rotate(-17deg)}78%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}}
@-webkit-keyframes abbasWithCurtains{0%{left:50%;margin-left:-50vmin}46%{left:32%;margin-left:-31vmin}100%{left:10%;margin-left:-8vmin}}
@keyframes abbasWithCurtains{0%{left:50%;margin-left:-50vmin}46%{left:32%;margin-left:-31vmin}100%{left:10%;margin-left:-8vmin}}
@-webkit-keyframes purpleJump{0%,100%,50%{-webkit-transform:translate3d(0,.01%,0) rotateZ(0deg);transform:translate3d(0,.01%,0) rotateZ(0deg)}20%{-webkit-transform:translate3d(0,-14%,0) rotateZ(5deg);transform:translate3d(0,-14%,0) rotateZ(5deg)}70%{-webkit-transform:translate3d(0,-14%,0) rotateZ(-5deg);transform:translate3d(0,-14%,0) rotateZ(-5deg)}}
@keyframes purpleJump{0%,100%,50%{-webkit-transform:translate3d(0,.01%,0) rotateZ(0deg);transform:translate3d(0,.01%,0) rotateZ(0deg)}20%{-webkit-transform:translate3d(0,-14%,0) rotateZ(5deg);transform:translate3d(0,-14%,0) rotateZ(5deg)}70%{-webkit-transform:translate3d(0,-14%,0) rotateZ(-5deg);transform:translate3d(0,-14%,0) rotateZ(-5deg)}}
@-webkit-keyframes purpleLeftFoot{0%,100%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}20%{-webkit-transform:translate3d(-2.5%,0,0) rotateZ(29deg);transform:translate3d(-2.5%,0,0) rotateZ(29deg)}50%{-webkit-transform:translate3d(.01%,0,0) rotateZ(3deg);transform:translate3d(.01%,0,0) rotateZ(3deg)}70%{-webkit-transform:translate3d(-1.5%,0,0) rotateZ(20deg);transform:translate3d(-1.5%,0,0) rotateZ(20deg)}}@keyframes purpleLeftFoot{0%,100%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}20%{-webkit-transform:translate3d(-2.5%,0,0) rotateZ(29deg);transform:translate3d(-2.5%,0,0) rotateZ(29deg)}50%{-webkit-transform:translate3d(.01%,0,0) rotateZ(3deg);transform:translate3d(.01%,0,0) rotateZ(3deg)}70%{-webkit-transform:translate3d(-1.5%,0,0) rotateZ(20deg);transform:translate3d(-1.5%,0,0) rotateZ(20deg)}}
@-webkit-keyframes purpleRightFoot{0%,100%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}20%{-webkit-transform:translate3d(1.5%,0,0) rotateZ(-20deg);transform:translate3d(1.5%,0,0) rotateZ(-20deg)}50%{-webkit-transform:translate3d(.01%,0,0) rotateZ(3deg);transform:translate3d(.01%,0,0) rotateZ(3deg)}70%{-webkit-transform:translate3d(2.5%,0,0) rotateZ(-29deg);transform:translate3d(2.5%,0,0) rotateZ(-29deg)}}
@keyframes purpleRightFoot{0%,100%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}20%{-webkit-transform:translate3d(1.5%,0,0) rotateZ(-20deg);transform:translate3d(1.5%,0,0) rotateZ(-20deg)}50%{-webkit-transform:translate3d(.01%,0,0) rotateZ(3deg);transform:translate3d(.01%,0,0) rotateZ(3deg)}70%{-webkit-transform:translate3d(2.5%,0,0) rotateZ(-29deg);transform:translate3d(2.5%,0,0) rotateZ(-29deg)}}
@-webkit-keyframes purpleLeftHand{0%,100%,50%{-webkit-transform:rotateZ(-18deg);transform:rotateZ(-18deg)}20%{-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg)}70%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}
@keyframes purpleLeftHand{0%,100%,50%{-webkit-transform:rotateZ(-18deg);transform:rotateZ(-18deg)}20%{-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg)}70%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}
@-webkit-keyframes purpleRightHand{0%,100%,50%{-webkit-transform:rotateZ(8deg);transform:rotateZ(8deg)}20%{-webkit-transform:rotateZ(-9deg);transform:rotateZ(-9deg)}70%{-webkit-transform:rotateZ(-11deg);transform:rotateZ(-11deg)}}
@keyframes purpleRightHand{0%,100%,50%{-webkit-transform:rotateZ(8deg);transform:rotateZ(8deg)}20%{-webkit-transform:rotateZ(-9deg);transform:rotateZ(-9deg)}70%{-webkit-transform:rotateZ(-11deg);transform:rotateZ(-11deg)}}
@-webkit-keyframes purpleShade{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}40%{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}
@keyframes purpleShade{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}40%{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}
@-webkit-keyframes purpleOverEyes{0%,100%,40%,56%,62%,78%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}48%,70%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}}
@keyframes purpleOverEyes{0%,100%,40%,56%,62%,78%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}48%,70%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}}
@-webkit-keyframes waveLeftHand{0%,100%{-webkit-transform:rotateZ(-18deg);transform:rotateZ(-18deg)}10%,50%,90%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}30%,70%{-webkit-transform:rotateZ(-32deg);transform:rotateZ(-32deg)}}
@keyframes waveLeftHand{0%,100%{-webkit-transform:rotateZ(-18deg);transform:rotateZ(-18deg)}10%,50%,90%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}30%,70%{-webkit-transform:rotateZ(-32deg);transform:rotateZ(-32deg)}}
@-webkit-keyframes tealDance{0%,100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}42%,8%{-webkit-transform:rotateZ(4deg);transform:rotateZ(4deg)}25%{-webkit-transform:rotateZ(.5deg);transform:rotateZ(.5deg)}58%,92%{-webkit-transform:rotateZ(-4deg);transform:rotateZ(-4deg)}75%{-webkit-transform:rotateZ(-.5deg);transform:rotateZ(-.5deg)}}
@keyframes tealDance{0%,100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}42%,8%{-webkit-transform:rotateZ(4deg);transform:rotateZ(4deg)}25%{-webkit-transform:rotateZ(.5deg);transform:rotateZ(.5deg)}58%,92%{-webkit-transform:rotateZ(-4deg);transform:rotateZ(-4deg)}75%{-webkit-transform:rotateZ(-.5deg);transform:rotateZ(-.5deg)}}
@-webkit-keyframes tealLeftFoot{33%,8%{-webkit-transform:translate3d(-9.5%,0,0) rotateZ(2deg);transform:translate3d(-9.5%,0,0) rotateZ(2deg)}0%,100%,50%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}}
@keyframes tealLeftFoot{33%,8%{-webkit-transform:translate3d(-9.5%,0,0) rotateZ(2deg);transform:translate3d(-9.5%,0,0) rotateZ(2deg)}0%,100%,50%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}}
@-webkit-keyframes tealRightFoot{0%,100%,46%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}58%,83%{-webkit-transform:translate3d(9.5%,0,0) rotateZ(-2deg);transform:translate3d(9.5%,0,0) rotateZ(-2deg)}}
@keyframes tealRightFoot{0%,100%,46%{-webkit-transform:translate3d(.01%,0,0) rotateZ(0deg);transform:translate3d(.01%,0,0) rotateZ(0deg)}58%,83%{-webkit-transform:translate3d(9.5%,0,0) rotateZ(-2deg);transform:translate3d(9.5%,0,0) rotateZ(-2deg)}}
@-webkit-keyframes tealLeftHand{11%,35%{-webkit-transform:rotateZ(-10.2deg);transform:rotateZ(-10.2deg)}25%{-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg)}0%,100%,50%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}
@keyframes tealLeftHand{11%,35%{-webkit-transform:rotateZ(-10.2deg);transform:rotateZ(-10.2deg)}25%{-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg)}0%,100%,50%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}
@-webkit-keyframes tealRightHand{0%,100%,48%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}59%,85%{-webkit-transform:rotateZ(-6.5deg);transform:rotateZ(-6.5deg)}75%{-webkit-transform:rotateZ(-1.5deg);transform:rotateZ(-1.5deg)}}
@keyframes tealRightHand{0%,100%,48%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}59%,85%{-webkit-transform:rotateZ(-6.5deg);transform:rotateZ(-6.5deg)}75%{-webkit-transform:rotateZ(-1.5deg);transform:rotateZ(-1.5deg)}}
#pg3_purple_leftfoot{-webkit-transform-origin:22.04% 91.44%;-ms-transform-origin:22.04% 91.44%;transform-origin:22.04% 91.44%}#pg3_purple_rightfoot{-webkit-transform-origin:77.05% 91.97%;-ms-transform-origin:77.05% 91.97%;transform-origin:77.05% 91.97%}#pg3_purple_lefthand{-webkit-transform-origin:10.05% 61.54%;-ms-transform-origin:10.05% 61.54%;transform-origin:10.05% 61.54%;-webkit-transform:rotateZ(-18deg);transform:rotateZ(-18deg)}#pg3_purple_righthand{-webkit-transform-origin:90.78% 61.66%;-ms-transform-origin:90.78% 61.66%;transform-origin:90.78% 61.66%;-webkit-transform:rotateZ(8deg);transform:rotateZ(8deg)}
#pg3_purple_eyes{-webkit-transform-origin:49.87% 30.45%;-ms-transform-origin:49.87% 30.45%;transform-origin:49.87% 30.45%}
#pg3_purple_eyes2{-webkit-transform-origin:89.87% 80.45%;-ms-transform-origin:89.87% 80.45%;transform-origin:89.87% 80.45%}
#pg3_purple_mouth{-webkit-transform-origin:49.87% 68.58%;-ms-transform-origin:49.87% 68.58%;transform-origin:49.87% 68.58%}
#pg3_teal_lefthand{-webkit-transform-origin:18.59% 53.36%;-ms-transform-origin:18.59% 53.36%;transform-origin:18.59% 53.36%}
#pg3_teal_righthand{-webkit-transform-origin:86.79% 53.36%;-ms-transform-origin:86.79% 53.36%;transform-origin:86.79% 53.36%}
#pg3_teal_leftfoot{-webkit-transform-origin:39.43% 93.3%;-ms-transform-origin:39.43% 93.3%;transform-origin:39.43% 93.3%}
#pg3_teal_rightfoot{-webkit-transform-origin:64.94% 93.2%;-ms-transform-origin:64.94% 93.2%;transform-origin:64.94% 93.2%}
#pg3_teal_eyes{-webkit-transform-origin:50% 22.5%;-ms-transform-origin:50% 22.5%;transform-origin:50% 22.5%}
#pg3_purple_leftfoot,#pg3_purple_lefthand,#pg3_purple_rightfoot,#pg3_purple_righthand,#pg3_teal_lefthand,#pg3_teal_righthand,.monster_purple,.monster_teal{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transition:-webkit-transform .5s;transition:transform .5s}
.viewing_3.fixed.purpled .monster_purple{-webkit-animation:purpleJump 6.7s ease 6s 20;animation:purpleJump 6.7s ease 6s 20;transition:none}
.viewing_3.fixed.purpled #pg3_purple_leftfoot{-webkit-animation:purpleLeftFoot 5s ease 5s 10;animation:purpleLeftFoot 5s ease 5s 10;transition:none}
.viewing_3.fixed.purpled #pg3_purple_rightfoot{-webkit-animation:purpleRightFoot 5s ease 5s 10;animation:purpleRightFoot 5s ease 5s 10;transition:none}
.viewing_3.fixed.purpled #pg3_purple_lefthand{-webkit-animation:purpleLeftHand -1.7s ease -3s 10;animation:purpleLeftHand -1.7s ease -3s 10;transition:none}
.viewing_3.fixed.purpled #pg3_purple_righthand{-webkit-animation:purpleRightHand -1.7s ease -3s 10;animation:purpleRightHand -1.7s ease -3s 10;transition:none}
.viewing_3.fixed.purpled #pg3_purple_eyes{-webkit-animation:purpleOverEyes 1.5s ease 0s 2;animation:purpleOverEyes 1.5s ease 0s 2}
.viewing_3.fixed.purpled .monster_wrapper_left .shade{-webkit-animation:purpleShade .85s ease 3s 20;animation:purpleShade .85s ease 3s 20}
.viewing_3.fixed.tealed .monster_teal{-webkit-animation:tealDance 1.6s linear 3s 20;animation:tealDance 1.6s linear 3s 20;-webkit-transform-origin:50% 20%;-ms-transform-origin:50% 20%;transform-origin:50% 20%}
.viewing_3.fixed.tealed #pg3_teal_eyes{-webkit-animation:purpleOverEyes 1.5s ease 0s 2;animation:purpleOverEyes 1.5s ease 0s 2}
.viewing_3.fixed.tealed #pg3_teal_leftfoot{-webkit-animation:tealLeftFoot 1.6s ease 3s 20;animation:tealLeftFoot 1.6s ease 3s 20}
.viewing_3.fixed.tealed #pg3_teal_rightfoot{-webkit-animation:tealRightFoot 1.6s ease 3s 20;animation:tealRightFoot 1.6s ease 3s 20}
.viewing_3.fixed.tealed #pg3_teal_lefthand{-webkit-animation:tealLeftHand 1.6s ease 3s 20;animation:tealLeftHand 1.6s ease 3s 20}
.viewing_3.fixed.tealed #pg3_teal_righthand{-webkit-animation:tealRightHand 1.6s ease 3s 20;animation:tealRightHand 1.6s ease 3s 20}
.viewing_3.fixed.tealed #pg3_teal_mouth{-webkit-animation:purpleOvermouth 1.5s ease 0s 2;animation:purpleOvermouth 1.5s ease 0s 2}
@media all and (orientation:portrait){.ink{width:17vh;height:17vh}#nav{height:14%;border-top:1px solid rgba(255,255,255,.75)}
#nav .nav_bg{background:0 0;background:rgba(255,255,255,.65)!important}
#nav ul{width:93%}
#nav ul .nav_icon .nav_filter:before,#nav ul .nav_icon .nav_filter:hover:before{transition:none;width:6.5vh;height:4.7vh;bottom:24%;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-filter:none!important;filter:none!important;opacity:1!important}
#nav ul .nav_icon .nav_filter .nav_links,#nav ul .nav_icon .nav_filter:hover .nav_links{font-size:2.4vw;height:65%;padding-top:5vh;opacity:1;font-weight:600;letter-spacing:-.1vw!important;transition:none;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-filter:none!important;filter:none!important}
#nav ul .nav_icon:nth-child(1) .nav_filter .nav_links{padding-right:6%}.viewing_1 #nav ul{width:80%}
#main_logo_svg{height:57vh;width:50vh;-webkit-transform:scale(.30,.3);-ms-transform:scale(.30,.3);transform:scale(.30,.3);bottom:0vh;  }
.viewing_1 #main_logo_svg{bottom:30vh;-webkit-transform:scale(.96,1);-ms-transform:scale(.96,1);transform:scale(.96,1)}
.main_nav{top:47%;margin-top:-4vh;transition:none}.pg1_cur_left.light{width:82%}.pg1_cur_left.dark{width:32%}.pg1_cur_right{width:82%}.pg2_bg_bottom{display:none}.pg2_bg_right_full,.pg2_bg_right_light{width:40%;transition:-webkit-transform 0s ease 1s;transition:transform 0s ease 1s}.pg3_bg_left_full,.pg3_bg_left_light,.pg3_bg_right_full,.pg3_bg_right_light{width:55%;transition:-webkit-transform 0s ease 1s;transition:transform 0s ease 1s}.pg4_bg_left_full,.pg4_bg_left_light{display:none}.pg5_bg_right_full,.pg5_bg_right_light{width:48%}.pg5_bg_bottom{display:none}
.viewing_1 .page_2{opacity:1;transition:-webkit-transform cubic-bezier(.6,0,.7,1) .5s;transition:transform cubic-bezier(.6,0,.7,1) .5s}
.pg2_article p{font-size:100%;width:72%;right:1%;line-height:3.9vh;top:3vw;font-weight:400}
.pg2_article h1{left:49vw;width:100vw;margin-left:-50vw;font-size:9.7vw;height:17%}.pg2_article h1 em{color:#fab800}.viewing_2.fixed .typing_done .pg2_article h1{width:120vw;margin-left:-60vw;-webkit-transform:scale(.89) translate3d(0,-198%,0);transform:scale(.89) translate3d(0,-198%,0);-webkit-animation:none;animation:none}
.chart_list{bottom:25%;width:95vw}
.charts{margin:0}.charts h6{font-size:2.1vmin;bottom:1.5%;font-weight:400}.charts img{margin:0 auto 38%;opacity:.4}
.charts ul{display:none}
.charts:hover img{opacity:.6}
.pg3_bg_bottom{height:60%}
.monster_wrapper_left{width:52.388vw;height:47.544vw;margin-bottom:11vh;-webkit-transform:translate3d(-280%,0,0);transform:translate3d(-280%,0,0)}
.monster_wrapper_right{width:37.1296vw;height:48.86504vw;margin-bottom:25.5vw;-webkit-transform:translate3d(380%,0,0);transform:translate3d(380%,0,0)}
.viewing_3.fixed.purpled .monster_wrapper_left,.viewing_3.fixed.tealed .monster_wrapper_right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.arrow_left,.arrow_right{width:10vh}
.arrow_left:before,.arrow_right:before{display:none}
.arrow_left i.icon,.arrow_right i.icon{width:38%;bottom:1%}
.arrow_left:hover i.icon,.arrow_right:hover i.icon{-webkit-transform:none;-ms-transform:none;transform:none}
.pg3_articles{width:60vw;height:22vh;bottom:36vh;margin-bottom:0;transition:-webkit-transform 0s ease 1s,opacity 0s ease 1s;transition:transform 0s ease 1s,opacity 0s ease 1s}
.pg3_article_right{right:18%}
.pg3_article_left{left:18%}
.pg3_articles h2{font-size:3vh;line-height:3vh}
.pg3_article_left p,.pg3_article_right p{height:50%;top:6vh;font-size:2vh;line-height:2.4vh;text-align:justify}
.pg3_article_left p{left:3%}
.pg3_article_right p{right:6%}
.pg3_articles{position:absolute;width:60vw;height:auto;top:50%;margin-bottom:-5vw;opacity:0;transition:-webkit-transform 0s 1s,opacity 0s 1s;transition:transform 0s 1s,opacity 0s 1s}
.shade{animation:none!important;-webkit-animation:none!important}
.page_4:before{height:65%;background-color:#eee}
.slides{margin:auto;height:61vw;border-radius:0;box-shadow:none;border:1px solid #DDD;border-right:0;border-left:0;-webkit-transform:translate(.01vw,-22vh) scale(1,1);-ms-transform:translate(.01vw,-22vh) scale(1,1);transform:translate(.01vw,-22vh) scale(1,1)}.slides.prev_slide{-webkit-transform:translate(-76vw,-22vh) scale(.75,.75);-ms-transform:translate(-76vw,-22vh) scale(.75,.75);transform:translate(-76vw,-22vh) scale(.75,.75);opacity:0}.slides.current_slide{-webkit-transform:translate(.01vw,-22vh) scale(1,1);-ms-transform:translate(.01vw,-22vh) scale(1,1);transform:translate(.01vw,-22vh) scale(1,1)}.slides.next_slide{-webkit-transform:translate(76vw,-22vh) scale(.75,.75);-ms-transform:translate(76vw,-22vh) scale(.75,.75);transform:translate(76vw,-22vh) scale(.75,.75);opacity:0}.slides.out_slide{display:none;-webkit-transform:translate(.01vw,-22vh) scale(1,1);-ms-transform:translate(.01vw,-22vh) scale(1,1);transform:translate(.01vw,-22vh) scale(1,1)}.slides a{height:85%}.slides a:hover:after,.slides a:hover:before{opacity:0}.slides a:hover img{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.slides i{margin:1.9vw 3.4vw;width:5.1vw;height:5.1vw}.slides figcaption{padding:1.5vw 0 2.3vw 3.3vw;font-size:4.2vw}.rotated.slides{border:1px solid #DDD}.rotated.slides a{height:87.2%}.rotated.slides figcaption{padding:2.5vw 0 2.8vw 1.5vw;font-size:2.5vw}.rotated.slides i{margin:.8vh}.ajax_wrapper.from_landscape{height:61vw}.ajax_wrapper{-webkit-transform:translate3d(.001vw,-22vh,0);transform:translate3d(.001vw,-22vh,0);border-radius:0;border:1px solid rgba(255,255,255,.75)}.a_layout{width:100vw;min-width:100vw}.a_layout h1,.a_layout h3,.a_layout p{margin-left:3vw;margin-right:3.2vw}.a_layout figure{border-width:1vh}.a_layout figcaption{font-size:2.7vh}.a_layout figcaption i{font-size:2.4vh}.close_icon{right:2.2%}.backward,.forward{width:8vw;height:11vh;bottom:43.3%;margin-bottom:-16.5vw}.backward .ink,.backward:before,.forward .ink,.forward:before{display:none}.backward svg,.forward svg{height:10vh;-webkit-transform:scale(1,.92);-ms-transform:scale(1,.92);transform:scale(1,.92)}.forward{right:8vw}.forward:hover svg{left:10%}.backward{left:8vw}.backward:hover svg{right:10%}.slider_nav ul{width:85.5vw;bottom:25vh;margin-bottom:-6vw;transition:-webkit-transform 0s ease 1s,opacity 0s ease 1s;transition:transform 0s ease 1s,opacity 0s ease 1s}#pg5_contact{width:84vw;height:36vh}
.pg5_article ul{ padding:0vh 0vw 0vh 0vw; margin:11vh auto 0px auto; width:80%; list-style:none; z-index:999; position:relative;}
#pg5_contact:before{height:16%;left:18vh}.filling#pg5_contact{width:87vw}
.filling#pg5_contact:before{width:0;display:none}
.cont_inputs{height:17%;font-size:240%;transition-property:top,opacity,height}
.social_list{top:0;left:0;background-color:rgba(242,242,242,0);padding:2.5vh 8.5vh 0 6vh;height:15%}
.social_list a{margin-bottom:6.85vh}
.socialed.social_list{background-color:#f2f2f2;height:100%; position:absolute; z-index:9999}
.cont_send{width:35%;}
.pg2_article p{top:-4%;bottom:0;right:7%;left:0;margin:auto;width:61%;height:25%;text-align:justify;font-size:2.3vh;color:#141414;line-height:2.7vh;}
.viewing_1.fixed .pg1_cur_right.logoname{height:100%;width:40%;top:3vw;right:3vw;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition-duration:1.2s;transition-delay:1s; background:url(../images/logo-txt.png) no-repeat; background-size:100%}
}