/*-----------------------------------------------------------------------------------*/
/*	1.	Fonts 
/*-----------------------------------------------------------------------------------*/ 

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Levantine */
@font-face {
 font-family:'syriac';
 src:url(../fonts/Syriac/syriac2.eot);
 src:url(../fonts/Syriac/syriac2.eot?#iefix) format("embedded-opentype"),
 url(../fonts/Syriac/syriac2.woff2) format("woff2"),
 url(../fonts/Syriac/syriac2.woff) format("woff");
 font-weight:normal;
 font-style:normal
}

/*-----------------------------------------------------------------------------------*/
/*	2.	wrap 
/*-----------------------------------------------------------------------------------*/ 

.wrap_intro {
height:100px;
overflow:hidden;
padding:130px 0 800px;
z-index:300;
}

#intro_slideshow .wrap_flex {
z-index:300;
padding:0px 0 50px;

}

.wrap {
width:100%;
overflow:hidden;
position:relative;
min-width:940px;
}

.wrap_space {
height:110px;
}

.wrap_space_primary_menu {
height:125px;
}

.wrap_about_space_primary_menu {
height:110px;
}

.wrap_home_space {
height:79px;
}

.wrap_about_space {
height:80px;
}

.wrap_space_bottom {
height:100px;
}

.wrap_space_red {
background-color:#f04642;
height:75px;
}

.wrap_contact {
padding-bottom:50px;
}

.wrap_header {
background-color:#1C1C1C !important;
min-height:45px;
position:fixed;
overflow:visible;
padding-top:17px;
min-height: 62px;
z-index:350;
top:0;
}

.wrap_primary_navigation {
border-top: 1px solid #fff;
background-color:#f04642!important;
min-height:45px;
position:fixed;
overflow:visible;
z-index:325;
top:79px;
}

.wrap_topbar {
background-color:#1c1c1c!important;
}

.wrap_top_icon  .container{
position:relative;
}

.wrap_header .container {
position:relative;
}

.wrap_about_banner {
position:fixed;
height:100%;
top:78px;
left:0;
z-index:-1;
}

.wrap_about_banner  .cover{
height:100%;
width:100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
 
.wrap_about_banner img {
display:table;
margin:0 auto;
}

#wrap_tagline {
padding-bottom:40px;
}

.parallax_blog , .parallax_portfolio ,.parallax_about {
max-width: 100%;
position: relative;
background-attachment:fixed !important;
}



/*-----------------------------------------------------------------------------------*/
/*	3.	Bells & Whistles 
/*-----------------------------------------------------------------------------------*/ 

@-webkit-keyframes fade-in {
 0% {
  opacity:0;
  stroke-dashoffset:2200;
  stroke:#000
 }
 20% {
  opacity:1
 }
 40% {
 }
 100% {
  opacity:1;
  margin-top:0;
  stroke-dashoffset:0;
  stroke:#000
 }
}
@keyframes fade-in {
 0% {
  opacity:0;
  stroke-dashoffset:2200;
  stroke:#000
 }
 20% {
  opacity:1
 }
 40% {
 }
 100% {
  opacity:1;
  margin-top:0;
  stroke-dashoffset:0;
  stroke:#000
 }
}
* {
 box-sizing:border-box;
 margin:0;
 padding:0
}

/*-----------------------------------------------------------------------------------*/
/*	4.	Jurrasick 
/*-----------------------------------------------------------------------------------*/
 
.jurra-sick {
 display:none;
 background-color:#fee1e6;
 width:100vw;
 height:100vh;
 z-index:1;
 text-align:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.jurra-sick img {
 width:auto;
 border:20px solid #440d16
}
.ancient-browser .jurra-sick {
 display:block;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.mobile-only {
 display:none!important
}

/*-----------------------------------------------------------------------------------*/
/*	5.	Exclusivity 
/*-----------------------------------------------------------------------------------*/ 

@media screen and (max-width:414px) {
 .mobile-only {
  display:block!important
 }
}
.desktop-only {
 display:block
}
@media screen and (max-width:414px) {
 .desktop-only {
  display:none!important
 }
}

/*-----------------------------------------------------------------------------------*/
/*	6.	Presets  
/*-----------------------------------------------------------------------------------*/ 

body {
font-family: 'Poppins', sans-serif;
 width:100%;
 min-height:100vh;
 overflow-x:hidden;
 background-color:#f9f9f9;
 color:#000;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color,opacity;
 opacity:1
}
body.noscroll {
 overflow-y:hidden
}

/* White */
body.ink-white {
 color:#000
}
body.ink-white footer,
body.ink-white nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#ffffff!important
}
body.ink-white footer .mobile-nav-plus-f,
body.ink-white nav .mobile-nav-plus-f {
 fill:#000
}

/* Black */
body.ink-black {
 color:#fff
}
body.ink-black footer,
body.ink-black nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#000!important
}
body.ink-black footer .mobile-nav-plus-f,
body.ink-black nav .mobile-nav-plus-f {
 fill:#fff
}
body.ink-black nav a::after,
body.ink-black p a::after {
 background-color:rgba(255,255,255,0.2)!important
}
body.ink-black nav a:hover::after,
body.ink-black p a:hover::after {
 background-color:#fff!important
}

/* Teal */
body.ink-teal {
 color:#fff
}
body.ink-teal footer,
body.ink-teal nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#008090!important
}
body.ink-teal footer .mobile-nav-plus-f,
body.ink-teal nav .mobile-nav-plus-f {
 fill:#008090
}
body.ink-teal nav a::after,
body.ink-teal p a::after {
 background-color:rgba(0,128,144,0.1)!important
}
body.ink-teal nav a:hover::after,
body.ink-teal p a:hover::after {
 background-color:#008090!important
}

