@font-face{font-family:"bold"; src: url("../fonts/Ubuntu-B.woff")}
@font-face{font-family:"regular"; src: url("../fonts/UBUNTU-LIGHT.woff")}

.bold{font-family:"bold"}
.regular{font-family:"regular"}

.font-70{font-size: 70px;line-height: 80px}
.font-60{font-size: 60px;line-height: 65px}
.font-46{font-size: 46px;}
.font-32{font-size: 32px;}
.font-20{font-size: 20px;}
.font-15{font-size: 15px;}


.white{color: #fff;}
.black-color{color: #000;}
.lgrey{color: #D8D8D8}
.orange{color: #FFAA4D}

.letterspacing1{letter-spacing: 1px;}
.letterspacing2{letter-spacing: 2px;}

:focus{outline:none!important}
a{color:inherit}
a:hover{text-decoration:none!important}
a:focus{outline:none!important;border:none!important;text-decoration:none!important}

.text-underline{text-decoration: underline !important}
.abs-anch{position: absolute; width: 100%; height: 100%; top: 0;left: 0; color: transparent !important;z-index: 0}
.borderbottom{border-bottom: 1px solid}
.list-inline li{display: inline-block}

.pt-120{padding-top: 120px}
.pb-120{padding-bottom: 120px}
.pt-80{padding-top: 80px}
.pb-80{padding-bottom: 80px}
.pt-40{padding-top: 40px}
.pb-40{padding-bottom: 40px}

.nomargin-top{margin-top:0!important}
.nomargin-bottom{margin-bottom:0!important}
.nomargin-left{margin-left:0!important}
.nomargin-right{margin-right:0!important}
.nopadding-top{padding-top:0!important}
.nopadding-bottom{padding-bottom:0!important}
.nopadding-left{padding-left:0!important}
.nopadding-right{padding-right:0!important}

.display-table{display:table;width:100%;table-layout:fixed;height:100%;margin:auto}
.display-table .display-cell{display:table-cell;vertical-align:middle}
.display-table .display-cell.v-top{vertical-align: top}
.display-table .display-cell.v-bottom{vertical-align: bottom}

input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus:-moz-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}

input::-webkit-input-placeholder{color:#fff;font-size: 14px;}
input:-moz-placeholder{color:#fff;font-size: 14px;}
input::-moz-placeholder{color:#fff;font-size: 14px;}
input:-ms-input-placeholder{color:#fff;font-size: 14px;}
textarea::-webkit-input-placeholder{color:#fff;font-size: 14px;}
textarea:-moz-placeholder{color:#fff;font-size: 14px;}
textarea::-moz-placeholder{color:#fff;font-size: 14px;}
textarea:-ms-input-placeholder{color:#fff;font-size: 14px;}

input, textarea{background-color: transparent !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.15) !important; width: 100%; padding: 25px 0px;color: #fff;}

select {-webkit-appearance: none;position: relative;background-image: url("../images/select-arrow.svg");background-position: right 15px center!important;    background-repeat: no-repeat!important;}

input:-internal-autofill-selected{    background:transparent !important;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s;}

body{font-family:"regular"!important;background:#000 !important; color: #fff !important; font-size: 17px !important; line-height: 30px !important}
body.home{position:relative;}
.wrapper{max-width:2560px;margin:auto;width:100%}
.big-container{ max-width:1600px; margin:auto; padding-left:35px; padding-right:35px;position: relative}
.show-1024{display:none!important}
body.menuisopen .page-name,body.menuisopen .inner-logo{visibility: hidden}
input, select,texarea{border-radius: 0 !important}

strong,b{font-weight: normal !important; font-family: bold}

span.wpcf7-not-valid-tip {    color: #ffd652 !important;    font-size: 14px !important;    letter-spacing: 1px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,div.wpcf7-mail-sent-ng, div.wpcf7-aborted ,div.wpcf7-mail-sent-ok{border: none !important;text-align: center !important;color: #ffd652 !important;text-transform: uppercase;   letter-spacing: 1px;}

.loaderWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background: #000;
    top: 0;
    z-index: 99999;
	display: flex; align-items: center; justify-content: center
}
body.loaded .wrapper {    opacity: 1;    transition: all ease-in-out 0.5s;}
.wrapper {    opacity: 0;    transition: all ease-in-out 0.5s;}
body.loaded.revealed canvas#reveal-effect{z-index: -1; display: none}
canvas#reveal-effect {    position: absolute;    z-index: 1000;    top: 0;    left: 0;}

.loaderWrap img{width: 200px;}

.header.stickyheader{animation-direction:normal;animation-duration:.7s;position:fixed;top:0;animation:slide-down .7s;z-index:2;transition:all ease-in-out .3s;background: #000;}
.header{    position: fixed;    width: 100%;    max-width: 2560px;    margin: auto;    left: 0;    right: 0;    z-index: 11;    transition: all ease-in-out .3s;    padding: 35px 0;    top: 0;    display: flex;    align-items: center; background: #000}
.inner-logo {    margin: auto;}
@keyframes slide-down {
0%{opacity:0;transform:translateY(-100%)}
100%{opacity:1;transform:translateY(0)}
}

.page-template-page-why .header.stickyheader,.page-template-page-why .header,
.page-template-page-where .header.stickyheader,.page-template-page-where .header{position: relative;    overflow: hidden;}

.IndexIntro .bg-wrapper{position:relative;width:100%;height:0;padding-top:107.104167%;background:#000}
.IndexIntro .bg-wrapper .mobile-image-wrapper,.IndexIntro .bg-wrapper .svg-wrapper .bg{position:absolute;left:0;top:0;width:100%;height:100%}
.IndexIntro .bg-wrapper .svg-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:30;overflow:hidden}
.isDesktop .IndexIntro .bg-wrapper .menu-link:hover,.isNotDesktop .IndexIntro .bg-wrapper .menu-link:active{z-index:75}
.IndexIntro .bg-wrapper .menu-link{cursor:pointer;left:33.35640138%;top:1.61439114%;width:33.28719723%;height:10.42435424%;transform:translateZ(0)}
.IndexIntro .bg-wrapper .info-link,.IndexIntro .bg-wrapper .menu-link,.IndexIntro .bg-wrapper .news-link,.IndexIntro .bg-wrapper .play-link,.IndexIntro .bg-wrapper .shop-link,.IndexIntro .bg-wrapper .work-link,.IndexIntro .bg-wrapper .where-link,.ham-link{position:absolute;z-index:40;display:block}
@keyframes shake-animation {
0%{-webkit-transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(3deg)}
30%{-webkit-transform:translate(0px,2px) rotate(0deg)}
40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-2deg)}
80%{-we.hebkit-transform:translate(-1px,-1px) rotate(4deg)}
90%{-webkit-transform:translate(2px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}
}
@keyframes shake-animation2 {
0%{-webkit-transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(3deg)}
30%{-webkit-transform:translate(4px,2px) rotate(0deg)}
40%{-webkit-transform:translate(2px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,4px) rotate(-5deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,5px) rotate(-4deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(4deg)}
90%{-webkit-transform:translate(5px,2px) rotate(1deg)}
100%{-webkit-transform:translate(1px,-3px) rotate(-1deg)}
}
@keyframes shake-animation3 {
0%{-webkit-transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg)}
20%{-webkit-transform:translate(-2px,1px) rotate(3deg)}
30%{-webkit-transform:translate(0px,2px) rotate(0deg)}
40%{-webkit-transform:translate(1px,-2px) rotate(1deg)}
50%{-webkit-transform:translate(-2px,2px) rotate(-3deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(3deg)}
70%{-webkit-transform:translate(2px,1px) rotate(0deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(4deg)}
90%{-webkit-transform:translate(2px,4px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}
}
@keyframes shake-animation4 {
0%{-webkit-transform:translate(3px,2px) rotate(0deg)}
10%{-webkit-transform:translate(-2px,-3px) rotate(-3deg)}
20%{-webkit-transform:translate(-4px,0px) rotate(3deg)}
30%{-webkit-transform:translate(1px,2px) rotate(0deg)}
40%{-webkit-transform:translate(0px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-2deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(4deg)}
90%{-webkit-transform:translate(5px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}
}
@keyframes shake-animation5 {
0%{-webkit-transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(3deg)}
30%{-webkit-transform:translate(0px,4px) rotate(0deg)}
40%{-webkit-transform:translate(5px,-1px) rotate(3deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,5px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-2deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(4deg)}
90%{-webkit-transform:translate(3px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}
}
.shake-link:hover svg path:first-child{animation:shake-animation;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-transform-origin:50% 100%}
.shake-link:hover svg path:nth-child(2){animation:shake-animation2;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-transform-origin:50% 100%}
.shake-link:hover svg path:nth-child(3){animation:shake-animation3;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-transform-origin:50% 100%}
.shake-link:hover svg path:nth-child(4){animation:shake-animation4;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-transform-origin:50% 100%}
.shake-link:hover svg path:nth-child(5){animation:shake-animation5;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-transform-origin:50% 100%}
.shake-link svg{overflow:visible}
.news-link.shake-link:hover svg path,nav .left a:first-child:hover  path{fill:#92DD6B!important;transition: all ease-in-out 0.3s}
.where-link.shake-link:hover svg path,nav .left a:nth-child(5):hover  path{fill:#FC7CB6!important;transition: all ease-in-out 0.3s}
.work-link.shake-link:hover svg path,nav .left a:nth-child(4):hover  path{fill:#00B796!important;transition: all ease-in-out 0.3s}
.info-link.shake-link:hover svg path,nav .left a:nth-child(3):hover  path{fill:#05AAD6!important;transition: all ease-in-out 0.3s}
.shop-link.shake-link:hover svg path,nav .left a:nth-child(2):hover  path{fill:#FFAA4D!important;transition: all ease-in-out 0.3s}

nav .left a:first-child:hover  rect{fill:#92DD6B!important;transition: all ease-in-out 0.3s}
nav .left a:nth-child(5):hover  rect{fill:#FC7CB6!important;transition: all ease-in-out 0.3s}
nav .left a:nth-child(4):hover  rect{fill:#00B796!important;transition: all ease-in-out 0.3s}
nav .left a:nth-child(3):hover  rect{fill:#05AAD6!important;transition: all ease-in-out 0.3s}
nav .left a:nth-child(2):hover  rect{fill:#FFAA4D!important;transition: all ease-in-out 0.3s}
	
	
.ham-link{right:3.432526%;top:3.127306%;width:3.5%;height:3.51845%;z-index:76}
.IndexIntro .bg-wrapper .news-link{left:39.913495%;top:26.579336%;width:6.307958%;height:2.225092%}
.IndexIntro .bg-wrapper .where-link{left:78.512111%;top:79.889299%;width:7.269896%;height:2.51845%}
.IndexIntro .bg-wrapper .work-link{left:9.432526%;top:21.127306%;width:7.276817%;height:2.51845%}
.IndexIntro .bg-wrapper .info-link{left:12.512111%;top:57.889299%;width:5.269896%;height:2.51845%}
.IndexIntro .bg-wrapper .shop-link{left:71.211073%;top:39.468635%;width:7.584775%;height:2.51845%}
.IndexIntro .bg-wrapper .play-link{cursor:pointer;left:74.39446367%;top:77.30627306%;width:6.2283737%;height:2.51845%}
.ShantelleImage[data-state=index]{position:absolute;pointer-events:none;left:0;bottom:0;width:100%;height:0;padding-top:86.928573%;z-index:73}
.ShantelleImage .ShantelleImageThumb{position:absolute;left:0;top:0;width:100%;height:100%}
.ShantelleImage .ShantelleImageThumb svg,.ShantelleImage .ShantelleImageThumb img{width: 100%;height: 96%;left: -5%;top: 6%; position: absolute}
svg.bg path{stroke:transperant!important;stroke-dasharray:0!important}
body.loaded svg.bg path{stroke-dasharray:2300!important;stroke-dashoffset:2300;animation:dash 5s linear forwards;animation-delay:2s;stroke:#fff!important}
body.loaded svg.bg path#Path_34{stroke-dasharray:22!important}
@keyframes dash {
to{stroke-dashoffset:0}
}
	

/*MENU*/

nav{position:fixed;left:105%;height:100%;top:0;width:100%;display:flex!important;justify-content:space-between;z-index:75}
nav div.right{transition:.5s linear;background:#000;width:50%;display:flex;justify-content:center;align-items:center;color:#fff}
nav div.left{transition:.5s linear;background:#000;width:50%;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;align-items:center}
nav div.right ul li{font-size:20px}
nav div.right ul.social-icons li a{font-size:32px}
.left.menu-slide-half-back span {    position: absolute;    width: 100%;    height: 100%;}

nav div.left a{position:relative;height:20%;width:100%;display:block;overflow:hidden;opacity: 0;visibility: hidden;transform: translateY(-50px);    transition: visibility 0s .3s,opacity 0s .3s,transform 0s .3s;margin-bottom: 20px;}
 .menuisopen nav div.left a{    opacity: 1;    visibility: visible;    transform: translateZ(0);}
.menuisopen nav div.left a:first-child {transition: visibility 0s .3s,opacity .3s .3s,transform .3s .3s;}
.menuisopen nav div.left a:nth-child(2){    transition: visibility 0s .4s,opacity .3s .4s,transform .3s .4s;}
.menuisopen nav div.left a:nth-child(3){transition: visibility 0s .5s,opacity .3s .5s,transform .3s .5s;}
.menuisopen nav div.left a:nth-child(4){transition: visibility 0s .6s,opacity .3s .6s,transform .3s .6s;}
.menuisopen nav div.left a:nth-child(5){transition: visibility 0s .7s,opacity .3s .7s,transform .3s .7s;}
nav div.left a svg{position:absolute;left:0;top:0;width:100%;height:100%}
.menu-slide-across-full{animation:menu-slide-across-full .5s forwards}
@keyframes menu-slide-across-full {
0%{left:100%}
100%{left:0}
}
nav div.left.menu-slide-half-back{/*animation:menu-slide-half-back 1s .7s forwards*/ width: 100%}
@keyframes menu-slide-half-back {
0%{width:0}
40%{width:110%}
70%{width:90%}
90%{width:103%}
100%{width:100%}
}
.menu-slide-squeeze-right{animation:menu-slide-squeeze-right 1s forwards}
@keyframes menu-slide-squeeze-right {
0%{width:100%}
25%{width:70%}
50%{width:250%}
100%{width:0}
}
.closing-menu-slide-left{animation:closing-menu-slide-init 0 forwards,closing-menu-slide-left 1s .55s ease-in forwards}
@keyframes closing-menu-slide-init {
0%,100%{left:0}
}
@keyframes closing-menu-slide-left {
0%{left:0}
40%{left:0}
100%{left:-105%}
}
.rotate-menu-bars{animation:menu-bars-rotate .25s forwards}
@keyframes menu-bars-rotate {
0%{transform:rotate(0deg) scale(1)}
100%{transform:rotate(45deg) scale(0.8)}
}
.top-line-animation{animation:top-line-shrink .4s .25s forwards,top-line-slide-in .25s .65s forwards,top-line-bounce-out .75s 1.05s forwards}
@keyframes top-line-shrink {
0%{width:80%}
100%{width:3px}
}
@keyframes top-line-slide-in {
0%{top:5.0833333333px;width:3px}
99%{top:15.25px;width:3px}
100%{top:15.25px;width:100%}
}
@keyframes top-line-bounce-out {
0%{transform:rotate(0deg)}
25%{transform:rotate(100deg)}
50%{transform:rotate(85deg)}
100%{transform:rotate(90deg)}
}
.bottom-line-animation{animation:bottom-line-slide-left 0.25s,bottom-line-shrink .4s .25s forwards,bottom-line-slide-in .25s .65s forwards}
@keyframes bottom-line-slide-left {
0%{left:0}
100%{left:0}
}
@keyframes bottom-line-shrink {
0%{left:0;width:80%}
100%{left:0;width:3px}
}
@keyframes bottom-line-slide-in {
0%{top:25.4166666667px}
100%{top:15.25px}
}
.rotate-menu-bars-reverse{animation:menu-bars-rotate-pause 1.4s,menu-bars-rotate-rev .25s 1.4s forwards}
@keyframes menu-bars-rotate-pause {
0%,100%{transform:rotate(45deg) scale(0.8)}
}
@keyframes menu-bars-rotate-rev {
0%{transform:rotate(45deg) scale(0.8)}
100%{transform:rotate(0deg) scale(1)}
}
.top-line-animation-reverse{animation:top-line-bounce-out-init 0 forwards,top-line-bounce-out-reverse .75s forwards,top-line-slide-in-reverse .25s .75s forwards,top-line-shrink-reverse .4s 1s forwards}
@keyframes top-line-bounce-out-init {
0%,100%{top:15.25px;transform:rotate(90deg) scale(0.8);width:100%}
}
@keyframes top-line-bounce-out-reverse {
0%{transform:rotate(90deg)}
50%{transform:rotate(85deg)}
75%{transform:rotate(100deg)}
100%{transform:rotate(0deg)}
}
@keyframes top-line-slide-in-reverse {
0%{top:15.25px;width:3px}
100%{top:5.0833333333px;width:3px}
}
@keyframes top-line-shrink-reverse {
0%{width:3px}
100%{width:80%}
}
.bottom-line-animation-reverse{animation:bottom-line-bounce-out-init .75s forwards,bottom-line-slide-in-reverse .25s .75s forwards,bottom-line-shrink-reverse .4s 1s forwards,bottom-line-slide-left-reverse .15s 1.35s forwards}
@keyframes bottom-line-bounce-out-init {
0%,100%{top:15.25px;width:3px;left:0}
}
@keyframes bottom-line-slide-in-reverse {
0%{top:15.25px;width:3px}
100%{top:25.4166666667px;width:3px}
}
@keyframes bottom-line-shrink-reverse {
0%{width:3px}
100%{width:80%}
}
@keyframes bottom-line-slide-left-reverse {
0%{left:0}
100%{left:10px}
}
ul.contact-details,ul.social-icons{padding-top:30px;margin-bottom:0;justify-content:center}
ul.contact-details li{padding:25px 45px;border-bottom:1px solid rgba(255,255,255,0.15)}
ul.contact-details li:last-child{border:none}
ul.social-icons li{margin:0 15px}
.closetoggle.ham-link path#Path_233{transform:rotate(45deg);stroke-width:8px!important;transition:all linear .5s}
.closetoggle.ham-link path#Path_234{transform:rotate(-45deg) translate(-53px,-3px);transition:all linear .5s;stroke-width:8px!important}
.closetoggle.ham-link path#Path_236{transform:translate(-18px,2px);transition:all linear .5s;stroke-width:8px!important}
.closetoggle.ham-link path#Path_235{opacity:0;transition:all linear .5s}
.ham-link.shake-link:hover svg path{animation:none!important;-webkit-transform-origin:inherit!important}
path#Path_233,path#Path_234,path#Path_236,path#Path_235{transition:all linear .5s}


.inner-logo img {    width: 180px;}
/*.header .ham-link {    width: 50px;    height: 50px;    position: relative;}*/
.inner-pages .ham-link path{stroke: #fff !important}
.inner-pages .ham-link:hover path {    stroke: #ffd652 !important;}

.page-name ul li {    font-family: bold;    text-transform: uppercase; font-size: 16px}
.page-template-page-who .page-name ul li:first-child:after,.page-template-page-what .page-name ul li:first-child:after{content: "/"; position: relative; display: inline-block;padding: 0 10px  0 5px}

/*Parallax*/
#pagepiling .section{background:#000; color:#fff;}
li.section-name {
    position: absolute;
    opacity: 0;
    transform: translateX(-10px);
    transition: all linear 0.5s;top: 1px;
}
	
	.pp-tooltip{text-transform: capitalize !important; font-size: 10px !important; font-family: regular !important; top: -2px !important; width: 100px !important; white-space: inherit !important; line-height: 13px !important; }

body.pp-viewing-page1 li.section-name.name-section1 {
    opacity: 1;
    transform: translateX(0px);
}

body.pp-viewing-page2 li.section-name.name-section2 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page3 li.section-name.name-section3 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page4 li.section-name.name-section4 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page5 li.section-name.name-section5 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page6 li.section-name.name-section6 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page7 li.section-name.name-section7 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page8 li.section-name.name-section8 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page9 li.section-name.name-section9 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page10 li.section-name.name-section10 {
    opacity: 1;
    transform: translateX(0px);
}
body.pp-viewing-page11 li.section-name.name-section11 {
    opacity: 1;
    transform: translateX(0px);
}

a.next-slide {
    position: absolute;
    bottom: 5%;
    right: 0;
    z-index: 5;
}

.inner-pages .ham-link {
    right: 3%;
    top: 50px;
    width: 50px;
    height: 50px;
    z-index: 76;    position: fixed;
}
.page-name {
    position: absolute;
    left: 3%;
    top: 50px;
    width: 100%;
    z-index: 6;
}
.inner-logo, .inner-logo a, .inner-logo img {
    margin: auto;
    display: inline-block;
    width: 200px;
    text-align: center;
    position: relative;
    z-index: 7;
}
.section{overflow: hidden}
	


.section .animated-content,.section .animatedcontent{-webkit-transform: translateY(40vh);
    transform: translateY(40vh);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1.7s cubic-bezier(0.22,0.44,0,1);
    transition: all 1.7s cubic-bezier(0.22,0.44,0,1);
}
/*	.section .animated-image,.section .animatedimage{-webkit-transform: translateX(40vh);
    transform: translateX(40vh);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1.7s cubic-bezier(0.22,0.44,0,1);
    transition: all 1.7s cubic-bezier(0.22,0.44,0,1);
}*/
.section.active .animated-content {
    -webkit-transform: translateY(0vh);
    transform: translateY(0vh);
}
	body.loaded .animatedcontent {
    -webkit-transform: translateY(0vh);
    transform: translateY(0vh);
}
/*.section.active .animated-image {
    -webkit-transform: translateX(0vh);
    transform: translateX(0vh);
}
	body.loaded .animatedimage {
    -webkit-transform: translateX(0vh);
    transform: translateX(0vh);
}*/

.section.active .next-slide svg path{stroke-dasharray:2300!important;stroke-dashoffset:2300;animation:dash 5s linear forwards;stroke:#fff!important; animation-delay: 2s; }


    /* Section 1
	 * --------------------------------------- */
	.who-statue svg,.who-statue img {
    width: 55%;
    left: 5%;
    height: 80%;
    bottom: 0;
    position: absolute;
    /* top: 0; */
}
.right-content {
    width: 34%;
    position: absolute;
    right: 7%;    top: 45%;
}
.content-para {
    letter-spacing: 2px;
    line-height: 35px;
}

	/* Section 2
	 * --------------------------------------- */
#section2 h1{position:relative;}
#section2 h1 span{font-size:150px; font-family:bold; text-align:center;}

.spinny-words span{
    position: absolute;
    top:-0px;
    opacity: 0;    
    animation: rotateWord 18s linear infinite 0s;
}
.spinny-words span:nth-child(2) { 
    animation-delay: 3s; 
}
.spinny-words span:nth-child(3) { 
    animation-delay: 6s; 
}
.spinny-words span:nth-child(4) { 
    animation-delay: 9s; 
}
.spinny-words span:nth-child(5) { 
    animation-delay: 12s; 
}
.spinny-words span:nth-child(6) { 
    animation-delay: 15s; 
}
@keyframes rotateWord {
  0%   { opacity: 0; }
  2%   { opacity: 0; transform: translateY(-30px); }
  5%   { opacity: 1; transform: translateY(0px);}
  17%  { opacity: 1; transform: translateY(0px); }
  20%  { opacity: 0; transform: translateY(30px); }
  80%  { opacity: 0; }
  100% { opacity: 0; }
}

	/* Section 3
	 * --------------------------------------- */
	div#section3 .who-statue svg {
    left: auto;
    right: 0;    width: auto;
}
.section3-content {
    width: 40%;
    position: absolute;
    top: 140px;
    bottom: 0;
    margin: auto;
    left: 8%;
    height: 100%;
    padding-right: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
div#content-1 {
    height: 400px;    line-height: 30px;
    letter-spacing: 2px;    margin-top: 25px;
}
	
	.owl-item.active svg path{stroke-dasharray:2300!important;stroke-dashoffset:2300;animation:dash 5s linear forwards;animation-delay:2s;stroke:#fff!important}
	
	.quote svg {
    width: 40px;
    position: absolute;
    bottom: -15%;
    left: 40%;
}
	.testimonial-slider .owl-stage {
    padding-bottom: 10%;
}

	/* Section 4
	 * --------------------------------------- */
	#section4 .who-statue svg {
    height: 90%;
    bottom: -10%;left: 15%;    width: auto;
	}
	
	.white-btn a,.submit-btn {
    display: block;
    width: 200px;
    height: 55px;
    line-height: 55px;
    background: #fff; color: #000;
    text-align: center;position: relative;transition: all linear 0.5s;z-index: 1
}
	.white-btn a:after,.submit-btn:after{content: ""; position: absolute; width: 0; height: 100%; background: #dd8da8; transition: all linear 0.5s; left: 0;top: 0; z-index: -1}
	.white-btn:hover a:after,.submit-btn:hover:after{width: 100%;transition: all linear 0.5s;}
	.white-btn:hover a,.submit-btn:hover input{color: #fff;transition: all linear 0.5s;}
	
	
	#section5 .who-statue svg {
    width: auto;
    right: 0;
		left: auto;
    height: 84%;z-index: -1
	}
	
	.testimonial-slider-div{position: absolute; left: 8%;width: 35%;padding-right: 35px; top: 40%;}
	.testimonial-slider .item {
    line-height: 25px;
    letter-spacing: 2px;
}
	.testimonial-slider .author-name,.testimonial-slider .author-company {
    line-height:30px;
    letter-spacing: 0px;
}
	
	.submit-btn input[type="submit"] {
    padding: 0;
    text-transform: uppercase;
    font-family: bold;
    font-size: 20px;    cursor: pointer;    color: #000;
	}
	
	.submit-btn{margin: 35px auto 0; cursor: pointer}

	/* Overwriting fullPage.js tooltip color
	* --------------------------------------- */
	#pp-nav.custom .pp-tooltip{
		color: #AAA;
	}
	#markup{
		display: block;
		width: 450px;
		margin: 20px auto;
		text-align: left;
	}

.left-statue svg {
    position: absolute;
    left: 0%;
    height: 100%;
    bottom: -20%;
}
	
	.right-contact-content{overflow: hidden}
	
	.loaded .left-statue svg path{stroke-dasharray:2300!important;stroke-dashoffset:2300;animation:dash 5s linear forwards;animation-delay:1s;stroke:#fff!important; stroke-width:5px}
	.loaded .left-statue svg path#speak2{animation-delay:1.5s;}
	.loaded .left-statue svg path#speak3{animation-delay:2s;}
	
	
	.loaded .contact-icon svg path{stroke-dasharray:800!important;stroke-dashoffset:800;animation:dash 5s linear forwards;animation-delay:1s;stroke:#fff!important;animation-delay:3s;}
	.loaded .right-contact-content .row .col-md-4:nth-child(2)  svg path{animation-delay:4s;}
	.loaded .right-contact-content .row .col-md-4:last-child svg path{animation-delay:5s;}
	
	.right-contact-content .row .col-md-4:first-child .contact-icon svg{width: 38px;}
	.right-contact-content .row .col-md-4:nth-child(2) .contact-icon svg{width: 57px;}
	.right-contact-content .row .col-md-4:last-child .contact-icon svg{width: 55px;}
	

	.contact-icon {
    min-height: 65px;
    display: block;
}
	
	

.right-contact-content {
    overflow: hidden;
    position: absolute;
    width: 100%;
    padding-left: 20%;
	
}
.why-statue svg {
    width: 75%;
    position: absolute;
    top: -17%;
    left: 25%;
    right: 0;
    height: 180%;    z-index: 11;
}
	#balloon1{
 -webkit-animation:balloon1 6s ease-in-out infinite;
  -moz-animation:balloon1 6s ease-in-out infinite;
  -o-animation:balloon1 6s ease-in-out infinite;
  animation:balloon1 6s ease-in-out infinite;
	}
	
		#balloon2{
   -webkit-animation:balloon2 6s ease-in-out infinite;
  -moz-animation:balloon2 6s ease-in-out infinite;
  -o-animation:balloon2 6s ease-in-out infinite;
  animation:balloon2 6s ease-in-out infinite;
	}
		#balloon3{
   -webkit-animation:balloon4 6s ease-in-out infinite;
  -moz-animation:balloon4 6s ease-in-out infinite;
  -o-animation:balloon4 6s ease-in-out infinite;
  animation:balloon4 6s ease-in-out infinite;
	}
		#balloon4{
 -webkit-animation:balloon3 6s ease-in-out infinite;
  -moz-animation:balloon3 6s ease-in-out infinite;
  -o-animation:balloon3 6s ease-in-out infinite;
  animation:balloon3 6s ease-in-out infinite;
	}
@-webkit-keyframes balloon1 {
  0%,100%{ -webkit-transform:translateY(0) rotate(-1deg);}
  50%{ -webkit-transform:translateY(-1px) rotate(2deg); }
}
@-moz-keyframes balloon1 {
  0%,100%{ -moz-transform:translateY(0) rotate(-1deg);}
  50%{ -moz-transform:translateY(-1px) rotate(2deg); }
}
@-o-keyframes balloon1 {
  0%,100%{ -o-transform:translateY(0) rotate(-1deg);}
  50%{ -o-transform:translateY(-1px) rotate(2deg); }
}
@keyframes balloon1 {
  0%,100%{ transform:translateY(0) rotate(-1deg);}
  50%{ transform:translateY(-1px) rotate(2deg); }
}

/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
  0%,100%{ -webkit-transform:translateY(0) rotate(2deg);}
  50%{ -webkit-transform:translateY(-1px) rotate(-1deg); }
}
@-moz-keyframes balloon2 {
  0%,100%{ -moz-transform:translateY(0) rotate(2deg);}
  50%{ -moz-transform:translateY(-1px) rotate(-1deg); }
}
@-o-keyframes balloon2 {
  0%,100%{ -o-transform:translateY(0) rotate(2deg);}
  50%{ -o-transform:translateY(-1px) rotate(-1deg); }
}
@keyframes balloon2 {
  0%,100%{ transform:translateY(0) rotate(2deg);}
  50%{ transform:translateY(-1px) rotate(-1deg); }
}


/* BAllOON 0*/
@-webkit-keyframes balloon3 {
  0%,100%{ -webkit-transform:translate(0, -2px) rotate(1deg);}
  50%{ -webkit-transform:translate(-1px, 2px) rotate(-2deg); }
}
@-moz-keyframes balloon3 {
 0%,100%{ -moz-transform:translate(0, -2px) rotate(1deg);}
  50%{ -moz-transform:translate(-1px, 2px) rotate(-2deg); }
}
@-o-keyframes balloon3 {
 0%,100%{ -o-transform:translate(0, -2px) rotate(1eg);}
  50%{ -o-transform:translate(-1px, 2px) rotate(-2deg); }
}
@keyframes balloon3 {
 0%,100%{ transform:translate(0, -2px) rotate(1deg);}
  50%{ transform:translate(-1px, 2px) rotate(-2deg); }
}

/* BAllOON 3*/
@-webkit-keyframes balloon4 {
  0%,100%{ -webkit-transform:translate(2px, -2px) rotate(-2deg);}
  50%{ -webkit-transform:translate(-1px, 1px) rotate(1deg); }
} 
@-moz-keyframes balloon4 {
  0%,100%{ -moz-transform:translate(2px, -2px) rotate(-2deg);}
  50%{ -moz-transform:translate(-1px, 1px) rotate(1deg); }
}
@-o-keyframes balloon4 {
  0%,100%{ -o-transform:translate(2px, -2px) rotate(-2deg);}
  50%{ -o-transform:translate(-1px, 1px) rotate(1deg); }
}
@keyframes balloon4 {
  0%,100%{ transform:translate(2px, -2px) rotate(-2deg);}
  50%{ transform:translate(-1px, 1px) rotate(1deg); }
}
	
	.top-left-content {
    left: 3%;
    width: 28%;
    position: absolute;
		top: 25%;}
div#bottomright {
    right: 3%;
    width: 28%;
    position: absolute;
    top: 100%;
}	
.scrollto svg {
    position: absolute;
    left: -13%;
    width: 195px;
    margin-top: 80px;
}
.inner-wrapper.whypage  .anim.in-view.scrollto svg path{stroke-dasharray:2300!important;stroke-dashoffset:2300;animation:dash 5s linear forwards;animation-delay:1s;stroke:#fff!important;}
	
	.single-work .scrollto svg {
    left: 0;
    width: 180px;
    top: 55%;
		
}

	body.loaded .single-work .scrollto svg path{stroke-dasharray:2300!important;stroke-dashoffset:2300;animation:dash 5s linear forwards;animation-delay:1s;stroke:#fff!important;}
	
	.owl-theme.project-carousel .owl-controls .owl-nav [class*=owl-],.owl-theme.project-carousel .owl-controls .owl-nav [class*=owl-]:hover {background-color: transparent; color: transparent; background-repeat: no-repeat; background-size: 100%;    position: absolute;
    padding: 0;
    margin: 0;
    width: 55px;}
	
	.owl-theme.project-carousel .owl-controls .owl-prev{background-image: url("../images/prev.svg") !important; left: 10px;}
	.owl-theme.project-carousel .owl-controls .owl-next{background-image: url("../images/next.svg") !important; right: 10px;}
	
	
	
.what-statue svg,.what-statue {
width: 24%;
    right: 0;
    height: 80%;
    bottom: 0;
    position: fixed;
	z-index:11
    /* top: 0; */
}
.pp-viewing-page10 .what-statue {
    display: none;
}
	
.page-template-page-what .section3-content {
    width: 28%;
    position: absolute;
    top: 140px;
    bottom: 0;
    margin: auto;
    left: 15%;
	}

		
.section .row .col-md-3:nth-child(1) .what-icon svg{width: 75px}
.section .row .col-md-3:nth-child(2) .what-icon svg{width: 55px}
.section .row .col-md-3:nth-child(3) .what-icon svg{width: 70px}
.section .row .col-md-3:nth-child(4) .what-icon svg{width: 65px}
.section.active .what-icon svg path{stroke-dasharray:800!important;stroke-dashoffset:800;animation:dash 5s linear forwards;animation-delay:1s;stroke:#fff!important;}
.section.active .row .col-md-3:nth-child(2) .what-icon svg path{animation-delay:1s;}
.section.active .row .col-md-3:nth-child(3) .what-icon svg path{animation-delay:2s;}
.section.active .row .col-md-3:last-child .what-icon svg path{animation-delay:3s;}
	
.what-icon {min-height: 95px;}
/*.projec-name{font-size: 145px;line-height: 165px;}*/
/*.projec-name:hover::before {
    width: 100%;
}
.projec-name::before {
    content: attr(data-letters);
    position: absolute;
    color: #424242;
    width: 0%;
    overflow: hidden;
    z-index: 2;
    -moz-text-align-last: left;
    text-align-last: left;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 0.33s;
    transition-delay: 0.33s;
}*/
.projec-name {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    color: #fff;
font-size: 45px;    line-height: 50px;}
.work-list {
    padding-left: 10%;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    /* justify-content: center; 
    align-items: center;*/
	padding-top: 200px
}
.work-list .owl-carousel .owl-stage {
    padding-left: 0 !important;    display: flex; /*   align-items: center;*/}
.project-titles {
    margin:40px 0 20px;
}
	.project-brief {
    width: 80%;
}
	


/*.clip-text {
  line-height: 1;
  position: relative;
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clip-text_one {
  background-image: url("../images/09.jpg");
}
	
.projec-name{transform: translateY(-100px);transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.owl-item.active .projec-name{transform: translateY(0);opacity: 1;}

.projec-type{transform: translateY(100px);transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.owl-item.active .projec-type{transform: translateY(0);opacity: 1;}*/
.rollout, .roll-out {
    position: relative;
}	
.moz-background-picture {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
	body.loaded .rollout .moz-background-picture:before,.roll-out.anim.in-view .moz-background-picture:before {
    height: 0;
}

.moz-background-picture:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    transition: height 1.2s cubic-bezier(.57,0,.08,1);
    z-index: 0;
}
	
	.work-section1,.work-section2{display: flex;}
	.work-section1 .leftcontent{width: 40%;    padding-top: 7%;}
.work-section1 .rightcontent {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 60%;
}
	.work-section2 .rightcontent {
    padding-left: 23%;
}

.work-section1 .rollout,.work-section1 .roll-out{height: 710px;width: 730px}
.work-section2 .roll-out{height:615px ;width: 450px}
.website-link a {height: 45px;display: table;line-height: 45px;border: 1px solid rgba(255,255,255,0.15) !important;padding: 0 20px;margin-top: 30px;    font-family: bold;position: relative;z-index: 1}
	
.website-link a:after{content: ""; transition: all linear 0.3s; width: 0; height: 100%; top: 0; left: 0; position: absolute; background:rgba(255,255,255,0.15);z-index: -1 }
.website-link a:hover:after{content: ""; transition: all linear 0.3s; width: 100%;} 	
	
.inner-wrapper{padding-top: 13%;}
	
.loaded image#bubble {
    width: 234px;
    transition: all ease-out 3s;
	 -webkit-animation:bubblesway 6s ease-in-out infinite;
  -moz-animation:bubblesway 6s ease-in-out infinite;
  -o-animation:bubblesway 6s ease-in-out infinite;
  animation:bubblesway 6s ease-in-out infinite;
	animation-delay: 3s
}
image#bubble {
    transition: all ease-out 3s;
    width: 0;
}
@-webkit-keyframes bubblesway {
  0%,100%{ -webkit-transform: rotate(-1deg) scale(1,1);}
  50%{ -webkit-transform: rotate(1deg) scale(1,1); }
}
@-moz-keyframes bubblesway {
  0%,100%{ -moz-transform: rotate(-1deg) scale(1,1);}
  50%{ -moz-transform: rotate(1deg) scale(1,1); }
}
@-o-keyframes bubblesway {
  0%,100%{ -o-transform: rotate(-1deg) scale(1,1);}
  50%{ -o-transform: rotate(1deg) scale(1,1); }
}
@keyframes bubblesway {
  0%,100%{ transform: rotate(-1deg) scale(1,1);}
  50%{ transform: rotate(1deg) scale(1,1); }
}
	

	
	@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.section.active image#shades,.anim.in-view image#shades {
	animation: zoominoutsinglefeatured 1s forwards; animation-iteration-count: 3
	
}
	
	@keyframes flipanimation {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.section #count {
	overflow: hidden	
}
	
.section g#Group_93{ transform: scale(0); opacity: 0; transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1s ease-in-out;}	
.section g#pop1{transform: translateX(100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.section  g#pop2{transform: translateX(100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.section  g#pop3{transform: translateX(100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}

.section.active g#Group_93,.anim.in-view g#Group_93{ transform: scale(1); opacity: 1}	
.section.active g#pop1,.anim.in-view g#pop1 {transform: translateX(0);opacity: 1;transition-delay:  0.5s}
.section.active g#pop2,.anim.in-view g#pop2{transform: translateX(0);opacity: 1;transition-delay:  1.0s}
.section.active g#pop3,.anim.in-view g#pop3{transform: translateX(0);opacity: 1;transition-delay:  1.5s}
	
@keyframes swing {
  0%, 100% { transform: rotate(-0.1deg); }
  20% {transform:scale(.95);}
  50% { transform: rotate(0.1deg); }
  80% {transform:scale(.95);}
}

/*.section.active #count {
  animation: swing 1s 3 ease-in-out; animation-delay: 3s;
}	*/
	
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(0%, 0%) rotate(0deg) }
	10% { -webkit-transform: translate(0%, 0%) rotate(-1deg) }
	20% { -webkit-transform: translate(0%, 0%) rotate(1deg) }
	30% { -webkit-transform: translate(0%, 0%) rotate(0deg) }
	40% { -webkit-transform: translate(0%, 0%) rotate(1deg) }
	50% { -webkit-transform: translate(0%, 0%) rotate(-1deg) }
	60% { -webkit-transform: translate(0%, 0%) rotate(0deg) }
	70% { -webkit-transform: translate(0%, 0%) rotate(-1deg) }
	80% { -webkit-transform: translate(0%, 0%) rotate(1deg) }
	90% { -webkit-transform: translate(0%, 0%) rotate(0deg) }
	100% { -webkit-transform: translate(0%, 0%) rotate(-1deg) }
}
body.loaded image#headphones, .what-statue:hover image#headphones {
animation-name: spaceboots;
animation-duration: 0.8s;
transform-origin:50% 50%;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
	
	
@keyframes shakeAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}
.section.active image#PHONE,.anim.in-view image#PHONE{ 
  animation-name: shake;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  cursor: pointer;
}
.slide-right, .slideright{transform: translateX(-100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.loaded .slide-right, .anim.in-view.slideright{transform: translateX(0);opacity: 1;}

.slide-left,.slideleft{transform: translateX(100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.loaded .slide-left, .anim.in-view.slideleft{transform: translateX(0);opacity: 1;}

.longslide-left,.longslideleft{transform: translateX(-1000px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.loaded .longslide-left, .anim.in-view .longslideleft{transform: translateX(0);opacity: 1;}

.slide-down,.slidedown{transform: translateY(-100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.loaded .slide-down, .anim.in-view.slidedown{transform: translateY(0);opacity: 1;}

.slide-up,.slideup{transform: translateY(100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
.loaded .slide-up, .anim.in-view.slideup{transform: translateY(0);opacity: 1;}


	.projec-name{transform: translateY(100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
	.projec-type,.project-brief{transform: translateY(-100px);opacity: 0;transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 1.8s ease-in-out;}
	.project-brief{transition-delay:  1.0s}

	.owl-item.active .projec-type,.owl-item.active .projec-name,.owl-item.active .project-brief{transform: translateY(0);opacity: 1;}
	
	



.loaded .delayed,.anim.in-view.de-layed{transition-delay:  0.8s}
.loaded .delayed1,.anim.in-view.de-layed{transition-delay:  1.0s}
.loaded .delayed2,.anim.in-view.de-layed{transition-delay: 1.2s}
.loaded .delayed3,.anim.in-view.de-layed{transition-delay:  1.4s}
.loaded .delayed5,.anim.in-view.de-layed{transition-delay:  1.6s}
.loaded .delayed6,.anim.in-view.de-layed{transition-delay:  1.8s}
.loaded .delayed7,.anim.in-view.de-layed{transition-delay:  2.0s}
	
	
@keyframes ufo-big-lights {
  0%        {transform: translate(-0.04px, -0.03px);}
  20%       {transform: translate(-0.4px, -0.3px)}
  40%, 100% {transform: translate(-0.04px, -0.03px)}
}
g#bulb2:hover path#Path_278,g#bulb2:hover path#Path_279,g#bulb2:hover path#Path_280,
	g#bulb2:hover path#Path_281,g#bulb2:hover path#Path_282,g#bulb2:hover path#Path_283{
  animation       : building-flames .15s ease infinite;
}


/*=======================MEDIA QUERIES=======================*/
	
@media screen and (max-width: 1800px){
	/*.projec-name {    font-size: 135px;    line-height: 145px;}
	}*/
	}
	
@media only screen and (max-width: 2560px) and (min-width: 1921px) {
	/*.big-container{max-width: 2300px;}*/
	.section3-content {    width: 680px;	}
}
@media (max-width:1680px){
/*.projec-name {    font-size: 115px;    line-height: 125px;}*/
	.left-statue svg {
    height: 65%;
		bottom: 0%;    width: auto;} 
}
@media (max-width:1600px){
	#section2 h1 span{ font-size:80px}
}
@media (max-width:1480px){
/*.projec-name {    font-size: 100px;    line-height: 115px;}*/
.right-contact-content {padding-left: 30%;}
}
@media (max-width:1366px){
.who-statue svg, .who-statue img {height: 70%;}
.content-para {    letter-spacing: 1px;    line-height: 30px;}
a.next-slide svg {    width: 100px;}
a.next-slide {bottom: 4%;}
#section2 h1 span{font-size: 90px}
div#section3 .who-statue svg {right: 25px;    width: auto;    height: 80%;}
.section3-content{width: 45%}
#section5 .who-statue svg {    width: 50%;    height: auto;}
.testimonial-slider-div{width: 45%}
.why-statue svg {    width: 60%;    top: 0%;    left: 35%;    right: 0;    height: auto;}
/*.projec-name {    font-size: 80px;    line-height: 85px;}
.left-statue svg {     height: 85%;    bottom: 0;}*/

}
@media (max-width:1199px){
.work-section2 .rightcontent {    padding-left: 15px;}
.left-statue svg {     height: 75%; }
.right-contact-content {padding-left: 28%;}
.right-contact-content .container.pt-120 {
    padding-top: 0;
}
}
@media (max-width:1024px){
.font-70{font-size: 50px;line-height: 60px}
.font-60{font-size: 40px;line-height: 45px}
.font-46{font-size: 36px;}
.show-1024{display:block!important}
.page-template-page-where .inner-wrapper {    padding: 100px 10px 0;}
.right-contact-content .col-md-4 {    margin-bottom: 25px;}
.hide-1024,nav div.right,.page-template-page-who .page-name ul li:first-child:after, .page-template-page-what .page-name ul li:first-child:after,a.next-slide,.IndexIntro .bg-wrapper a.shake-link,a.scrollto{display:none!important}
.left-statue svg {
    height: auto;
    position: relative;
    width: 40%;
    margin-top: 45px;
}
.display-table .display-cell{display: block; width: 100% !important}
body.inner-pages,html{ height: 100%;	overflow:inherit !important;}
.ShantelleImage .ShantelleImageThumb svg, .ShantelleImage .ShantelleImageThumb img {height: auto;left: -19%;top: inherit;width: 100%;}
.right-contact-content {    padding-left: 0; position: static}
.right-contact-content .container {    max-width: 100%;}
div#pagepiling .section:last-child{border-bottom:  none;}
.section{position: relative; border-bottom:1px solid rgba(255,255,255,0.15);padding: 55px 30px;}
#section1{padding-top: 110px;}
.who-statue svg, .who-statue img,.what-statue svg{position: relative; height: auto !important; width: 100% !important; left: 0}
#section4 .who-statue svg {width: 45% !important;}
#section5 .who-statue svg {z-index: 0;}
.section .who-statue {    width: 50%;}
.right-content,.testimonial-slider-div,.section3-content,.page-template-page-what .section3-content{position: static; width: 50% !important}
.page-template-page-what .image-text-wrapper {flex-direction: row-reverse;}
.page-template-page-what div#section1 {    padding-right: 0;}
.inner-logo, .inner-logo a, .inner-logo img {width: 120px;}	
.header {    padding: 20px 0;    background: #000;}	
.page-name {top: 20px;}	
.inner-pages .ham-link {    top: 3%;    width: 40px;    height: 40px;}
.image-text-wrapper {    display: flex; align-items: center}
.who-statue.slide.show-1024{width: 50%}	
.section .animated-content, .section .animatedcontent {	-webkit-transform: translateY(0vh);}	
.IndexIntro .bg-wrapper {padding-top: 100vh;overflow: hidden;}
.IndexIntro .bg-wrapper .mobile-image-wrapper, .IndexIntro .bg-wrapper .svg-wrapper .bg {width: 100vw;	height: 85vh;}	
.home .ham-link {width: 7.5%;}
.what-icon svg path{stroke-dasharray:800!important;stroke-dashoffset:800;animation:dash 5s linear forwards;animation-delay:1s;stroke:#fff!important;}
div#bottomright {    right: 0;    width: 100%;    position: relative;    top: 0; width: 100%;opacity: 1;transform: translateX(0px) !important;}
.top-left-content {    left: 0;    width: 100%;    position: relative;    top: 0; width: 100%;}
.inner-wrapper{padding: 13% 15px}
.inner-wrapper.whypage {    display: flex;}
.why-statue svg{width: 100%; position: static}
.why-statue{width: 30%;}
.why-content {    width: 70%;}
/*.projec-name {    font-size: 65px;    line-height: 70px;}*/
.work-section1{flex-direction: column;}
.work-section2 {    flex-direction: column-reverse;    padding-top: 0; padding-bottom: 0}
.rightcontent,.leftcontent {width: 100% !important;}
.works-rwd-image { margin: 35px 0}
.work-section2 .rightcontent {    padding-left: 0;}

	}
@media (max-width:992px){
.inner-pages .ham-link {    top: 25px;    width: 40px;    height: 40px;}

}
@media (max-width:768px){
div#section2 .animated-content .col-md-3 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;    margin-bottom: 55px;}
.inner-wrapper.whypage {flex-direction: column-reverse;    padding-bottom: 0;}
.why-statue,.section .who-statue{width: 100%;}
.why-content {    width: 100%;}
.why-statue svg{width: 50%;}
.inner-wrapper.single-work {    padding: 100px 0;}
.section .who-statue{margin: 35px 0;}
div#section4 .image-text-wrapper {    flex-direction: column-reverse;}
.who-statue.slide.show-1024,.right-content, .testimonial-slider-div, .section3-content{width: 100% !important}
.image-text-wrapper{flex-direction: column}
#section2 h1 span{font-size: 50px}
.section3-content,.testimonial-slider-div{padding-right: 0}
.section{padding: 35px 15px;}
.who-statue img{margin: 25px 0}
div#content-1 {		height: inherit;}
.project-brief {
    width: 100%;
}
.pt-120{padding-top: 40px}
.pb-120{padding-bottom: 40px}
.pt-80{padding-top:40px}
.pb-80{padding-bottom: 40px}
}
@media (max-width:600px){
.font-70,.font-60{font-size: 40px;line-height: 50px}
.font-46{font-size: 26px;}
.font-32{font-size: 21px;}
.font-20{font-size: 18px;}
.inner-pages .ham-link { width: 25px;    height: 25px;}
.ShantelleImage[data-state=index] {    bottom: auto;    top: 160px;}
.ShantelleImage .ShantelleImageThumb svg, .ShantelleImage .ShantelleImageThumb img {    height: 100%;    left: -5%;    top: -50px;}
.IndexIntro .bg-wrapper .news-link {top: 24.579336%;}
.IndexIntro .bg-wrapper .work-link {top: 17.127306%;}	
.IndexIntro .bg-wrapper .info-link {top: 54.889299%;}
.IndexIntro .bg-wrapper .shop-link {top: 35.468635%;}
.IndexIntro .bg-wrapper .where-link {    left: 80.512111%;	top: 76.889299%;}
nav div.left a {height: 7%;}
.loaderWrap img {    width: 150px;}

.IndexIntro .bg-wrapper .mobile-image-wrapper, .IndexIntro .bg-wrapper .svg-wrapper .bg {    width: 200%;    height: 100vh;left: -50%;
top: 45px;}
.ShantelleImage .ShantelleImageThumb svg, .ShantelleImage .ShantelleImageThumb img {    height: auto;    left: -35%;    top: initial;    width: 120%;    bottom: 0;}
.ShantelleImage[data-state=index] {    bottom: 0;    top: auto;    left: 0;    width: 100%;    height: auto;    padding-top: 0;    z-index: 73;}
.page-template-page-what .image-text-wrapper {    display: flex;    flex-direction: column-reverse;}
.right-content, .testimonial-slider-div, .section3-content, .page-template-page-what .section3-content {width: 100% !important;}
.section .row .col-md-3:nth-child(1) .what-icon svg{width: 65px}
.section .row .col-md-3:nth-child(2) .what-icon svg{width: 45px}
.section .row .col-md-3:nth-child(3) .what-icon svg{width: 60px}
.section .row .col-md-3:nth-child(4) .what-icon svg{width: 55px}
.what-icon {    min-height: 85px;}
.projec-name {    font-size: 30px;    line-height: 40px;}
.big-container {    padding-left: 15px;	padding-right: 15px;}
	.projecttitle.font-70 {
    font-size: 35px;
    line-height: 40px;
}
	.work-list {
		padding-left: 15px; padding-right: 15px}
	.join-us-form.mt-5 {
    margin-top: 0px !important;
}
	.page-template-page-where .inner-wrapper {
    padding: 30px 10px 0;
}
	}
@media (max-width:480px){
}
@media (max-width:375px){
}

@media (max-width:320px){
}