

#hero h1 {color: #c265f6;}

.container-fluid.narrow {padding-left: clamp(5px,8vw,160px)}
.container-fluid.narrow {padding-right: clamp(5px,8vw,160px)}

p, li {font-size: clamp(7px,1vw,20px);}
.small {font-size: clamp(7px,0.9vw,18px) !important;}
p.medium {font-size: clamp(7px,1.2vw,24px);}
p.large {font-size: clamp(-40px,2vw,40px)}

h1, h2, h3, h4, h5 {font-family: 'NB Architekt Std'; line-height: 1;}

.sep {font-size: clamp(7px,1vw,20px); white-space: nowrap;}

.box {font-size: clamp(7px,0.6vw,12px);}

h3 {font-size: clamp(7px,1.5vw,30px);}
h2 {font-size: clamp(7px,2.4vw,48px);;}

p {text-align: justify;}
p.large,
p.medium {text-align: left;}

.head {position: relative;}
.head .arkitect {font-size: clamp(7px,0.7vw,14px);}
.head .line {margin-left: -3%;}
.head .square {left: -5%; top: 30%;}

.arkitect {font-size: clamp(5px,0.8vw,15px);}

#hero {overflow: visible;}
#hero .inside {position: absolute; top: 24vh; width: 100%; text-align: center; }
#hero  .line {position: static; width: 100%;}
#hero h1 {color: #FFF; position: static; font-size: clamp(10px,10vw,200px); line-height: 1;}
#hero h3 {color: #FFF; font-family: 'Telegraf'; text-transform: uppercase; padding-bottom: 3%; font-size: clamp(-40px,1.5vw,30px); line-height: 1.4}
#hero p {text-transform: none; font-size: clamp(7px,0.9vw,18px); padding-right: clamp(-80px,4vw,80px)}
#hero .lower {top: clamp(7px,58vh,1280px); z-index: 100}
#hero .slashes {width: 100%;}
#hero .plus.a {left: clamp(-60px,3vw,60px); }
#hero .plus.b {top: 59vh}
#hero .square {top: clamp(-360px,8vw,360px)}

#hero .left a {display: block; color: #FFF; font-size: clamp(-22px,1.1vw,22px); margin-bottom: clamp(-10px,0.5vw,10px)}

#section-1 {background: #000; color: #FFF}
#section-1 .inside .tops,
#section-1 .inside .col-md-12 {border-left: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: clamp(-80px,4vw,80px) clamp(-60px,3vw,60px)}
#section-1 .inside h3 {font-family: 'NB Architekt Light'; font-size: clamp(-50px,2.5vw,50px)}
#section-1 .inside h2 {font-size: clamp(-120px,6vw,120px); font-family: 'NB Architekt Light'; }
#section-1 .inside p {text-align: left; font-size: clamp(7px,0.9vw,18px);}
#section-1 .inside .big-button {color: #FFF; display: block; text-align: center; padding:clamp(-100px,4vw,80px) clamp(-60px,3vw,60px); font-size: clamp(-36px,1.8vw,36px)}
#section-1 .inside img.specie {max-width: 95%}
#section-1 .inside .plus {right: clamp(-40px,-2vw,40px); top: 0; color: #a5a5b1}
#section-1 .inside .square {right: clamp(-40px,-2vw,40px); background-color: #a5a5b1}

#section-1 .video .slashes {max-width: 200%; width: 150%}
#section-1 .video p.medium {font-size:clamp(0.4px,2.0vw,40.0px)}
#section-1 .video p:not(.medium) {font-size: clamp(0.2px,1.0vw,20.0px); line-height: 1.4; color: #838383}
#section-1 .video .arkitect {color: #838383}