/* Yellow */
body.ink-yellow {
 color:#000
}
body.ink-yellow footer,
body.ink-yellow nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#ffc000!important
}
body.ink-yellow footer .mobile-nav-plus-f,
body.ink-yellow nav .mobile-nav-plus-f {
 fill:#ffc000
}
body.ink-yellow nav a::after,
body.ink-yellow p a::after {
 background-color:rgba(255,192,0,0.1)!important
}
body.ink-yellow nav a:hover::after,
body.ink-yellow p a:hover::after {
 background-color:#ffc000!important
}

/* Red */
body.ink-red {
 color:#fff
}
body.ink-red footer,
body.ink-red nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#cc0000!important
}
body.ink-red footer .mobile-nav-plus-f,
body.ink-teal nav .mobile-nav-plus-f {
 fill:#cc0000
}
body.ink-red nav a::after,
body.ink-red p a::after {
 background-color:rgba(204,0,0,0.1)!important
}
body.ink-red nav a:hover::after,
body.ink-red p a:hover::after {
 background-color:#cc0000!important
}

/* Grey */
body.ink-grey {
 color:#000
}
body.ink-grey footer,
body.ink-grey nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#b8b8b8!important
}
body.ink-grey footer .mobile-nav-plus-f,
body.ink-grey nav .mobile-nav-plus-f {
 fill:#b8b8b8
}
body.ink-grey nav a::after,
body.ink-grey p a::after {
 background-color:rgba(184,184,184,0.1)!important
}
body.ink-grey nav a:hover::after,
body.ink-grey p a:hover::after {
 background-color:#b8b8b8!important
}

/* Light Grey */
body.ink-lightgrey {
 color:#000
}
body.ink-lightgrey footer,
body.ink-lightgrey nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#f5f5f2!important
}
body.ink-lightgrey footer .mobile-nav-plus-f,
body.ink-lightgrey nav .mobile-nav-plus-f {
 fill:#f5f5f2
}
body.ink-lightgrey nav a::after,
body.ink-lightgrey p a::after {
 background-color:rgba(245,245,242,0.1)!important
}
body.ink-lightgrey nav a:hover::after,
body.ink-lightgrey p a:hover::after {
 background-color:#f5f5f2!important
}