#section-1 .inside .tag {position: absolute; transform: rotate(-90deg); width: clamp(-400px,20vw,400px); transform-origin: top left; top: clamp(-260px,13vw,260px)}
#section-1 .inside .tag .plus {position: relative; display: inline-block; margin-left: clamp(-30px,1.5vw,30px); top: clamp(-4px,0.2vw,4px); left: auto; right: auto}
#section-1 .inside .tag .box {border: 1px solid #595964}
#section-1 .inside .lower {height: clamp(-1140px,57vw,1140px); position: relative; margin-top: clamp(-100px,5vw,100px)}
#section-1 .inside .lower img {position: absolute; }
#section-1 .inside .lower .img-1 {width: clamp(-700px,35vw,700px); left: clamp(-80px,4vw,80px); top: clamp(-40px,-2vw,40px);}
#section-1 .inside .lower .img-2 {width: clamp(-480px,24vw,480px); left: clamp(-800px,40vw,800px); top:clamp(-40px,-2vw,40px); z-index: 10}
#section-1 .inside .lower .img-3 {width: clamp(-300px,15vw,300px); right:0; top: 0;}
#section-1 .inside .lower .img-4 {width: clamp(-380px,19vw,380px); left:0; top:clamp(-700px,35vw,700px);}
#section-1 .inside .lower .img-5 {width: clamp(-380px,19vw,380px); left:clamp(-400px,21vw,420px); top: clamp(-760px,38vw,760px);}
#section-1 .inside .lower .img-6 {width: clamp(-780px,37vw,780px); right:0; top: clamp(-320px,16vw,320px);}
#section-1 .inside .lower .has-border {padding: 20px; border:1px solid #764acb}


#section-1 .inside .lower.alt  {height: 59vw}
#section-1 .inside .lower.alt .img-1 {width: clamp(-380px,19vw,380px); left: clamp(-80px,4vw,80px); top: clamp(-40px,-2vw;,40px)}
#section-1 .inside .lower.alt .img-2 {width: clamp(-680px,34vw,680px); left: clamp(-500px,25vw,500px); top:clamp(-40px,-2vw,40px);}
#section-1 .inside .lower.alt .img-3 {width: clamp(-480px,24vw,480px); right:0; top: 0; z-index: 10}
#section-1 .inside .lower.alt .img-4 {width: clamp(-600px,30vw,600px); left:0; top:clamp(-580px,29vw,580px);}
#section-1 .inside .lower.alt .img-5 {width: clamp(-480px,24vw,480px); left:clamp(-560px,28vw,560px); top: clamp(-700px,35vw,700px);}
#section-1 .inside .lower.alt .img-6 {width: clamp(-520px,26vw,520px); right:0; top: clamp(-580px,29vw,580px); z-index: 10}


#section-1 .green .big-button {border-color: #71c528;}
#section-1 .green .big-button:hover {background: #71c528; color: #252539}
#section-1 .green .arkitect {color: #71c528}

#section-1 .orange .big-button {border-color: #e76922;}
#section-1 .orange .big-button:hover {background: #e76922; color: #252539}
#section-1 .orange .arkitect {color: #e76922}

#section-1 .purple {color: #FFF; border-bottom: none !important}
#section-1 .purple .big-button {border-color: #8050dc;}
#section-1 .purple .big-button:hover {background: #8050dc; color: #252539}
#section-1 .purple .arkitect {color: #8050dc}

#section-1 .bottom {border-bottom: 0 !important; position: relative; margin-bottom: clamp(-200px,-10vw,200px); z-index: 10}
#section-1 .bottom .icon {position: absolute; right: 0; width: clamp(-300px,17vw,440px); top: clamp(-300px,-14vw,340px); right: 0; max-width: none}
#section-1 .bottom h2 {padding-left: clamp(-80px,4vw,80px); position: relative;}
#section-1 .bottom h2 .square {left: 0; top: clamp(-20px,1vw,20px); background: #FFF}
#section-1 .bottom h2 .plus {color: #FFF !important; left: 0; bottom: clamp(-20px,1vw,20px); top: auto}
#section-1 .bottom .mask {position: absolute; width: clamp(-800px,40vw,800px); background: #000; height: clamp(-240px,12vw,240px); right: clamp(-200px,-10vw,200px); top: clamp(-200px,10vw,200px); z-index: 0}
/*#section-1 .bottom .line {border-color: #5b5b64;}*/
/*#section-1 .bottom .box {border-color: #5b5b64; color: #5b5b64; padding: clamp(-2px,0.1vw,2px) clamp(-20px,1vw,20px)}*/

#section-1 .has-line {border-top: 1px solid #5b5b64}

#section-1 .links a {display: block; color: #FFF; text-align: right; font-size: clamp(-24px,1.2vw,24px); margin-bottom: clamp(-6px,0.3vw,6px)}
#section-1 .links a span {display: inline-block; width: clamp(-200px,10vw,200px)}



#section-2 {background: linear-gradient(180deg, #997cd0 0%, rgba(255,255,255,1) 11%); padding-top: clamp(-300px,15vw,300px)}
#section-2 .square.first {position: absolute; right: clamp(-100px,5vw,100px); background-color: #000}
#section-2 .img-1 {max-width: none; float: right; margin-top: clamp(-140px,-7vw,140px); width: 130%; margin-right: 5%}
#section-2 .img-2 {padding: clamp(-20px,1vw,20px); border: 1px solid #7f50da; width: 100%; float: right; margin-top: clamp(-300px,-15vw,300px); margin-right: 3.7%}
#section-2 .slashes {width: 18%}
#section-2 h1 {font-family: "Telegraf"; font-size: clamp(-240px,12vw,240px); line-height: 0.8}
#section-2 h1 small {font-size: clamp(-110px,5.5vw,110px);}
#section-2 h2 {font-size:clamp(-116px,5.8vw,116px); line-height: 1.2; position: relative;}

#section-2 .img-3 {position: absolute; width: 85%}
#section-2 .tag {position: absolute; left: clamp(-120px,-6vw,120px); width: 3%; top: clamp(-260px,17vw,350px);}
#section-2 .dna {position: absolute; max-width: none; left: -20%; top: clamp(-400px,20vw,400px); width: 125%}
#section-2 .img-4 {position: relative;}
#section-2 .img-6 {float: right; width: 70%; margin-top:clamp(-280px, -10vw,200px); z-index: 5; position: relative;}
#section-2 .slashes-a {max-width: 12%}
#section-2 .img-7 {margin-left: 8%; max-width: none; width: 90%}
#section-2 .team-11 {margin-top: clamp(-180px,-9vw,180px)}

#section-2 .slashes-b {max-width: 37%}
#section-2 .big-button.purple {background: #7f50da; color: #FFF}
#section-2 .big-button.purple:hover {background: #000}

#section-2 .under {margin-top: clamp(-280px,-14vw,380px)}

#section-2 .slashes-c {margin-left: 3.5%; max-width: 15%}
#section-2 .footer {margin-bottom: clamp(-320px,-16vw,320px)}
#section-2 .footer img {max-width: none; width: 110%;}
#section-2 .footer .line {border-color: #3a3a3a}

#section-2 .square.a {right: clamp(-40px,-2vw,40px); bottom: 0;}
#section-2 .plus.a {position: absolute; right: clamp(-40px,-2vw,40px); top: clamp(-10px,-0.5vw,10px)}
#section-2 .plus.b {position: absolute; right: 0; top: clamp(-40px,-2vw,40px);}
#section-2 .plus.c {position: absolute; left: 0; bottom: clamp(-90px,-4.5vw,90px);}
#section-2 h2 .square {left: 0; top: clamp(-40px,-2vw,40px); background: #000}