/* Carbon */
body.ink-carbon {
 color:#fff
}
body.ink-carbon footer,
body.ink-carbon nav {
 transition:all 800ms cubic-bezier(0.19,1,0.22,1);
 transition-property:color,background-color;
 background-color:#1f1f1f!important
}
body.ink-carbon footer .mobile-nav-plus-f,
body.ink-carbon nav .mobile-nav-plus-f {
 fill:#1f1f1f
}
body.ink-carbon nav a::after,
body.ink-carbon p a::after {
 background-color:rgba(31,31,31,0.1)!important
}
body.ink-carbon nav a:hover::after,
body.ink-carbon p a:hover::after {
 background-color:#1f1f1f!important
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Transition and Navigation
/*-----------------------------------------------------------------------------------*/ 


img {
 width:100%
}
img[data-src],
img[data-srcset] {
 opacity:0;
 transition:900ms opacity ease-in-out
}
img[data-src]:not(.lzl-loaded),
img[data-srcset]:not(.lzl-loaded) {
 position:static!important
}
img[data-src].lzl-loaded,
img[data-srcset].lzl-loaded {
 opacity:1
}
button {
 border:0;
 outline:none;
 cursor:pointer
}
.appear {
 opacity:0;
 transition:300ms opacity ease-in-out 100ms
}
.appear.appearing,
.appear.appeared {
 opacity:1
}
.hidden {
 display:none
}
.transition-fadeout {
 transition:opacity 1000ms cubic-bezier(0.19,1,0.22,1);
 transition-delay:0!important;
 opacity:0!important
}
.transition-fadein {
 position:static;
 opacity:1!important;
 transition:opacity 400ms cubic-bezier(0.19,1,0.22,1)
}
.loaded {
 position:absolute;
 top:0;
 left:0;
 opacity:0;
 z-index:1000
} 

/* Navigation */
nav {
 background-color:#fff;
 position:fixed;
 width:100%;
 z-index:10000;
 height:4.21875vw
}
nav > * {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
nav > .mini-navigation {
 display:none!important
}
@media screen and (max-width:414px) {
 nav > .mini-navigation {
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important
 }
}
nav > .desktop-nav-only {
 display:none!important
}
@media screen and (min-width:415px) {
 nav > .desktop-nav-only {
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important
 }
}
@media screen and (max-width:414px) {
 nav {
  height:12vw;
  background-color:transparent!important;
  padding-left:3.6vw
 }
 nav a.grid-push {
  margin-left:17.14976vw
 }
}
nav figure {
 display:inline-block;
 width:8.20312vw
}
nav a {
font-family: 'Poppins', sans-serif;
 font-size:1.20vw;
 letter-spacing:-0.02344vw;
 line-height:1.64062vw;
 font-weight:normal;
 color:inherit;
 margin-right:2vw;
 height:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
@media screen and (max-width:414px) {
 nav a {
  font-size:2.8vw;
  letter-spacing:-0.024vw;
  line-height:3.8vw
 }
}

nav a.png {
 margin:0;
 height:1px;
 width:100%;
}

nav a.mobile-nav-plus {
 margin:0;
 padding-right:4.83092vw;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse
}
nav a.mobile-nav-plus svg {
 transition:-webkit-transform 200ms ease-in-out;
 transition:transform 200ms ease-in-out;
 transition:transform 200ms ease-in-out,-webkit-transform 200ms ease-in-out
}
nav a.mobile-nav-plus.rotated svg {
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
nav a.always-active span::after,
nav a.active span::after {
 content:' ';
 position:relative;
 top:1px;
 display:block;
 background-color:rgba(0,0,0,0.2);
 height:0px;
 width:92%;
 transition-duration:.2s;
 transition-property:width
}
nav a:first-child {
 margin-left:4.6vw
}
@media screen and (max-width:414px) {
 nav a:first-child {
  margin-left:0.6vw
 }
}
svg {
 display:block;
 max-width:100%;
 max-height:100%
}


/* Mini menu */
.mini-menu {
 background-color:#090909;
 width:100vw;
 height:100vh;
 position:fixed;
 top:0;
 left:0;
 padding-top:19.0vw;
 padding-left:6.0vw;
 z-index:8000;
 display:none
}
.mini-menu.visible {
 display:block
}
.mini-menu a {
font-family: 'Poppins', sans-serif;
 font-size:8.2vw;
 letter-spacing:-0.55vw;
 line-height:8.0vw;
 font-weight:normal;
 line-height:10.0vw!important;
 color:#fff;
 display:inline-block
}
@media screen and (max-width:414px) {
 .mini-menu a {
  font-size:8.2vw;
  letter-spacing:-0.6vw;
  line-height:10.0vw
 }
}
.mini-menu img {
 display:inline-block;
 width:40vw;
 margin-right:5vw;
 position:relative;
 top:-7vw;
 left:40vw
}


/*-----------------------------------------------------------------------------------*/
/*	8.	Formatting
/*-----------------------------------------------------------------------------------*/ 

h1 {
 font-family: 'Poppins', sans-serif;
 font-size:10.0vw;
 letter-spacing:-0.5vw;
 line-height:9.0vw;
 font-weight:600
}
@media screen and (max-width:414px) {
 h1 {
  font-size:12vw;
  letter-spacing:-0.8vw;
  line-height:12vw
 }
}
h1.headline-text {
 margin-top:7.2vw;
 margin-bottom:7.2vw;
 padding-left:3.6vw
}
@media screen and (max-width:414px) {
 h1.headline-text {
  margin-top:20vw;
  padding-left:3.6vw
 }
}
h1.billboard {
 pointer-events:none;
 width:100%;
 position:fixed;
 z-index:1000;
 opacity:1;
 padding-top:0!important
}
h1.billboard span.abjad {
 font-family:syriac;
/* color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black; */
}
h1.billboard.static {
 position:absolute
}
h1.billboard.animating .title {
 display:none
}
h1.billboard.animating .Levantine-characters {
 display:block;
 padding-left:3.6vw
}
@media screen and (max-width:414px) {
 h1.billboard.animating .Levantine-characters {
  padding-left:3.6vw
 }
}
h1.billboard .Levantine-characters {
 display:none;
 position:absolute;
 left:0;
 top:0
}
h2 {
 font-family: 'Poppins', sans-serif;
 font-size:7.2vw;
 letter-spacing:-0.55vw;
 line-height:7.2vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 h2 {
  font-size:9.0vw;
  letter-spacing:-0.60vw;
  line-height:10.03vw
 }
}
h2.page-title {
 margin-bottom:4.6vw;
 margin-top:7.2vw;
 padding-left:7.2vw;
 padding-right:7.2vw
}
@media screen and (max-width:414px) {
 h2.page-title {
  margin-top:19.0vw;
  margin-bottom:12.00vw;
  padding-left:12.00vw;
  padding-right:12.00vw
 }
}
h3 {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.8vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 h3 {
  font-size:4.8vw;
  letter-spacing:-0.12vw;
  line-height:5.00vw
 }
}
h4 {
 font-family: 'Poppins', sans-serif;
 font-size:2.0vw;
 letter-spacing:-0.055vw;
 line-height:2.3vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 h4 {
  font-size:3.3vw;
  letter-spacing:0;
  line-height:4.3vw
 }
}
a {
 text-decoration:none;
 color:inherit
}
p {
 font-family: 'Poppins', sans-serif;
 font-size:1.25vw;
 letter-spacing:-0.022vw;
 line-height:1.6vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 p {
  font-size:2.8vw;
  letter-spacing:-0.025vw;
  line-height:3.8vw
 }
}
p.detail {
 font-family: 'Poppins', sans-serif;
 font-size:0.8vw;
 letter-spacing:0;
 line-height:1.0vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 p.detail {
  font-family: 'Poppins', sans-serif;
  font-size:2.2vw;
  line-height:2.8vw
 }
}
p a {
 display:inline-block;
 transition-duration:.2s;
 transition-property:width
}
/* p a::after {
 content:' ';
 position:relative;
 top:1px;
 display:block;
 background-color:rgba(0,0,0,0.2);
 height:1px;
 width:100%;
 font-color:#8d8d8d;
 transition-duration:.2s;
 transition-property:width
} */
p a:hover::after {
 width:50%;
 background-color:black;
 transition-duration:.2s;
 transition-property:width
}

/* Side note Vertical */
notev {
 font-family: 'Poppins', sans-serif;
 font-size:1.0vw;
 letter-spacing:0;
 line-height:1.0vw;
 font-weight:normal;
 position:absolute;
 -webkit-transform:translateX(100%) rotateZ(-90deg);
 transform:translateX(100%) rotateZ(-90deg);
 -webkit-transform-origin:bottom left;
 transform-origin:bottom left;
 bottom:0.4vw;
 right:0;
 margin-right:1.5vw
}
@media screen and (max-width:414px) {
 notev {
  font-family: 'Poppins', sans-serif;
  font-size:2.2vw;
  line-height:2.8vw
 }
}
@media screen and (max-width:414px) {
 notev {
  margin-right:5.2vw
 }
}
notev i {
 font-style:normal;
 display:block
}
@media screen and (max-width:414px) {
 notev i {
  display:none
 }
}
notev span {
 font-family:syriac;
}

/* Side note Horizontal */
noteh {
 font-family: 'Poppins', sans-serif;
 font-size:2.4vw;
 letter-spacing:0;
 line-height:2.3vw;
 font-weight:normal;
 position:absolute;
 -webkit-transform:translateX(100%) rotateZ(0deg);
 transform:translateX(100%) rotateZ(0deg);
 -webkit-transform-origin:bottom right;
 transform-origin:bottom right;
 bottom:2.0vw;
 right:32vw;
 margin-right:1.5vw;
 text-align:right;
 width:28vw
}
@media screen and (max-width:414px) {
 noteh {
  font-family: 'Poppins', sans-serif;
  font-size:3.2vw;
  line-height:3.2vw;
  width:40vw
 }
}
@media screen and (max-width:414px) {
 noteh {
  margin-right:15.0vw
 }
}
noteh i {
 font-style:normal;
 display:block
}
@media screen and (max-width:414px) {
 noteh i {
  display:none
 }
}
noteh span {
 font-family:syriac;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Structure
/*-----------------------------------------------------------------------------------*/ 

main {
 width:100%;
 overflow:hidden
}
main.case {
}
@media screen and (max-width:414px) {
 main.case section {
  margin-top:0!important;
  margin-bottom:12.0vw!important;
  padding-top:0!important;
  padding-bottom:0!important
 }
 main.case section.two-images.mobile-margin-hack {
  margin-bottom:4.8vw!important
 }
}
main.case.adm section.adm-deluxe {
 overflow:hidden;
 height:46.0vw
}
@media screen and (max-width:414px) {
 main.case.adm section.adm-deluxe {
  margin-bottom:0!important;
  overflow:visible;
  z-index:-1
 }
}
main.case.adm section.adm-deluxe h3.special {
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 position:absolute;
 width:35.15625vw
}
main.case.adm section.adm-deluxe article {
 margin-top:0;
 position:relative;
 left:-6.20vw
}
main.case.adm section.adm-deluxe article h3 {
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 position:absolute;
 width:35.0vw
}
main.case.template section.template-block-1 {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
main.case.template section.template-block-1 figure {
 width:24.0vw;
 position:relative;
 height:43.0vw;
 transition:-webkit-transform 200ms ease-out;
 transition:transform 200ms ease-out;
 transition:transform 200ms ease-out,-webkit-transform 200ms ease-out
}
@media screen and (max-width:414px) {
 main.case.template section.template-block-1 figure {
  height:40.0vw
 }
}
main.case.template section.template-block-1 figure video {
 width:100%;
 height:auto
}
main.case.template section.template-block-1 figure:nth-child(1) {
 margin-top:49.0vw
}
main.case.template section.template-block-1 figure:nth-child(2) {
 -webkit-transform:translateY(24.0vw);
 transform:translateY(24.0vw)
}
main.case.template section.template-block-1 figure:nth-child(3) {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
main.case.template section.template-block-2 figure {
 width:75%
}
main.case.template section.template-block-2 figure:first-of-type {
 float:right
}
main.case.template section.template-block-2 figure:nth-of-type(2)::after {
 clear:both
}
main.case.template section.template-block-3 {
 padding-left:4.8vw;
 padding-right:9.8vw
}
main.case.template section.template-block-3 figure {
 width:58.0vw
}
main.case.template section.template-block-3 h3 {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.8vw;
 font-weight:normal;
 width:42.0vw;
 position:absolute;
 top:48.0vw;
 right:3.6vw
}
@media screen and (max-width:414px) {
 main.case.template section.template-block-3 h3 {
  font-size:4.8vw;
  letter-spacing:-0.12vw;
  line-height:5.0vw
 }
}
main.case.template section.template-block-3 h3.mobile-only {
 right:8.0vw
}

main.case.template section.template-block-4 {
 padding-left:36.2vw;
 padding-right:9.8vw
}
main.case.template section.template-block-4 figure {
 width:58.0vw
}
main.case.template section.template-block-4 h3 {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.8vw;
 font-weight:normal;
 width:40.0vw;
 position:absolute;
 top:48.0vw;
 right:52.0vw;
 text-align:right
}
@media screen and (max-width:414px) {
 main.case.template section.template-block-4 h3 {
  font-size:4.8vw;
  letter-spacing:-0.12vw;
  line-height:5.0vw
 }
}
main.case.template section.template-block-4 h3.mobile-only {
 right:54.0vw
}


main.case.intellotel section.intellotel-block-1 {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
main.case.intellotel section.intellotel-block-1 h3 {
 position:absolute;
 left:7.8vw;
 top:39.0vw;
 width:37.5vw;

 z-index:100
}
main.case.intellotel section.intellotel-block-1 figure {
 width:15.2vw;
 margin-right:3.0vw;
 position:relative
}
main.case.intellotel section.intellotel-block-1 figure img {
 margin-bottom:3.0vw
}
main.case.intellotel section.intellotel-block-1 figure img:last-of-type {
 margin-bottom:0
}
main.case.intellotel section.intellotel-block-1 figure:nth-child(2) {
 width:21.0vw
}
main.case.intellotel section.intellotel-block-1 figure:last-of-type {
 width:40.0vw;
 margin-right:0
}
main.case.intellotel section.intellotel-block-1 figure:last-of-type img:first-of-type {
 width:50%
}
main.case.concept section.concept-block-1 {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
main.case.concept section.concept-block-1 figure {
 width:40vw;
 margin-right:3.0vw;
 overflow:hidden;
 font-size:0
}
main.case.concept section.concept-block-1 figure img:first-child {
 margin-bottom:3.0vw
}
main.case.concept section.concept-block-1 article {
 width:40vw;
 position:relative
}
main.case.concept section.concept-block-1 article h3 {
 font-family: 'Poppins', sans-serif;
 font-size:4.0vw;
 letter-spacing:-0.15vw;
 line-height:3.90vw;
 font-weight:normal;
 width:28.2vw;
 position:absolute;
 top:16.8vw;
 right:0;
 z-index:100
}
@media screen and (max-width:414px) {
 main.case.concept section.concept-block-1 article h3 {
  font-size:4.8vw;
  letter-spacing:-0.12vw;
  line-height:5.0vw
 }
}
main.case.concept section.concept-block-1 article img {
 margin-top:30.0vw
}
@media screen and (max-width:414px) {
 main.case div {
  padding-top:0
 }
}
main.case div.background-color-intellotel-1 {
 color:#fff
}
main.case div.background-color-intellotel-2 {
 color:#fff
}
@media screen and (max-width:414px) {
 main.case div.background-color-intellotel-2 {
  padding-top:0!important
 }
}
main.case div.background-color-concept-1 {
 color:#fff
}
main.case div.background-color-concept-2 {
 color:#fff
}
main.case div:nth-of-type(2) {
 padding-top:3.9vw
}
main.case section.push-up {
 margin-top:-6.8vw;
 z-index:900
}
main.case section.image-block {
 margin-bottom:7.8vw
}
main.case section.image-blockpost {
 margin-bottom:2.4vw
}
main.case section.mobile-text {
 margin-bottom:9.6vw
}
main.case section.mobile-text article div {
 overflow:hidden;
 margin-bottom:6.0vw;
 padding-top:0
}
main.case section.mobile-text article div:last-child {
 margin-bottom:0
}
main.case section.mobile-text article div span {
 font-family: 'Poppins', sans-serif;
 font-size:0.78vw;
 letter-spacing:0;
 line-height:1.0vw;
 font-weight:normal;
 text-transform:uppercase;
 display:block;
 float:left;
 width:16.4vw;
 position:relative;
 top:0.7vw
}
@media screen and (max-width:414px) {
 main.case section.mobile-text article div span {
  font-family: 'Poppins', sans-serif;
  font-size:2.1vw;
  line-height:2.8vw
 }
}
main.case section.mobile-text article div p {
 font-family: 'Poppins', sans-serif;
 font-size:1.25vw;
 letter-spacing:-0.024vw;
 line-height:1.60vw;
 font-weight:normal;
 width:48.0vw!important;
 margin-bottom:0;
 float:right
}
@media screen and (max-width:414px) {
 main.case section.mobile-text article div p {
  font-size:2.80vw;
  letter-spacing:-0.024vw;
  line-height:4.0vw
 }
}
main.case section.image-text {
 z-index:1000;
 padding-bottom:3.90vw;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
@media screen and (max-width:414px) {
 main.case section.image-text {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
main.case section.image-text.no-padding-bottom {
 padding-bottom:0
}
main.case section.image-text.push-up {
 margin-top:-5.6vw
}
@media screen and (max-width:414px) {
 main.case section.image-text.push-up {
  margin-top:24.0vw
 }
}
main.case section.image-text figure {
 font-size:0;
 width:53.0vw;
 margin-right:3.2vw;
 position:relative
}
@media screen and (max-width:414px) {
 main.case section.image-text figure {
  margin-right:0;
  width:100%
 }
 main.case section.image-text figure h3 {
  font-family: 'Poppins', sans-serif;
  font-size:3.8vw;
  letter-spacing:-0.15vw;
  line-height:3.8vw;
  font-weight:normal;
  position:absolute;
  width:48.0vw;
  right:0;
  top:12.0vw
 }
}
@media screen and (max-width:414px) and (max-width:414px) {
 main.case section.image-text figure h3 {
  font-size:4.80vw;
  letter-spacing:-0.120vw;
  line-height:5.0vw
 }
}
main.case section.image-text article {
 margin-top:10.0vw;
 width:27.0vw
}

/* post text contecnt */
 main.case section.post-text figure h3 {
  font-size:4.80vw;
  letter-spacing:-0.120vw;
  line-height:5.0vw
 }

main.case section.post-text article {
 margin-top:10.0vw;
 width:80.0vw
}

@media screen and (max-width:414px) {
 main.case section.image-text article {
  display:none
 }
}
main.case section.image-text article h3 {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.150vw;
 line-height:3.8vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 main.case section.image-text article h3 {
  font-size:4.80vw;
  letter-spacing:-0.120vw;
  line-height:5.00vw
 }
}
main.case section.image-text article span {
 font-family: 'Poppins', sans-serif;
 font-size:0.8vw;
 letter-spacing:0;
 line-height:1.0vw;
 font-weight:normal;
 text-transform:uppercase;
 display:block;
 margin-bottom:1.25vw
}
@media screen and (max-width:414px) {
 main.case section.image-text article span {
  font-family: 'Poppins', sans-serif;
  font-size:2.0vw;
  line-height:2.8vw
 }
}
main.case section.image-text article p {
 font-family: 'Poppins', sans-serif;
 font-size:1.25vw;
 letter-spacing:-0.024vw;
 line-height:1.60vw;
 font-weight:normal;
 margin-bottom:2.2vw
}
@media screen and (max-width:414px) {
 main.case section.image-text article p {
  font-size:2.8vw;
  letter-spacing:-0.024vw;
  line-height:3.8vw
 }
}
main.case section.image-text article p:last-child {
 margin-bottom:0
}
main.case section.two-images {
 overflow:hidden;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
main.case section.two-images figure {
 font-size:0;
 width:50%;
 height:auto;
 position:relative;
 overflow:hidden
}
main.case section.two-images figure video {
 width:100%;
 height:auto
}
main.case section.two-images figure:first-child {
 margin-right:3.2vw
}
@media screen and (max-width:414px) {
 main.case section.two-images figure:first-child {
  margin-right:2.4vw
 }
}
main.case section.three-images {
 overflow:hidden;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
main.case section.three-images figure {
 width:33.34%;
 height:auto;
 position:relative;
 overflow:hidden;
 margin-right:3.2vw;
 font-size:0
}
main.case section.three-images figure video {
 width:100%;
 height:auto
}
main.case section.three-images figure:last-of-type {
 margin-right:0
}
.extra-margin-bottom {
 margin-bottom:11.8vw!important
}
@media screen and (max-width:414px) {
 .extra-margin-bottom {
  margin-bottom:12.0vw
 }
}
.no-margin-bottom {
 margin-bottom:0!important
}
.half-margin-bottom {
 margin-bottom:3.90vw!important
}
@media screen and (max-width:414px) {
 .half-margin-bottom {
  margin-bottom:6.0vw
 }
}
@media screen and (max-width:414px) {
 .half-margin-bottom-mobile {
  margin-bottom:6.0vw
 }
}
.half-padding-bottom {
 padding-bottom:3.90vw!important
}
@media screen and (max-width:414px) {
 .half-padding-bottom {
  padding-bottom:6.0vw!important
 }
}
.no-padding {
 padding:0!important
}
section {
 width:100%;
 position:relative;
 margin-bottom:1.0vw;
 padding-left:7.8vw;
 padding-right:7.8vw
}
@media screen and (max-width:414px) {
 section {
  margin-bottom:12.0vw;
  padding-left:12.07vw;
  padding-right:12.0vw
 }
}

/* section full width */
sectionfull {
 width:100%;
 position:relative;
 margin-bottom:1.0vw;
 padding-left:0vw;
 padding-right:0vw
}
@media screen and (max-width:414px) {
 sectionfull {
  margin-bottom:12.0vw;
  padding-left:0vw;
  padding-right:0vw
 }
}
/* section full width end */
section.card-container {
 height:70.0vw;
 width:100%;
 position:relative;
 z-index:7000
}
@media screen and (max-width:414px) {
 section.card-container {
  -webkit-transform:scale(1.25);
  transform:scale(1.25)
 }
}
section.card-container figure {
 position:absolute;
 width:43.0vw;
 height:24.53125vw;
 top:50%;
 left:50%
}
section.card-container figure img {
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
section.card-container figure img.landscape {
 width:58.0vw;
 height:32.0vw
}
section.card-container figure img.portrait {
 width:41.0vw;
 height:58.0vw
}

/* posts */
section.posts-intro-text {
 margin-top:2.4vw;
 padding-left:3.6vw
}
section.posts-intro-text notev {
 -webkit-transform:translateX(100%) rotateZ(90deg) translateX(1vw);
 transform:translateX(100%) rotateZ(90deg) translateX(1vw)
}
section.posts-intro-text noteh {
 -webkit-transform:translateX(100%) rotateZ(90deg) translateX(1vw);
 transform:translateX(100%) rotateZ(90deg) translateX(1vw)
}
@media screen and (max-width:414px) {
 section.posts-intro-text {
  padding-left:5.6vw;
  margin-top:19.0vw
 }
}
section.posts-intro-text a {
 font-family: 'Poppins', sans-serif;
 font-size:2.4vw;
 letter-spacing:-0.15vw;
 line-height:1.2vw;
 font-weight:normal;
 position:relative;
 left:68.0vw;
 top:-3.7vw
}
@media screen and (max-width:414px) {
 section.posts-intro-text a {
  font-size:4.80vw;
  letter-spacing:-0.1200vw;
  line-height:5.00vw
 }
}
@media screen and (max-width:414px) {
 section.posts-intro-text a {
  display:none
 }
}
section.posts-intro-text a figure {
 position:relative;
 display:inline-block;
 top:0.80vw;
 width:4.20vw;
 margin-left:2.6vw
}
section.posts-intro-text.fixed-height {
 height:13.20vw
}
@media screen and (max-width:414px) {
 section.posts-intro-text.fixed-height {
  height:12.8vw
 }
}
section.posts-intro-text h1 {
 padding-top:0.2vw
}
@media screen and (max-width:414px) {
 section.posts-intro-text h1 {
  padding-top:12.8vw
 }
}
section.posts-intro-text h1.intro-text-fadeout {
 transition:opacity 400ms ease-in-out
}
section.posts-intro-text h1.intro-text-fadeout.faded {
 opacity:0
}
section.posts-intro-text .start-new-section {
 transition:opacity 150ms ease-in-out
}
section.posts-intro-text .start-new-section.faded {
 opacity:.05
}

/* posts */
section.frontpage-intro-text {
 margin-top:7.80vw;
 padding-left:3.6vw
}
section.frontpage-intro-text notev {
 -webkit-transform:translateX(100%) rotateZ(90deg) translateX(1vw);
 transform:translateX(100%) rotateZ(90deg) translateX(1vw)
}
@media screen and (max-width:414px) {
 section.frontpage-intro-text {
 margin-top:20.0vw;
 padding-left:3.6vw
 }
}
section.frontpage-intro-text a {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.80vw;
 font-weight:normal;
 position:relative;
 left:51.0vw;
 top:-4.6vw
}
@media screen and (max-width:414px) {
 section.frontpage-intro-text a {
  font-size:4.80vw;
  letter-spacing:-0.1200vw;
  line-height:5.006vw
 }
}
@media screen and (max-width:414px) {
 section.frontpage-intro-text a {
  display:none
 }
}
section.frontpage-intro-text a figure {
 position:relative;
 display:inline-block;
 top:0.150vw;
 width:4.20vw;
 margin-left:2.70vw
}
section.frontpage-intro-text.fixed-height {
 height:13.20vw
}
@media screen and (max-width:414px) {
 section.frontpage-intro-text.fixed-height {
  height:12.8vw
 }
}
section.frontpage-intro-text h1 {
 padding-top:11.0vw
}
@media screen and (max-width:414px) {
 section.frontpage-intro-text h1 {
  padding-top:12.8vw
 }
}
section.frontpage-intro-text h1.intro-text-fadeout {
 transition:opacity 400ms ease-in-out
}
section.frontpage-intro-text h1.intro-text-fadeout.faded {
 opacity:0
}
section.frontpage-intro-text .start-new-section {
 transition:opacity 150ms ease-in-out
}
section.frontpage-intro-text .start-new-section.faded {
 opacity:.05
}
section.image-link.billboard-title-padding-top {
 margin-top:28.0vw
}
section.image-link figure {
 width:100%;
 height:100vw;
 position:relative;
 overflow:hidden;
 font-size:0;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
@media screen and (max-width:414px) {
 section.image-link figure {
  height:90.0vw
 }
}
section.image-link figure.transition {
 transition:height 400ms
}
section.image-link figure:hover img {
 transition-duration:.2s;
 -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);
 transform:translate(-50%,-50%) scale(1.01,1.01)
}
section.image-link figure img {
 position:absolute;
 top:50%;
 left:50%;
 transition-duration:.2s;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
section.image-block {
 margin-bottom:11.7vw;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
@media screen and (max-width:414px) {
 section.image-block.mobile-exposed {
  padding-left:2.40vw
 }
}
@media screen and (max-width:414px) {
 section.image-block.mobile-hero {
  padding-left:0;
  padding-right:0;
  margin-top:0!important;
  padding-top:0!important
 }
 section.image-block.mobile-shell p {
  width:48.30918vw!important;
  margin-right:2.00vw
 }
 section.image-block.mobile-shell notev {
  margin-top:19.40vw
 }
 section.image-block.mobile-shell noteh {
  margin-top:19.40vw
 }
 section.image-block.mobile-shell h1 {
  padding-left:0;
  margin-top:0;
  position:absolute;
  top:19.4vw;
  left:2.4vw
 }
}
section.image-block.billboard-title-padding-top {
 margin-top:28.0vw
}
section.image-block figure {
 width:100%;
 height:auto;
 position:relative
}
section.image-block figure p {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.4vw;
 font-weight:normal;
 position:absolute;
 right:0;
 bottom:1.2vw;
 width:38.0vw
}
@media screen and (max-width:414px) {
 section.image-block figure p {
  font-size:4.8vw;
  letter-spacing:-0.12vw;
  line-height:5.0vw
 }
}
@media screen and (max-width:414px) {
 section.image-block figure p {
  width:36.2vw
 }
}
section.image-block figure img {
 width:100%;
 height:auto
}
section.image-block figure video {
 width:100%;
 height:auto
}
section.video-block {
 margin-bottom:11.8vw;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
section.video-block figure {
 width:100%;
 height:auto;
 position:relative
}
section.video-block figure video {
 width:100%;
 height:auto
}
section.text-block {
 margin-bottom:11.71875vw;
 padding-left:0;
 padding-right:0
}
@media screen and (max-width:414px) {
 section.text-block {
  margin-bottom:12.0vw
 }
}
section.text-block h3 {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.85vw;
 font-weight:normal;
 padding-left:1.5vw
}
@media screen and (max-width:414px) {
 section.text-block h3 {
  font-size:4.8vw;
  letter-spacing:-0.12vw;
  line-height:5.0vw
 }
}
@media screen and (max-width:414px) {
 section.text-block h3 {
  padding-left:6.0vw
 }
}
section.text-block tiny {
 font-family: 'Poppins', sans-serif;
 font-size:2.0vw;
 letter-spacing:0;
 line-height:1.0vw;
 font-weight:normal;
 margin-top:3.12vw;
 margin-bottom:1.2vw;
 padding-left:7.8vw;
 display:block
}
@media screen and (max-width:414px) {
 section.text-block tiny {
  font-family: 'Poppins', sans-serif;
  font-size:2.6vw;
  line-height:2.6vw
 }
}
@media screen and (max-width:414px) {
 section.text-block tiny {
  padding-left:12.0vw
 }
}
section.text-block article {
 padding-left:7.8vw;
 padding-right:7.8vw
}
@media screen and (max-width:414px) {
 section.text-block article {
  padding-left:12.0vw;
  padding-right:12.0vw
 }
}
section.text-block article p {
 font-family: 'Poppins', sans-serif;
 font-size:3.8vw;
 letter-spacing:-0.15vw;
 line-height:3.8vw;
 font-weight:normal;
 margin-bottom:3.8vw
}
@media screen and (max-width:414px) {
 section.text-block article p {
  font-size:4.4vw;
  letter-spacing:-0.12vw;
  line-height:5.0vw
 }
}
section.text-block article p:last-child {
 margin-bottom:0
}
section.text-block article p span {
 font-family: 'Poppins', sans-serif;
}
section.image-links {
 font-size:0;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap;
 margin-bottom:3.125vw
}
@media screen and (max-width:414px) {
 section.image-links {
  margin-bottom:2.4vw
 }
}
section.image-links figure {
 width:50%;
 position:relative;
 overflow:hidden;
 margin-right:1.2vw;
 font-size:0
}
section.image-links figure img,
section.image-links figure video {
 width:100%
}
section.image-links figure:first-child {
 margin-right:3.1vw
}
@media screen and (max-width:414px) {
 section.image-links figure:first-child {
  margin-right:1.2vw
 }
}
section.two-column-text {
 margin-bottom:11.71875vw;
 font-size:0;
 overflow:hidden;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
@media screen and (max-width:414px) {
 section.two-column-text {
  margin-bottom:12.0vw;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
@media screen and (max-width:414px) {
 section.two-column-text.body article {
  margin-bottom:4.8vw;
  -ms-flex-preferred-size:100%;
  flex-basis:100%
 }
 section.two-column-text.body article:last-child {
  margin-bottom:0
 }
}
section.two-column-text.body article p {
 font-family: 'Poppins', sans-serif;
 font-size:1.2vw;
 letter-spacing:-0.024vw;
 line-height:1.6vw;
 font-weight:normal;
 width:34.0vw;
 margin-bottom:1.9vw
}
@media screen and (max-width:414px) {
 section.two-column-text.body article p {
  font-size:2.8vw;
  letter-spacing:-0.024vw;
  line-height:3.9vw
 }
}
@media screen and (max-width:414px) {
 section.two-column-text.body article p {
  width:100%;
  margin-bottom:4.8vw
 }
}
section.two-column-text.body article p:last-child {
 margin-bottom:0
}
section.two-column-text article {
 width:40vw;
 position:relative;
 overflow:hidden
}
@media screen and (max-width:414px) {
 section.two-column-text article {
  margin-bottom:4.8vw;
  width:100%;
  -ms-flex-preferred-size:100%;
  flex-basis:100%
 }
 section.two-column-text article:last-child {
  margin-bottom:0
 }
}
section.two-column-text article:nth-child(odd) {
 margin-right:3.125vw
}
@media screen and (max-width:414px) {
 section.two-column-text article:nth-child(odd) {
  margin-right:0
 }
}
section.two-column-text article p {
 font-family: 'Poppins', sans-serif;
 font-size:2.0vw;
 letter-spacing:-0.05vw;
 line-height:2.4vw;
 font-weight:normal
}
@media screen and (max-width:414px) {
 section.two-column-text article p {
  font-size:3.4vw;
  letter-spacing:0;
  line-height:4.4vw
 }
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Footer
/*-----------------------------------------------------------------------------------*/ 

footer {
 width:100%;
 padding-top:7.8vw;
 padding-bottom:9.2vw;
 padding-left:7.8vw;
 padding-right:7.8vw;
 font-size:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
@media screen and (max-width:414px) {
 footer.desktop-footer {
  display:none
 }
}
footer.mobile-footer {
 display:none;
 padding-top:8.0vw;
 padding-bottom:2.0vw;
 padding-left:6.0vw;
 padding-right:0
}
@media screen and (max-width:414px) {
 footer.mobile-footer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
 }
}
footer.mobile-footer div {
 height:auto;
 -ms-flex-preferred-size:48%;
 flex-basis:48%
}
footer.mobile-footer div article {
 width:100%;
 margin-right:-1.20vw
}
footer div {
 height:13.2vw;
 -ms-flex-preferred-size:50%;
 flex-basis:50%
}
footer div article {
 width:50%;
 float:left
}
footer div article p {
 font-family: 'Poppins', sans-serif;
 font-size:1.25vw;
 letter-spacing:-0.0234vw;
 line-height:1.6vw;
 font-weight:normal;
 margin-bottom:1.55vw
}
footer div coaL {
 position:relative;
 background:#000;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 display:none
}
@media screen and (max-width:414px) {
 footer div article p {
  font-size:2.8vw;
  letter-spacing:-0.024vw;
  line-height:3.8vw
 }
}
footer div article span {
 font-family: 'Poppins', sans-serif;
 font-size:0.70vw;
 letter-spacing:0;
 line-height:1.0vw;
 font-weight:normal;
 display:block;
 text-transform:uppercase;
 margin-bottom:1.5vw
}
@media screen and (max-width:414px) {
 footer div article span {
  font-family: 'Poppins', sans-serif;
  font-size:2.21vw;
  line-height:2.8vw
 }
}
@media screen and (max-width:414px) {
 footer div article span {
  margin-top:2.8vw;
  margin-bottom:1.6vw
 }
}
@media screen and (min-width:415px) {
 footer div:nth-child(even) {
  padding-left:1.5vw
 }
}