#section-quote {padding-top: clamp(-100px,7vw,140px); position: relative;}
#section-quote .quote-mark {position: absolute; top: 0; left: clamp(-60px,-3vw,60px); z-index: 100; width: clamp(-400px,20vw,400px)}
.quote-1 {position: relative; padding-bottom: 5%;}
.quote-1 .container-fluid {position: relative; z-index: 10;}
.quote-1 .head .square {left: -3%; top: clamp(-8px,0.4vw,8px)}
.quote-1 .head .plus {right: -2%; top: clamp(-12px,-0.6vw,12px)}
.quote-1 .bg {position: absolute; background: 0; bottom: 0; left: 0; width: 120%;} 
.quote-1 .inside {max-width: 95%; position: relative; background: #FFF; padding: 0 14% 5% 0;}
.quote-1 .inside .mask {position: absolute; left: -50%; width: 100%; height: 100%; top: 0; background: #FFF;}
.quote-1 .inside .adjuster {position: relative; z-index: 5;}
.quote-1 .author {font-size: clamp(10px,1.8vw,36px); font-family: 'NB Architekt Std'; color: #FFF; margin: 6% 0 0; position: relative;}
.quote-1 .plus.a {bottom: -12%; right: -1%;}
.quote-1 .plus.f {position: relative; display: inline-block; margin: 0 2.3vw;}
.quote-1 .plus.e {right: 0; position: absolute; bottom: clamp(-24px,1.2vw,24px); right: clamp(-70px,3.5vw,70px)}
.quote-1 .auth-title {color: #FFF; max-width: 100%;}
.quote-1 .auth-title a {color: #FFF; border-bottom: 1px solid rgba(255,255,255,0.5)}
.quote-1 .dot {position: absolute; right: clamp(-10px,-0.5vw,10px); bottom: clamp(-10px,-0.5vw,10px)}
.quote-1 p.medium {font-size: clamp(-40px,2vw,40px); margin-bottom: clamp(-40px,2vw,40px)}
.quote-1 .slashes {width: clamp(-200px,10vw,200px);}
.quote-1 p {font-size: clamp(-22px,1.7vw,52px); line-height: 1.2}
.quote-1 .lower .big-button {padding: clamp(-20px,1vw,20px) clamp(-40px,2vw,40px); width: clamp(-500px,25vw,500px); margin-bottom: clamp(-20px,1vw,20px)}
.quote-1 .lower .big-button .plus {top: clamp(-14px,0.7vw,14px);}
.quote-1 .lower .square {left: clamp(-20px,-1vw,20px); top: clamp(-8px,0.4vw,8px)}
.quote-1 .galante {max-width: 93%}



#footer {padding-top: clamp(-380px,19vw,380px)}





#add-mod-1 {background: #6a5f41; color: #FFF; position: relative; overflow: visible; z-index: 10; padding-bottom: clamp(-80px,4vw,80px)}
#add-mod-1 p.large {font-weight: 900; font-size: clamp(-40px,2vw,40px); font-family: Telegraf bold}
#add-mod-1 p.med {font-size: clamp(-24px,1.2vw,24px)}
#add-mod-1 .quote {position: relative;}
#add-mod-1 .quote div {font-family:'NB Architekt Light'; background: #000; margin-bottom: 0.3vw; padding: 0.2vw 0.6vw; display: inline-block; font-size: 1.2vw; white-space: nowrap;}
#add-mod-1 .quote .quotemark {position: absolute; left: 0; top: clamp(-120px,-6vw,120px); width: 12%}
#add-mod-1 .quote .quotemark.quote-1 {transform: rotate(180deg);}
#add-mod-1 .quote .quotemark.quote-2 {bottom: 0; top: auto; left: auto; right: 0;}
#add-mod-1 .img-1 {max-width: 300%; width: 130%}
#add-mod-1 .slashes {max-width: 300%; width: 170%; margin-left: 10%}
#add-mod-1 .mask {position: absolute; width: 56%; height: clamp(-200px,10vw,200px); left: 0; top: 100%; background: #6a5f41; display: none}
#add-mod-1 .square.a {position: absolute; left:5%; top: clamp(-60px,3vw,60px)}
#add-mod-1 .square.b {position: absolute; left:5%; bottom: clamp(-60px,-3vw,60px); z-index: 10; display: none}
#add-mod-1 .plus {position: absolute; right:5%; top: clamp(-60px,3vw,60px)}

#add-mod-2 {position: relative;}
#add-mod-2 .affiliates img {max-width: clamp(-146px,7.3vw,146px); margin: 0 auto clamp(-40px,2vw,40px); display: block;}
#add-mod-2 .dna {position: absolute; top: 0vw; width: 100%; left: 0;}
#add-mod-2 .slashes {width: 20%}
#add-mod-2 h3 {font-family: Telegraf Bold; font-weight: 700; font-size: clamp(-52px,2.6vw,52px)}
#add-mod-2 h2 {color:#ffa65f; font-size: clamp(-80px,4vw,80px); font-family: 'NB Architekt Light';}

#add-mod-2 .lower {color: #FFF; position: relative;}
#add-mod-2 .square.a {top: clamp(-40px,-2vw,40px)}
#add-mod-2 .plus.a {top: clamp(-40px,-2vw,40px); right: 0;}
#add-mod-2 .mask {position: absolute; background: #9940dd; width: 100%; bottom: 0; height: clamp(-1340px,67vw,1340px);}
#add-mod-2 .mask-2 {width: 40%; right: 0; bottom: clamp(-60px,-3vw,60px); height: clamp(-200px,10vw,200px); z-index: 5;}
#add-mod-2 h5 {color: #71C528; font-size: clamp(-60px,3vw,60px); font-family: 'NB Architekt Light';}
#add-mod-2 .slashes-3 {position: absolute; bottom: clamp(-1000px,50vw,1000px); right: 4%; width: clamp(-14px,0.7vw,14px)}

#add-mod-2 input[type="email"] {background: transparent; border: none; border-bottom: 1px solid #FFF; display: block; height: clamp(10px,3vw,60px); outline: none !important; color: #FFF; font-size: clamp(10px,1.5vw,30px);}
#add-mod-2 ::placeholder {color: #FFF; opacity: 0.5; font-size: clamp(10px,2vw,40px); font-family: Telegraf;}
#add-mod-2 #field_3_1 {display: inline-block; width: 80%;}
#add-mod-2 input[type="submit"] {position: absolute; right: 0; top: 0; color: #FFF; font-size: clamp(10px,1vw,20px);  border:2px solid #71c529; padding: clamp(-18px,0.9vw,18px) clamp(-120px,6vw,120px)}
#add-mod-2 input[type="submit"]:hover {background: #71c529; color: #9940dd}
#add-mod-2 .gform_wrapper {position: relative;}
#add-mod-2 .gform_footer {margin: 0; padding: 0;}







#quote-slider {position: relative; padding: clamp(-80px,4vw,80px) 0; background: #f1f1f1; overflow-x: hidden;}
#quote-slider h2 {font-family: Telegraf; text-transform: uppercase; font-size: clamp(-60px,3vw,60px); position: relative;}
#quote-slider h2 .square {left: clamp(-60px,-3vw,60px); top: 20%}
#quote-slider .mask {position: absolute; width: 33%; background: #000; height: clamp(-60px,3vw,60px); top: 0; right: 0;}
#quote-slider .left {max-width: 95%}
#quote-slider .left .plus {right: 3%}
#quote-slider .left h3 {font-family: 'NB Architekt Std';}
#quote-slider img {height: clamp(-620px,31vw,620px); object-fit: cover}
#quote-slider .tag {position: absolute; text-transform: uppercase; transform: rotate(-90deg); transform-origin: top left; left: clamp(-30px,-1.5vw,30px); top: 71%; font-size:clamp(-16px, 0.8vw,16px); color: #838383}
#quote-slider .slider {}
#quote-slider .slider .slide .inside {padding: 0 clamp(-20px,1vw,20px)}


#quote-slider .slick-dots {position: absolute; width: 25%; right: 0; bottom: 2.1vw}
#quote-slider .slick-dots li {margin-right: 0.8vw }
#quote-slider .slick-dots li.slick-active button{background:#d0d0d0 }
#quote-slider .slick-dots li button {background:transparent; width: 1.2vw; height: 1.2vw; border-radius: 100vw; display: inline-block; color: transparent; position: relative; border: 2px solid #d0d0d0}
#quote-slider .slick-dots li button:before {content:"-"; width: 0.4vw; border-bottom: 2px solid #BBB; left: 1.4vw; opacity: 1; top:-0.6vw}
#quote-slider .slick-dots li:last-child button:before {display: none}


#quote-slider.v2 {background: transparent;}
#quote-slider.v2 .left {padding: 3vw 3vw 2vw 0; background: #FFF; position: relative; margin-top: 4vw; width: 100%; max-width: none}
#quote-slider.v2 img {width: 110%; max-width: none; float: right; margin-right: 10%}
#quote-slider.v2 .left .plus {right: auto; left:0%}
#quote-slider.v2 .left .dot {right: -0.75vw; top: -0.75vw; width: 1.5vw; height: 1.5vw;}
#quote-slider.v2 .tag {right: 2vw; left: auto; transform-origin: top right; top: auto;}




#section-2.sec {background: #FFF; padding-top: 0}



@media only screen and (max-width:767px) {

	.box {font-size: 2vw;}

	p.medium {font-size: 3vw;}

	.section-header .arkitect {font-size: 1vw;}

	.arkitect {font-size: 2vw;}

	p {margin-bottom: 1.5rem; font-size: 3vw; text-align: left;}
	p.medium {font-size: 4vw}
	p.large {font-size: 7vw;}

	h4 {font-size: 4vw;}

	ul {padding-left: 3vw; margin-bottom: 10vw;}
	ul li {font-size: 3vw;}

	#hero {}
	#hero .dna .dna-3 {animation-name: none}
	#hero .intro {top: 55vh;}
	#hero .bg {object-position: right top;}
	#hero h1 {line-height: 1; font-size: 12.5vw;}
	/*#hero .line {margin-top: 10vw;}*/
	#hero .slashes {display: none;}
	#hero h3 {font-size: clamp(-22px,4vw,22px); max-width: 70vw;}
	#hero h3 br {display: none;}
	#hero p {max-width: 100%; font-size: clamp(-18px,3vw,16px); padding-right: 0}
	#hero .inside {top: 20vh}
	
	#hero .text.a {top: 45%; font-size: 3vw;}
	#hero .text.b {font-size: 3vw;}

	#hero .line {top: 45%; width: 100%; left: 8vw;}
	#hero .lower { left: 0; top: 30vh; }
	#hero .arkitect {font-size: 2.3vw; text-align: left !important;}
	#hero .square {top: 30vw}
	#hero .plus.a {display: none; }
	#hero .img-1 {max-width: 70%; float: right; margin-right: 10%}

	#hero .left {padding-top: 5vw}
	#hero .left a {font-size: clamp(-16px,3.7vw,16px); padding-top: clamp(-10px,2vw,10px)}


	#section-1 {padding-top: 10vw;  padding-bottom: 20vw}


	#section-1 .inside h3 {font-size: 3.5vw;}
	#section-1 .lgo {width: 50%; display: block; margin: 4vw 0}

	#section-1 .inside img.specie {width: 104%; margin-bottom: 10vw; max-width: none}
	#section-1 .inside h2 {font-size: 10vw; white-space: nowrap;}
	#section-1 .inside .plus {display: none}
	#section-1 .arkitect {font-size: 3.3vw}
	#section-1 .inside .big-button {font-size: 5vw}
	#section-1 .inside .col-md-12 {padding-bottom: 10vw; padding-top: 10vw; padding-left: 5vw}
	#section-1 .inside p {font-size: 3.5vw}
	#section-1 .inside .lower {text-align: left; height: auto !important}
	#section-1 .inside .lower .tag {display: none}
	#section-1 .inside .lower img {position: static; width: 47% !important; margin: 0 2.3% 2vw 0}
	#section-1 .inside .square {display: none}

	#section-1 .bottom .icon {top: -20vw; width: 20vw; right: -5vw}
	#section-1 .inside h2 {padding-left: 0;}
	#section-1 .links {padding-top: 10vw}
	#section-1 .links a {font-size: 4vw}
	#section-1 .links a span {width: 33vw}

	#section-1 .video .slashes {width: 100%; margin-top: 5vw}
	#section-1 .video p.medium {font-size: 6vw}
	#section-1 .video p:not(.medium) {font-size: 3vw}

	#section-2 .img-1 {width: 80%; float: none; margin-left: -20%; margin-top: -30vw}
	#section-2 .img-2 {position: relative; width: 50%; margin-top: -30vw}
	#section-2 h1 {font-size: 15vw}
	#section-2 .img-3 {position: relative; max-width: none; width: 180%; margin-left: -70%}
	#section-2 .img-7 {display: none}
	#section-2 .slashes-a {display: none}
	.square.dark {display: none}
	#section-2 .under {margin-top: -30vw}
	#section-2 .img-4 {max-width: 80%; float: right;}
	#section-2 .under .text-right {text-align: left !important;}
	#section-2 .under .plus {display: none}
	#section-2 .lower {margin-top: 10vw}


	#section-2 .quote-1 .lower {margin-top: 0;}
	#section-2 .quote-1 .box {margin-bottom: 3vw}
	.quote-1 .galante {max-width: 100%}



		.quote-1 .bg {height: 70%; object-fit: cover;}
	.quote-1 .author {font-size: 6vw;}
	.quote-1 {padding-bottom: 15vw;}
	.quote-1 .auth-title {font-size: 4vw}
	.quote-1 p.medium {font-size: 6vw}
	.quote-1 .inside {width: 100%}
	.quote-1 p {font-size: 4vw}
	.quote-1 .lower .big-button {display: block; width: 100%; padding: 3vw; margin-bottom: 2vw}


	#section-2 .img-4 {max-width: 100%}
	#section-2 .img-6 {margin-bottom: 5vw}
	#section-2 .team-11 {display: none}
	#section-2 h2 .square,
	#section-2 h2 .plus {display: none;}




	#quote-slider {padding: 12vw 0}
	#quote-slider .mask {display: none}
	#quote-slider h2 {font-size: 10vw}
	#quote-slider img {height: auto; width: 60%}
	#quote-slider .arkitect {display: none}
	#quote-slider p.medium {font-size: 4.5vw}
	#quote-slider .text-right {font-size: 4vw}

	#quote-slider .slick-dots {position: relative; width: 100%; bottom: -5vw}
	#quote-slider .slick-dots li {margin-right: 3vw}
	#quote-slider .slick-dots li button {width: 5vw; height:5vw}
	#quote-slider .slick-dots li button:before {display: none}
	#quote-slider .text-right {text-align: left !important; margin-top: 5vw}
	#quote-slider .box {display: none}
	#quote-slider .tag {font-size: 3vw; white-space: nowrap; left: 0; display: none}
	#quote-slider h2 .square {display: none}
	#quote-slider .left {max-width: 100%;}
	#quote-slider .left h3 {font-size: 5vw}


	#quote-slider.v2 img {width: 60%; float: none}
	#quote-slider.v2 .left {padding: 0}
	#quote-slider.v2 .dot {display: none}


	#add-mod-1 {padding: 7vw 0;}
	#add-mod-1 p.large {font-size: 8vw}
	#add-mod-1 p.med {font-size: 3vw}
	#add-mod-1 .plus {right: 8vw; top: 8vw}
	#add-mod-1 .square.a {display: none}
	#add-mod-1 .quote {padding: 3vw 0 0}
	#add-mod-1 .quote div {font-size: 3.1vw;}
	#add-mod-1 .quote .quotemark {top: -7vw; padding: 0; width: 10%}
	#add-mod-1 .quote .quotemark {top: -7vw; padding: 0; width: 10%}
	#add-mod-1 .img-1 {width: 100%;}

	#add-mod-2 h3 {font-size: 7vw}
	#add-mod-2 h2 {font-size: 9vw}
	#add-mod-2 .dna {display: none}

	#add-mod-2 .affiliates img {max-width: 100%; margin-bottom: 5vw}
	#add-mod-2 .grid {display: none}
	#add-mod-2 h5 {font-size: 8vw; padding-top: 10vw}
	#add-mod-2 .mask {height: 130vw}
	#add-mod-2 .mask-2 {display: none}

	#add-mod-2 ::placeholder {font-size: 4vw;}
	#add-mod-2 input[type="email"] {width: 87%}
	#add-mod-2 {padding-bottom: 5vw;}
/*	#add-mod-2 input[type="submit"] {font-size: 3vw; top: -15%;}*/

}




















