/* 
	Table of Contents

    01. Settings ----------------------------------
    02. Sprite ------------------------------------
    03. Generic -----------------------------------
    04. Base --------------------------------------
    05. Fonts -------------------------------------
    06. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    07. Textblind ---------------------------------
    08. Animate -----------------------------------
    09. Reset -------------------------------------
    10. Regions -----------------------------------
    11. Container ---------------------------------
    12. Content -----------------------------------
    13. Footer ------------------------------------
    14. Header ------------------------------------
         Header Active ----------------------------
    15. Main --------------------------------------
    16. Shell -------------------------------------
    17. Sidebar -----------------------------------
    18. Wrapper -----------------------------------
    19. Modules -----------------------------------
    20. Article -----------------------------------
    21. Button ------------------------------------
         Button Size1 -----------------------------
         Button Size1 -----------------------------
    22. Button Burger -----------------------------
         Mobile -----------------------------------
    23. Form Elements -----------------------------
    24. Form --------------------------------------
    25. Lines -------------------------------------
    26. Link --------------------------------------
    27. List --------------------------------------
    28. List Services -----------------------------
    29. Logo --------------------------------------
    30. Nav ---------------------------------------
    31. Section -----------------------------------
    32. Section Primary ---------------------------
         Section Animated -------------------------
         Section Inner Banner ---------------------
    33. Section Dark ------------------------------
         Section Dark Size1 -----------------------
         Section Dark Size1 -----------------------
         Section Dark Size1 -----------------------
    34. Section Secondary -------------------------
         Animated ---------------------------------
    35. Section About -----------------------------
    36. Services ----------------------------------
    37. Slider ------------------------------------
    38. Table -------------------------------------
    39. Widget ------------------------------------
    40. Widget Circle -----------------------------
    41. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { 
    min-width: 320px; 
    background: #fff; 
    font-family: NeuePlakText-Light, Helvetica, sans-serif; 
    font-size: 48px; 
    line-height: 1.5; 
    color: #4e4848; 
}

a { color: inherit; text-decoration: underline; }

a:hover,
a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.6em; }

h1 { font-size: 180px; line-height: 1.11; }

h2 { font-size: 150px; line-height: 1; }

h3 { font-size: 60px; line-height: 1.5; }

h4 { font-size: 32px; line-height: 1.5; }

h5 { font-size: 30px; line-height: 1.5; }

@media (max-width: 1650px) {
	body { font-size: 24px; }

	h1 { font-size: 90px; }
	h2 { font-size: 75px; }
	h3 { font-size: 30px; }
	h4 { font-size: 24px; }
	h5 { font-size: 15px; }
}

@media (max-width: 767px) {
	h2 { font-size: 70px; }	
    h4 {
        font-size: 18px; 
    }
}

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.2em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */


@font-face {
  src: url('../fonts/webFonts/NeuePlak-WideThin/font.eot');
  font-family: 'NeuePlak-WideThin';
  src: url('../fonts/webFonts/NeuePlak-WideThin/font.woff2') format('woff2'), 
      url('../fonts/webFonts/NeuePlak-WideThin/font.woff') format('woff'), 
      url('../fonts/webFonts/NeuePlak-WideThin/font.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/webFonts/NeuePlak-WideThin/font.ttf') format('truetype');
}
@font-face {
  src: url('../fonts/webFonts/NeuePlakText-Light/font.eot');
  font-family: 'NeuePlakText-Light';
  src: url('../fonts/webFonts/NeuePlakText-Light/font.woff2') format('woff2'), 
      url('../fonts/webFonts/NeuePlakText-Light/font.woff') format('woff'), 
      url('../fonts/webFonts/NeuePlakText-Light/font.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/webFonts/NeuePlakText-Light/font.ttf') format('truetype');
}
@font-face {
  src: url('../fonts/webFonts/NeuePlak-CondThin/font.eot');
  font-family: 'NeuePlak-CondThin';
  src: url('../fonts/webFonts/NeuePlak-CondThin/font.woff2') format('woff2'), 
      url('../fonts/webFonts/NeuePlak-CondThin/font.woff') format('woff'), 
      url('../fonts/webFonts/NeuePlak-CondThin/font.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/webFonts/NeuePlak-CondThin/font.ttf') format('truetype');
}
@font-face {
  src: url('../fonts/webFonts/NeuePlakText-Bold/font.eot');
  font-family: 'NeuePlakText-Bold';
  src: url('../fonts/webFonts/NeuePlakText-Bold/font.woff2') format('woff2'), 
      url('../fonts/webFonts/NeuePlakText-Bold/font.woff') format('woff'), 
      url('../fonts/webFonts/NeuePlakText-Bold/font.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/webFonts/NeuePlakText-Bold/font.ttf') format('truetype');
}

@font-face {
  src: url('../fonts/webFonts/NeuePlak-WideLight/font.eot');
  font-family: 'NeuePlak-WideLight';
  src: url('../fonts/webFonts/NeuePlak-WideLight/font.woff2') format('woff2'), 
      url('../fonts/webFonts/NeuePlak-WideLight/font.woff') format('woff'), 
      url('../fonts/webFonts/NeuePlak-WideLight/font.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/webFonts/NeuePlak-WideLight/font.ttf') format('truetype');
}

@font-face {
  src: url('../fonts/webFonts/NeuePlak-CondLight/font.eot');
  font-family: 'NeuePlak-CondLight';
  src: url('../fonts/webFonts/NeuePlak-CondLight/font.woff2') format('woff2'), 
      url('../fonts/webFonts/NeuePlak-CondLight/font.woff') format('woff'), 
      url('../fonts/webFonts/NeuePlak-CondLight/font.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/webFonts/NeuePlak-CondLight/font.ttf') format('truetype');
}



/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; display: block; clear: both; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* order */
@media (max-width: 767px) {
	.order-1 { order: 1; }
	.order-2 { order: 2; }
	.order-3 { order: 3; }
	.order-4 { order: 4; }
	.order-5 { order: 5; }
}

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.logo-grid {
    width:100%;
    padding:25px;
}
.logo-grid .item {
    width:16.66%;
    display: inline-block;
    float:left;
    margin:30px 0px;
}
.logo-grid .item  img{
    max-width:100%;
    height:auto;
}

@media (max-width: 1023px) {
    .logo-grid .item {
        width:33.33%;
    }
}

@media (max-width: 767px) {
    .logo-grid {
        padding:25px 5px;
    }
    .logo-grid .item {
        width:48%;
        margin:15px 0px;
        text-align: center;
    }
}
@media (max-width: 480px) {
     .logo-grid .item img {
        max-width:80%;
    }
    
}
@media (max-width: 360px) {
    .logo-grid .item {
        width:200px;
        margin:25px auto;
        display:block;
        float:none;
    }
}

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }

}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
	Textblind
\* ------------------------------------------------------------ */

.textblind { position: relative; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.textblind small { font-size: 100%; }

.textblind .blind { display: inline-block; overflow: hidden; }

.our-story .section-secondary .article .article__body .textblind .blind { display: block; overflow: hidden; }

.textblind .blind small { display: block; opacity: 0; font-size: inherit; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, -webkit-transform .4s; -o-transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s, -webkit-transform .4s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.textblind.start-animation .blind small { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media (max-width: 767px) {
    .textblind small { font-size: 105%; line-height: 105%;}
}


@media (max-width: 380px) {

    .textblind small { font-size: 95%; line-height: 120%;}
}


@-webkit-keyframes dropin {
	0% {
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
		opacity: 1; 
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1; 
	} 
}

@keyframes dropin {
	0% {
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
		opacity: 1; 
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1; 
	} 
}

@-webkit-keyframes dropout {
	0% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 0; 
	}
	100% {
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
		opacity: 0; 
	} 
}

@keyframes dropout {
	0% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 0; 
	}
	100% {
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
		opacity: 0; 
	} 
}

/* ------------------------------------------------------------ *\
	Animate
\* ------------------------------------------------------------ */

.animate { -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); opacity: 0; -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, -webkit-transform .4s; -o-transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s, -webkit-transform .4s; }

.animate-alt { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.animate.animated { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

/*.services .services__head h5 { font-weight: 400; animation: aniSkew 8s infinite linear; transform-origin: center }*/

@-webkit-keyframes aniSkew {
	from,
	 /* 11.1%,
	  to {
	    transform: translate3d(0, 0, 0);
	  }*/

	  0% {
	    -webkit-transform: skewX(0deg) skewY(0deg);
	            transform: skewX(0deg) skewY(0deg);
	  }

	  22.2% {
	    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
	            transform: skewX(-3.125deg) skewY(-3.125deg);
	  }

	  33.3% {
	    -webkit-transform: skewX(3.25deg) skewY(3.25deg);
	            transform: skewX(3.25deg) skewY(3.25deg);
	  }

	  44.4% {
	    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
	            transform: skewX(-3.125deg) skewY(-3.125deg);
	  }

	  55.5% {
	    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
	            transform: skewX(1.5625deg) skewY(1.5625deg);
	  }

	  66.6% {
	    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
	            transform: skewX(-0.78125deg) skewY(-0.78125deg);
	  }

	  77.7% {
	    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
	            transform: skewX(0.390625deg) skewY(0.390625deg);
	  }

	  88.8% {
	    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	  }

	  88.8% {
	    -webkit-transform: skewX(0.1953125deg) skewY(0.1953125deg);
	            transform: skewX(0.1953125deg) skewY(0.1953125deg);
	  }

	  100% {
	    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	  }
}

/*@-o-keyframes aniSkew {
	0% { transform: skew(35deg, 1deg); }
	
	25% { transform: skew(-35deg, 20deg); } 
	
	50% { transform: skew(35deg, 1deg); }
	
	75% { transform: skew(-35deg, 20deg); }
	
	100% { transform: skew(35deg, 1deg); }
}
@-moz-keyframes aniSkew {
	0% { transform: skew(35deg, 1deg); }
	
	25% { transform: skew(-35deg, 20deg); } 
	
	50% { transform: skew(35deg, 1deg); }
	
	75% { transform: skew(-35deg, 20deg); }
	
	100% { transform: skew(35deg, 1deg); }
}
@keyframes aniSkew {
	0% { transform: skew(35deg, 1deg); }
	
	25% { transform: skew(-35deg, 20deg); } 
	
	50% { transform: skew(35deg, 1deg); }
	
	75% { transform: skew(-35deg, 20deg); }
	
	100% { transform: skew(35deg, 1deg); }
}
*/

.animateme {
	/*transition: transform .4s;*/
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { font-family: 'NeuePlakText-Light', sans-serif; font-weight: 200; color: #7a7676; font-size: 24px; padding: 71px 0; float: left; width: 100%; }

.footer a { text-decoration: none; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; }

.footer a:hover { color: #000; }

.footer p { margin: 0; }

.footer .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media (max-width: 1650px) {
	.footer { font-size: 18px; padding: 40px 0; }
}

@media (max-width: 767px) {
	.footer .shell { display: block; }	
	.footer p + p { margin: 10px 0 0; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    z-index: 100; 
    /*
    background: #fff; 
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); 
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); 
    */
    padding: 59px 0 50px; 
    padding: 25px 0;
}
.header.active {
    background:#000;
    color:#fff;
}

.header .logo { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    -webkit-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}


.header { padding: 15px 0 10px 0; }	
.header .logo { position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }	
.header .btn-burger { position: absolute; top: 50%; right:50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }	
.header .nav { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    width: 100%; 
    background: transparent; 
    padding: 30px 0; 
    /*
    -webkit-box-shadow: 0 16px 14px rgba(0, 0, 0, .2); box-shadow: 0 16px 14px rgba(0, 0, 0, .2); 
    */
    -webkit-transform: rotateX(90deg); 
    transform: rotateX(90deg); 
    -webkit-transform-origin: top; 
    -ms-transform-origin: top; 
    transform-origin: top; 
    -webkit-transition: -webkit-transform .4s; 
    -o-transition: transform .4s;  
    transition: transform .4s;
}	

.header.sticky { 
    background-color: #fff;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    position: fixed;
    top: 0;
    width: 100%;
    /*
    -webkit-box-shadow: 0 16px 14px rgba(0, 0, 0, .2); 
    box-shadow: 0 16px 14px rgba(0, 0, 0, .2); 
    */
}
.header.sticky + .section-primary {
  padding-top: 60px;
}

/*  Header Active  */
.header.active .nav,
.header.sticky.active { 
    -webkit-transform: rotateX(0); transform: rotateX(0); 
    background:#000;
}
.header.active .btn-burger span {background:#fff;}


/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; }



.our-story .shell { max-width: 1160px; padding-left: 10px; padding-right: 10px; margin: auto; }

.our-story .section-secondary .shell {max-width: 100%;padding: 0;}

.shell--size1 { max-width: 1620px; }

.our-story .shell--size1 { max-width: 1780px; }

.shell--fluid { max-width: none; }

@media (min-width: 1651px) {
	.our-story .shell { max-width: 1350px; }
	.our-story .section-inner-banner .shell { max-width: 100%; }
}

@media (max-width: 1650px) {
	.shell { padding: 0 15px; max-width: 1170px; }
	.our-story .shell { padding: 0 15px; max-width: 1170px; }
	.our-story .section-secondary .shell {max-width: 100%;padding: 0;}
	.our-story .section-inner-banner .shell { max-width: 100%; padding: 0; }
}

@media (max-width: 1200px) {
	.shell { max-width: 960px; }
	.our-story .shell { max-width: 960px; }
	.our-story .section-inner-banner .shell { max-width: 100%; padding: 0; }
}

@media (max-width: 1023px) {
	.shell { max-width: 750px; }
	.our-story .shell { max-width: 750px;}
	.our-story .section-inner-banner .shell { max-width: 100%; padding: 0; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; overflow: hidden; padding-top: 125px; }

@media (max-width: 1650px) {
	.wrapper { padding-top: 96px; }
}

@media (max-width: 1023px) {
	.wrapper { padding-top: 96px; }
}

@media (max-width: 767px) {
	.wrapper { padding-top: 89px; }
}

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { position: relative; z-index: 11;}


.article .article__image { position: absolute; top: 0; left: 0; }

.our-story .section-secondary .article .article__image { position: absolute; top: 0; left: inherit; right: 0; }

.our-story .section-secondary .article2 .article__image { position: absolute; top: 0; left: 0; }

.article .article__image-inner { width: 40vw;  min-height: 784px; background-size: cover; }

.article .article__body { max-width: 600px; margin-left: auto; }

.article .article__body h4 { font-family: 'NeuePlak-WideThin', sans-serif; text-transform: uppercase; font-weight: 300; letter-spacing: 0.2em; margin-bottom: 17px; }

.article .article__body p { margin-bottom: 35px; font-weight: 300; }

.section-about .article .article__body p { margin-bottom: 35px; font-weight: 300;  font-size: 32px; line-height: 1.5;}

.article .article__body .link { margin-left: auto; }

@media (max-width: 1999px) {
	.article .article__image-inner { width: 39.6vw; }
	.our-story .section-secondary .article .article__image-inner { width: 20vw; min-height: 630px; }
	.our-story .section-secondary .article .article__body { max-width: 60%; padding-left: 0%; padding-right: 10%; margin-left: auto; margin-right: auto; }
	.our-story .section-secondary .article2 .article__body { max-width: 100%; padding-left: 40%; padding-right: 10%;  }
    .our-story .section-secondary .article2 .article__body p {max-width:79%;}
	.our-story .section-about .article .article__body { max-width: 600px; margin-top: 80px; margin-right: 30px;}
	.article_shell {max-width: 100%; padding-left: 0;padding-right: 0;margin-right: 0%;margin-left: auto;}
}


@media (max-width: 1650px) {
	.article .article__image-inner { width: 38.2vw; min-height: 550px; }
	.our-story .section-secondary .article .article__image-inner { width: 20vw; min-height: 648px; }
	.article .article__body { max-width: 380px; }
	.our-story .section-secondary .article .article__body { max-width: 60%; padding-left: 0; padding-right: 10%; margin-left: auto; margin-right: auto; }
	.our-story .section-secondary .article2 .article__body { max-width: 100%; padding-left: 40%; padding-right: 20%;  }
	.our-story .section-about .article .article__body { max-width: 550px; margin-top: 80px; margin-right: 30px;}
    .our-story .section-secondary .article2 .article__body p {max-width:90%;}
	.our-story .section-secondary .article2 .article__image-inner {background-position: center;}
	.article_shell {max-width: 100%; padding-left: 0;padding-right: 0;margin-right: 0;margin-left: auto;}
    
    .section-about .article .article__body p { font-size: 24px;}
    
}


@media (max-width: 1440px) {
    .article .article__image-inner { width: 36.5vw; min-height: 550px; }
}

@media (max-width: 1280px) {
    .article .article__image-inner { width: 34.9vw; min-height: 550px; }
    .our-story .section-secondary .article .article__body {
        max-width: 70%;
    }
}

@media (max-width: 1280px) {
	.article .article__image-inner { width: 36.7vw; min-height: 550px; }
    .our-story .section-secondary .article .article__body { max-width: 60%; padding-left: 0; padding-right: 8%; margin-left: auto; margin-right: auto; }
	.our-story .section-secondary .article2 .article__body { max-width: 100%; padding-left: 40%; padding-right: 20%; }
	.our-story .section-about .article .article__body { max-width: calc(100% - 480px); }
	.our-story .section-secondary .article2 .article__image-inner {background-position: center;}
}


.section-secondary .article .article__body p { ;line-height: 1.5;}

@media (max-width: 1023px) {
	.article .article__image-inner { width: 37.9vw; min-height: 390px; }
	.article .article__body { max-width: 350px; }	
	.our-story .section-secondary .article .article__body { max-width: 60%; padding-left: 0; padding-right: 5%; margin-left: auto; margin-right: auto; }
	.our-story .section-secondary .article2 .article__body { max-width: 100%; padding-left: 40%; padding-right: 20%; }
	.our-story .section-about .article .article__body { max-width: 42%; margin-top: 80px; margin-right: 30px;}
	.section-secondary .article .article__body p { font-size: 24px; line-height: 48px; }
	.our-story .section-secondary .article .article__image-inner {background-position: center;}
     .section-about .article .article__body p { font-size: 18px;}
}

@media (max-width: 768px) {
    .article .article__image-inner { width: 34.4vw; min-height: 550px; }
    .our-story .section-secondary .article2 .article__body p {max-width:100%;}
}


@media (max-width: 767px) {
	.article .article__image { position: static; }
	.article .article__image-inner {width: calc(100vw - 30px); min-height: 0; padding-top: 98%; }
    .home .article .article__image-inner { display:none; }
	.article .article__body { max-width: 100%; margin: 30px 0 0;  }
	.our-story .section-secondary .article .article__image { position: static; margin-bottom: 69px;}
	.our-story .section-secondary .article .article__body { max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: auto; margin-top: 0; }
	.our-story .section-secondary .article .article__image-inner { width: calc(100vw - 0px); min-height: 0; padding-top: 98%; }
	.our-story .section-secondary .article .article__image-inner { background-position: center; background-repeat: no-repeat; background-size: contain; }
}



/* ------------------------------------------------------------
	Button
 ------------------------------------------------------------ */

.btn { 
    display: inline-block; 
    vertical-align: middle; 
    text-align: center; 
    cursor: pointer; 
    text-decoration: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    font-family: 'NeuePlak-CondLight', sans-serif; 
    font-weight: 400; 
    font-size:40px;
    letter-spacing: 4px; 
    text-transform: uppercase; 
    border: 4px solid #fff; min-width: 221px; 
    padding: 0px 10px 12px 10px; 
    background: none; 
    -webkit-transition: background .4s, color .4s; 
    -o-transition: background .4s, color .4s; 
    transition: background .4s, color .4s; 
}

@media (max-width: 1200px) {
    .btn {    
        font-size:32px;   
    }    
}
.btn:hover { background: #fff; color: #000; }

/*  Button Size1  */

.btn--size1 { min-width: 280px; }

@media (max-width: 767px) {
	.btn { 
        border-width: 2px; 
        font-size:24px;
        padding: 0px 10px 7px 10px; 
    }	
	
	/*  Button Size1  */
	.btn--size1 { min-width: 220px; }	
}

/* ------------------------------------------------------------ *\
	Button Burger
\* ------------------------------------------------------------ */

.header .shell {max-width: 100%; margin-right: 0px; padding-left:50px; padding-right:50px;}

.btn-burger { display: block; width: 30px; height: 19px; position: relative; }

.btn-burger span { width: 100%; height: 1px; background: #000; position: absolute; left: 0; border-radius: 2px; -webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; }

.btn-burger span:first-child { top: 0; }

.btn-burger span:nth-child(2) { top: 8px; }

.btn-burger span:last-child { top: 16px; }

.btn-burger.active span { -webkit-transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; }

.btn-burger.active span:first-child { top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.btn-burger.active span:nth-child(2) { opacity: 0; }

.btn-burger.active span:last-child { top: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Mobile */

@media (max-width: 767px) {
	.btn-burger { display: block; }
	.article_shell {max-width: 100%; margin-right: 0px;}
}


/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field { width: 100%; border-radius: 0; background: none; border: none; border-bottom: 4px solid #fff; font-family: 'NeuePlak-WideLight', sans-serif; font-size: 16px; letter-spacing: 0.2em; padding-bottom: 20px; }

textarea.field { height: initial; resize: none; height: 51px; padding-bottom: 17px; }

@media (max-width: 1200px) {
	.field { border-width: 2px; font-size: 14px; padding-bottom: 15px; }
	textarea.field { height: 38px; padding-bottom: 11px; }	
}

@media (max-width: 767px) {
	.field { font-size: 16px; padding-bottom: 15px; }
	textarea.field { height: 36px; padding-bottom: 11px; }		
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { position: relative; padding-left: 585px; }

.form .form__aside { position: absolute; top: 22px; left: -77px; }

.form .form__row + .form__row { margin-top: 42px; }

.form .form__row + .form__row--primary { margin-top: 61px; }

.form .form__actions { text-align: right; margin: 42px 0 0; }

.form .error { border-bottom: 4px solid red; }

@media (max-width: 1999px) {
	.form .form__aside { left: 0px; }
}

@media (max-width: 1200px) {
	.form { padding-left: 440px; }	
}

@media (max-width: 1023px) {
	.form { padding: 0; }
	.form .form__aside { position: static; margin-bottom: 40px; }
	.form .form__aside .widget-circle { margin: auto; }
	
}

/* ------------------------------------------------------------ *\
	Lines
\* ------------------------------------------------------------ */

.lines { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; max-width: 1200px; }

/* place stuff above lines */
.home .lines + div,
.home .lines + div + header,
.home .lines + div + header + div,
.home .lines + div + header + div + div,
.home .lines + div + header + div + div + img.article__image-inner {
    z-index: 11;
    position:relative;
}

.lines li { height: 100%; width: 1px; background: #a6b0bd; }

.our-work .lines li {
    background: #555b62;
}

.our-story .lines li { height: 100%; width: 20%; border-right: 1px solid #ccc; background-color: transparent; }
.our-story .lines li:last-child { border:none; }

@media (max-width: 1650px) {
	.lines { max-width: 1140px; }
}

@media (max-width: 1200px) {
	.lines { max-width: 930px; }
}

@media (max-width: 1023px) {
	.lines { max-width: 720px; }
}

@media (max-width: 767px) {
	.ourwork-block .lines,
    .lines { display: none !important;  }
    
}

/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */

.link { 
    font-family: 'NeuePlak-CondLight', sans-serif; 
    text-transform: uppercase; 
    color: #88a5a9; 
    font-size:40px;
    text-decoration: none; 
    letter-spacing: 0.2em; 
    display: block; 
    position: relative; 
    padding-bottom: 12px; 
    max-width: 405px; 
    margin-left: auto; 
    -webkit-transition: color .4s; 
    -o-transition: color .4s; 
    transition: color .4s; 
}

.our-story .section-secondary .link { margin-right: 35%; }

.link:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background: #88a5a9; -webkit-transition: width .4s, background .4s; -o-transition: width .4s, background .4s; transition: width .4s, background .4s; }

.link:hover { color: #4e4848; }

.link:hover:after { background: #4e4848; }

.link.animated:after { width: 100%; }

@media (max-width: 1650px) {
	.link { max-width: 380px; }
	.our-story .section-secondary .section__actions .link { max-width: 20%; font-size: 30px; margin-right: 40%; }
}

@media (max-width: 1200px) {
	.link { max-width: 310px; font-size:32px; }
	.our-story .section-secondary .section__actions .link { max-width: 25%; font-size: 24px; margin-right: 35%; }
}

@media (max-width: 1023px) {
	.link { max-width: 240px; }
	.our-story .section-secondary .section__actions .link { max-width: 240px; font-size: 24px; margin-right: 29%; }
}
@media (max-width: 767px) {
		.our-story .section-secondary .section__actions .link { max-width: 240px; font-size: 24px; margin-right: auto; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Services
\* ------------------------------------------------------------ */

.list-services { font-size: 120px; line-height: 1; font-family: 'NeuePlak-CondThin', sans-serif; font-weight: 200; text-transform: uppercase; min-height: 140px; position: relative; }

.list-services li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*opacity: 0; visibility: hidden;*/ -webkit-transition: opacity .4s, visibility .4s; -o-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; }

.list-services li span { -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.list-services li strong { display: inline-block; font-family: 'NeuePlak-CondThin', sans-serif; font-weight: 200; }

/*.list-services li canvas + canvas { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }*/

.list-services li:first-child { opacity: 1; visibility: visible; }

.list-services .text-container { -webkit-transition: opacity .8s, visibility .8s; -o-transition: opacity .8s, visibility .8s; transition: opacity .8s, visibility .8s; }

.list-services .fade { opacity: 0; visibility: hidden; }

/*.list-services .active .textblind { opacity: 1; }*/

.list-services .animate-t .textblind .blind small { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.list-services li span { font-size: 180px; font-weight: 200; position: relative; top: 50px; }
}

@media (max-width: 1650px) {
	.list-services { min-height: 260px; }
}

@media(max-width: 1649px){
	.list-services  { min-height: 240px; font-size: 110px;  }
    .list-services li strong {
        display: block; 
    }
}

@media (max-width: 767px) {
	.list-services { min-height: 175px; font-size: 78px; }
    .list-services li strong { margin-bottom:5px;}
}

@media (max-width: 480px) {
	.list-services { font-size: 70px; }
}

/*XS & XS Max, etc. */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
    and (-webkit-device-pixel-ratio : 3) {
    .list-services {font-size:75px !important;}
}
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 3) { 
  .list-services {font-size:75px !important;}
}
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { 
    .list-services {font-size:75px !important;}
}


/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { 
    display: inline-block; 
    background: url(../images/logo.png) no-repeat 0 0; 
    width: 150px; 
    height: 40px; 
    background-size: 100% 100%; 
}
.header.active .logo { 
    display: inline-block; 
    background: url(../images/logo-black.png) no-repeat 0 0; 
    width: 175px; 
    height: 44px; 
    background-size: 100% 100%; 
}
/*
@media (max-width: 1650px) {
	.logo { 
        width: 228px; 
        height: 58px; 
    }
}

@media (max-width: 767px) {
	.logo { 
        width: 175px; 
        height: 44px; 
    }
}
*/

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { 
    display: block; 
    text-transform: uppercase; 
    font-size: 2.5rem; 
    letter-spacing: 0.14em; 
    font-family: 'NeuePlak-WideThin', sans-serif; 
    
}
.nav li a:hover,
.nav li a.active {
    color:#88a5a9;
}
.nav ul { 
    width: 100%; 
    margin:0;
    padding-right:50px;
}

.nav li { 
    display: block; 
    width:100%; 
    text-align: right; 
    margin:0 0 50px 0px;
}


.nav a { text-decoration: none; display: inline-block; position: relative; }

.nav a:hover:after { opacity: 1; visibility: visible; }

.nav .active a:after { opacity: 1; visibility: visible; }


@media (max-width: 767px) {
	.nav { font-size: 1.5rem; }	
    .nav li { 
        margin:0 0 20px 0px;
    }
}

/* Handle Menu OPEN widths and overlay */
#overlay {
    position: fixed; 
    display: none;
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000; 
    z-index: 25; 
    overflow-x:hidden
}
body.menu-open #overlay {
    display:block;
}
@media (max-width: 769px) {
    .header .shell {
        padding-left:15px;
        padding-right:15px;
    }
    .header .btn-burger {
        right:15px;
    }
    .nav ul { 
        padding-right:15px;
    }
    
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary { height: calc(100vh - 137px); min-height: 820px; position: relative; overflow: hidden;margin-top:-125px; }

.section-primary .section__inner { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

.section-primary .section__content { max-width: 803px;  margin-left: auto; color: #4e4848; }

.section-primary.section--centered .section__content {  width: 750px; margin-right: auto; text-align: center;}

.section-primary .custom__content { max-width: 600px; }

.section-primary .section__content h3 { font-size: 32px; font-weight: 300; margin: 0 0 13px; opacity: 0; -webkit-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }

.section-primary .section__content h1,
.section-primary .section__content h2 { 
    font-size: 142px; 
    font-family: 'NeuePlak-CondThin', sans-serif; 
    font-weight: 200; 
    text-transform: uppercase; 
    line-height:100%; 
    opacity: 0; 
    -webkit-transition: opacity 2s; 
    -o-transition: opacity 2s; 
    transition: opacity 2s; 
}

.our-story  .section-primary .section__content h3.vert-our,
.our-story .section-primary.animated-section .section__content h3 > span {
    font-family:'NeuePlak-WideLight',sans-serif;
}
.our-story .section-primary.animated-section .section__content h3.good-design {
    padding-top:100px;
}
.section-primary .section__content h1 .blind:nth-last-child(2) { }

.section-primary .section__content h1 .blind:nth-child(2) {  }

.section-primary .shape1 { position: absolute; top: -305px; left: -859px; opacity: .36; z-index: 5; }

.section-primary .shape2 { position: absolute; top: 108px; right: -494px; opacity: .36; z-index: 5; }

.section-primary .shape3 { position: absolute; bottom: -104px; left: 58px; }

.section-primary .line1 { position: absolute; top: 188px; left: -161px; }

.section-primary .line2 { position: absolute; bottom: 58px; left: 50%; margin-left: -131px; }

.section-primary .line3 { position: absolute; top: -48px; right: 63px; }

.section-primary .circle { position: absolute; top: 40px; left: 195px; }

.section-inner-banner { background-color: #88a5a9; padding: 100px 0; height: calc(100% - 0px);}

.section-inner-banner .section__innerl { position: relative; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 10; margin: 60px 0px; }

.section-inner-banner .section__inner { position: relative; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 10; }

.section-inner-banner .section__innerl .section__content { max-width: 100%; margin: 0; }

.section-inner-banner .section__innerl .section__content h3 { 
    position: absolute; 
    transform: rotate(-90deg); 
    margin: 0; 
    left: -30px; 
    top: 30px; 
    font-family: 'NeuePlak-CondLight'; 
    font-weight: 400; 
    font-size:60px;
    letter-spacing: 0.2em; 
    text-transform: uppercase;
}
.section-inner-banner .section__innerl .section__content h3.vert-our {
    font-size:40px;
     left: -34px; 
}

.section-inner-banner .section__innerl .section__content h2 { display: flex; flex-flow: wrap; width: 100%; justify-content: center; align-items: center; }

.section-inner-banner .section__innerl .section__content h2 span { font-size: 320px; width: 20%; text-align: center; }

.our-story .section-inner-banner .lines { position: absolute; top: 0; left: 0; margin-left: 0; width: 100%; height: 100%; max-width: 100%; pointer-events: none; z-index: 10; max-height: 0; -webkit-transition: max-height .8s; -o-transition: max-height .8s; transition: max-height .8s; }

.section-inner-banner .section__content { max-width: 803px; margin-left: auto; color: #484848; }

.section-inner-banner .section__content h3 span { font-family: 'NeuePlak-WideThin'; font-weight: 400; letter-spacing: 0.2em; margin: 0; opacity: 0; -webkit-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }

.section-inner-banner .line4 { position: absolute; top: -305px; left: -859px; opacity: .36; z-index: 5; }

.section-inner-banner .circle2 { position: absolute; top: 40px; left: 195px; }

/*  Section Animated  */

.section-primary.animated-section .section__content h3, .section-primary.animated-section .section__content h3 span, 
.section-primary.animated-section .section__content h2, .section-primary.animated-section .section__content h1 { opacity: 1; }

.section-primary.animated-section .section__content p { font-weight: 300; }

.our-story .section-inner-banner .lines.animated { max-height: 100%; }

@media (max-width: 1999px) {
	.section-primary .shape1 { top: -234px; left: -660px; width: 1092px; height: 1023px; }
	.section-primary .shape2 { top: 83px; right: -380px; width: 689px; height: 759px; }
	.section-primary .shape3 { bottom: -80px; left: 44px; width: 673px; height: 723px; }
	.section-primary .line1 { top: 144px; left: -123px; width: 326px; height: 326px; }
	.section-primary .line2 { bottom: 44px; margin-left: -100px; width: 326px; height: 326px; }
	.section-primary .line3 { top: -36px; right: 48px; width: 278px; height: 277px; }
	.section-primary .circle { top: 30px; left: 150px; width: 232px; height: 233px; }

	.section-inner-banner .line4 { top: 425px; left: -60px; width: 521px; height: 200px; }
	.section-inner-banner .circle2 { top: 350px; left: inherit; right: 500px; width: 302px; height: 302px; }
	.section-inner-banner .circle3 { top: 94px; right: 48px; width: 278px; height: 277px; }
	.section-primary .section__content h1 .blind:nth-last-child(2) {  }
	.section-inner-banner .section__innerl { margin: 60px 0px; }
	.section-inner-banner .section__innerl .section__content h3 { left: -38px; }
	.section-inner-banner .section__content { 
        max-width: 52%;
        margin-left: auto;
        margin-right: 8%; 
    }
	.section-primary .section__content h3 { font-size: 32px; }
}

@media (max-width: 1650px) {
	.section-primary { height: calc(100% - 101px); min-height: 550px; }
	.section-primary .section__content { max-width: 620px; }
	.section-inner-banner .section__content { max-width: 45%; margin-left: auto; margin-right: 16%; }
	.section-inner-banner .shell--size1 .section__content { margin-right: 15%; }
	.section-primary .section__content h3 { font-size: 24px; }
	.section-primary .section__content h1 { font-size: 110px; }

	.section-primary .shape1 { top: -180px; left: -507px; width: 840px; height: 786px; }
	.section-primary .shape2 { top: 63px; right: -292px; width: 530px; height: 583px; }
	.section-primary .shape3 { bottom: -61px; left: 33px; width: 517px; height: 556px; }
	.section-primary .line1 { top: 110px; left: -94px; width: 250px; height: 250px; }
	.section-primary .line2 { bottom: 33px; margin-left: -76px; width: 250px; height: 250px; }
	.section-primary .line3 { top: -27px; right: 36px; width: 213px; height: 213px; }
	.section-primary .circle { top: 23px; left: 115px; width: 178px; height: 179px; }

	.section-inner-banner .lines { margin-left: -570px; }
	.section-inner-banner .line4 { top: 420px;left: 0; width: 301px; height: 120px; }
	.section-inner-banner .circle2 { top: 350px; left: inherit; right: 500px; width: 262px; height: 262px; }
	.section-inner-banner .circle3 { top: 115px; right: 36px; width: 225px; height: 225px; }
	.section-inner-banner .section__innerl .section__content h3 { left: -39px; }

}

@media (max-width: 1200px) {
	.section-primary .shape1 { top: -150px; left: -422px; width: 700px; height: 655px; }
	.section-primary .shape2 { top: 52px; right: -243px; width: 441px; height: 485px; }
	.section-primary .shape3 { bottom: -50px; left: 27px; width: 430px; height: 463px; }
	.section-primary .line1 { top: 91px; left: -78px; width: 208px; height: 208px; }
	.section-primary .line2 { bottom: 27px; margin-left: -63px; width: 208px; height: 208px; }
	.section-primary .line3 { top: -22px; right: 30px; width: 177px; height: 177px; }
	.section-primary .circle { top: 19px; left: 95px; width: 148px; height: 149px; }
	
	.section-primary .section__inner { padding: 0 90px;  }

	.section-primary .section__content { max-width: 796px; }
    .section-primary .section__content h1 {line-height:110%;}
    .section-primary .section__content h1 .blind:first-child {  margin-right:10px;  }
	.section-primary .section__content h1 .blind:nth-last-child(2) +.blind:last-child {   }

	.section-inner-banner .line4 { top: 420px;left: 0; width: 301px; height: 120px; }
	.section-inner-banner .circle2 { top: 350px; left: inherit; right: 350px; width: 262px; height: 262px; }
	.section-inner-banner .circle3 { top: 115px; right: 36px; width: 225px; height: 225px; }

	.section-primary .section__content h3 { font-size: 24px; }
	.section-inner-banner .section__innerl .section__content h3 { left: -40px; }
	.section-inner-banner .section__content { max-width: 43%; margin-left: auto; }
	.section-inner-banner .shell--size1 .section__content {margin-right: 17%;}
	.section-inner-banner .section__inner { padding: 0; }
}

@media (max-width: 1023px) {
	.section-primary { height: calc(100vh - 96px); }
	.section-primary .section__inner { padding: 0;  }
	.section-primary .section__content { max-width: 636px; }
    .section-primary .section__content h1 { font-size: 78px;}
    .section-primary .section__content h3 { font-size: 18px; }
    .our-story .section-primary.animated-section .section__content h3.good-design {padding-top:50px; }
	.section-inner-banner .circle3 { right: 36px; top: 65px; width: 190px; height: 190px;}
	.section-inner-banner .circle2 { right: 200px; top: 365px; width: 212px; height: 212px;}
	.section-inner-banner { height: calc(100% - 0px); }
	.section-inner-banner .section__innerl .section__content h3 { left: -40px; }
	.section-inner-banner .section__content { max-width: 50%; margin-left: auto; }
	.section-inner-banner .shell--size1 .section__content { margin-right: 10%; }
    .section-inner-banner .section__innerl .section__content h3.vert-our { font-size: 28px;left: -30px; top:20px;}
    
}
@media (max-width: 780px) {
    .section-primary .section__content h2 {font-size: 150px;}
    .section-inner-banner .section__innerl .section__content h2 span   {font-size: 25vw; }
    .section-inner-banner .section__innerl .section__content h3.vert-our { font-size: 28px;left: -38px; top:50px;}
    .section-inner-banner .section__innerl { margin: 60px 0;}
    
}
@media (max-width: 767px) {
	.section-primary { height: calc(100vh - 89px); }
	.section-primary .section__content { max-width: 100%;}
	
    .section-inner-banner .section__innerl .section__content h3.vert-our {font-size: 28px;left: -25px; top:50px;}
    
	.section-primary .shape1 { top: -125px; left: -190px; width: 583px; height: 545px; }
	.section-primary .shape2 { top: 130px; right: -202px; width: 367px; height: 404px; }
	.section-primary .shape3 { bottom: -41px; left: -63px; width: 358px; height: 385px; }
	.section-primary .line1 { top: 110px; left: -17px; width: 173px; height: 173px; }
	.section-primary .line2 { bottom: 22px; margin-left: 40px; width: 173px; height: 173px; }
	.section-primary .line3 { top: -18px; right: 25px; width: 147px; height: 147px; }
	.section-primary .circle { top: 15px; left: 79px; width: 123px; height: 124px; }
	.section-inner-banner { height: calc(100% - 0px); }
   
	.section-inner-banner .section__innerl .section__content h2 span { font-size: 150px; width: 18%;  }
	.section-inner-banner .section__innerl .section__content h3 { top: -100px; left: -40px;}
	.section-inner-banner .section__innerl { margin: 120px 0 80px; }
	.section-primary .section__content h3 { font-size: 18px; }
	.section-inner-banner .line4 { top: 340px; width: 261px; height: 80px; }
	.section-inner-banner .circle2 { top: 300px;left: 40%; right: 0; width: 162px; height: 162px; }
	.section-inner-banner .shell--size1 .section__content { margin-right: 0; padding: 0 15px; }
}

@media (max-width: 600px) {
    
   /*
    .section-inner-banner .section__innerl { margin:54% 15px;}
    .section-inner-banner .section__inner { display:none;}
    */
    .our-story .section__innerl { margin:55% 15px;}
    .our-story .shell.shell--size1 { display:none;}
    
    .section-inner-banner .section__innerl .section__content h3.vert-our { font-size:20px; left: -22px; top:70px;}
    .our-story .section-inner-banner {padding:15px 0px;}
    .our-story .section-primary.animated-section .section__content h3.good-design { padding-top: 10px; }
    .section-inner-banner .section__innerl .section__content h2 {height:180px; margin:-60px 0px;}
    
    
    .what-we-do .section-primary .section__inner { padding: 70px 0; }
}

@media (max-width: 480px) {
    .section-primary .btn-mb-white { color: #fff; }
    .section-primary .btn-mb-white:after { background: #fff; }
    .section-inner-banner .shell--size1 .section__content { margin-right: 0; }
}
@media (max-width: 380px) {
    .section-primary .section__content h1 { font-size: 60px;}
}
/* ------------------------------------------------------------ *\
	Section Dark
\* ------------------------------------------------------------ */

.section-dark { position: relative; color: #fff; padding: 60px 0px; }

.section-dark .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; }

.section-dark .shell { position: relative; z-index: 10; }

/*  Section Dark Size1  */

.section-dark--size1 { padding: 94px 0 83px; }

@media (max-width: 1999px) {
	.section-dark {  }

	/*  Section Dark Size1  */
	.section-dark--size1 { padding: 72px 0 63px; }	
}

@media (max-width: 1200px) {
	.section-dark {  }

	/*  Section Dark Size1  */
	.section-dark--size1 { padding: 72px 0 63px; }		
}

/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */

.section-secondary { padding: 147px 0 160px; background: #f2f1ee; position: relative; overflow: hidden; }

.our-story .section-secondary { padding: 58px 0 160px 0; }

.our-story .section-secondary .article {z-index: 11;}

.section-secondary .lines { 
    position: absolute; 
    top: 0; 
    left: 49.6%; 
    margin-left: -600px; 
    width: 1200px; 
    height: 100%; 
    pointer-events: none; 
    z-index: 10; 
    max-height: 0; 
    -webkit-transition: max-height .8s; 
    -o-transition: max-height .8s; 
    transition: max-height .8s; 
}

.our-story .section-secondary .lines { position: absolute; top: 0; left: 0; margin-left: 0; width: 100%; height: 100%; max-width: 100%; pointer-events: none; z-index: 10; max-height: 0; -webkit-transition: max-height .8s; -o-transition: max-height .8s; transition: max-height .8s; }

.section-secondary .lines li { background: #ccc; }

.our-story .section-secondary .lines li { background: transparent; }

.section-secondary .shape11 { position: absolute; top: 784px; right: -317px; }

.our-story .section-secondary .shape44 { position: absolute; top: 180px; right: inherit; left:0; }

.section-secondary .shape22 { position: absolute; bottom: -300px; left: -640px; }

.section-secondary .article + .section__head { margin-top: 418px; }

.section-secondary .section__head + .section__body { margin-top: 219px; }

.section-secondary .section__head  { font-family: 'NeuePlak-WideThin', sans-serif; color: #b4b1af; margin-right: -95px; }

.section-secondary .section__head h3 { font-weight: 100;  text-transform: uppercase; font-size: 150px; font-size: 10vw; line-height: 1; letter-spacing: 0.2em; }

.section-secondary .section__content { margin-left: -6px; }

.section-secondary .section__content h4 { font-weight: 300; margin: 0; }

.section-secondary .section__content h4 + h4 { margin-top: 55px; }

.section-secondary .section__content h4 strong { font-weight: 700; color: #88a5a9; }

.section-secondary .section__actions { margin: 38px 0 0; }

.section-secondary .article__image { max-width: 0; overflow: hidden; -webkit-transition: max-width 1.8s; -o-transition: max-width 1.8s; transition: max-width 1.8s; }

.our-story .section-secondary .article__image { max-width: 0; overflow: hidden; -webkit-transition: max-width 2.0s; -o-transition: max-width 2.0s; transition: max-width 2.0s; }

.section-secondary .article__body p { font-size: 32px; line-height: 1.5;  opacity: 0; -webkit-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }

/*  Animated  */

.section-secondary .lines.animated { max-height: 100%; }

.section-secondary .article__image.animated { max-width: 1920px; }

.section-secondary .article__body p.animated { opacity: 1; }

.section-secondary .article__body .textblind.animated { opacity: 1; }

.section-secondary .article__body .textblind.animated .blind small { -webkit-animation: dropin 0.7s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: dropin 0.7s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }

.section-secondary .article__body .link.animated:after { width: 100%; }

.section-secondary .section__head .textblind.animated { opacity: 1; }

.section-secondary .section__head .textblind.animated .blind small { -webkit-animation: dropin 0.7s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: dropin 0.7s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }

.section-secondary .article2 .article__body h4 { padding: 0; }

.section-secondary .article .article__body h4 { font-size:40px; font-family:'NeuePlak-WideLight';}

@media (max-width: 1999px) {
	.section-secondary .section__head h3 { font-size: 150px; }

	.section-secondary .shape11 { width: 689px; height: 759px; }

	.section-secondary .shape22 { width: 832px; height: 757px; left: -560px; }

	.section-secondary .article .article__body h4 { font-size:40px; font-weight: 400; padding-top: 165px;}

	.section-secondary .article2 .article__body h4 { padding-top: 0; }
}

@media (max-width: 1650px) {
	.section-secondary .lines { margin-left: -570px; }

	.section-secondary .article + .section__head { margin-top: 450px; }

    .section-secondary .section__head h3 { font-size: 114px; width: 99%; }
    
	.section-secondary .section__head + .section__body { margin-top: 110px; }

	.section-secondary .section__content { margin-left: 0; }

	.section-secondary .shape11 { width: 530px; height: 583px; }

	.section-secondary .shape22 { width: 640px; height: 582px; left: -430px; }

	.section-secondary .shape44 { width: 504px; height: 1287px; }

	.section-secondary .article .article__body h4 { font-weight: 400; font-size: 32px; line-height: 1.5; padding-top: 82px;}

	.section-secondary .article2 .article__body h4 { padding-top: 0px;}

	.section-secondary .article .article__body p { font-size: 24px; line-height: 1.5; }
}

@media (max-width: 1200px) {
	.section-secondary .lines { margin-left: -465px; }
}

@media (max-width: 1023px) {
	.section-secondary .lines { margin-left: -360px; }

	.section-secondary .article + .section__head { margin-top: 270px; }
    
    .section-secondary .section__head h3 { font-size: 90px; }
    
    .home .section-secondary .article + .section__head { margin-top: 70px; }

	.section-secondary .section__head + .section__body { margin-top: 60px; }

	.section-secondary .shape11 { width: 441px; height: 485px; top: 580px; right: -260px; }

	.section-secondary .shape22 { width: 533px; height: 485px; left: -290px; }

	.section-secondary .article .article__body h4 { font-weight: 400; font-size: 32px; line-height: 1.5; padding-top: 82px;}
    
    
    .section-secondary .article .article__body p { font-size: 18px; line-height: 1.5; }
}

@media (max-width: 767px) {
	.section-secondary .article + .section__head { margin-top: 170px; }

	.section-secondary .section__head + .section__body { margin-top: 40px; }

	.section-secondary .section__head { padding: 0 15px; margin-right: 0; }

	.section-secondary .section__head h3 { font-size: 65px; }

	.section-secondary .section__body .cols { margin-bottom: -55px; }

	.section-secondary .section__body .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 55px; }

	.section-secondary .shape11 { width: 441px; height: 485px; top: 580px; right: -260px; }

	.section-secondary .shape22 { width: 533px; height: 485px; left: -290px; }	

	.section-secondary .article .article__body h4 { font-weight: 300; font-size: 24px; line-height: 1.5; padding-top: 0; white-space: normal; word-break: break-word;}

	
	.section-secondary .shape44 { width: 314px; height: 687px; }
}

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about { padding: 0; background: #d7d5cf; position: relative; overflow: hidden; height: 780px;}
.pad-top {padding-top:65px;}
.our-story .section-about .article .shell { display: flex; flex-flow: wrap; }
.our-story .section-about .article__image { max-width: 0; overflow: hidden; -webkit-transition: max-width 2.0s ease-in-out; -o-transition: max-width 2.0s ease-in-out; transition: max-width 2.0s ease-in-out; }
.our-story .section-about .article__image.animated { max-width: 1920px; }
.our-story .section-about .article .article__image { position: sticky; top: 0; left: 0; margin-top: 80px;}
.section-about .shape44 { position: absolute; bottom: -300px; left: 0px; }
.section-about .article__body .textblind.animated .blind small { -webkit-animation: dropin 0.5s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: dropin 0.5s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }
.section-about .article .article__body { position: relative; }
.section-about .article .article__body h4 { font-family: 'NeuePlak-CondThin', sans-serif; text-transform: uppercase; font-weight: 200; letter-spacing: 0em; margin-bottom: 39px; margin-top: 2px; color: #fff; position: relative; font-size: 160px; line-height: 118px;}
.section-about .article .article__body span { font-family: 'NeuePlak-WideLight', sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 0.2em; margin-bottom: 17px; color: #fff; font-size: 24px; position: absolute; top: 56px; left: -130px; opacity: 1; transform: rotate(-90deg); text-align: right; }
.section-about .article .article__body p:last-child {
    padding-bottom: 50px;
}
.section-about .article .article__body .textblind .blind { overflow: visible; }
.scrollbar { padding: 0; height: 100%; display: flex !important; flex-flow: column; width: 100%; overflow-y: scroll; max-height: 780px; scroll-behavior: smooth; }
.scrollbar .article {padding: 0; height: 100%;}
.scrollbar::-webkit-scrollbar { width: 6px; background-color: #999999; }
.scrollbar::-webkit-scrollbar-thumb { background-color: #cd950f; }
button.btn-arrow { position: absolute; bottom: 160px; background-color: transparent; border: none; border-radius: 0; margin: 0; padding: 0; width: 60px; height: 82px; z-index: 3; right: 50px; }

@media (max-width: 1999px) {
	.section-about { height: 860px; }
	.scrollbar { max-height: 860px; }
	.our-story .section-about .article .article__image { top: 80px; height: 672px; }
	.our-story .section-about .article .article__image-inner { width: 28vw; min-height: 672px; }
	.section-about .shape44 { width: 347px; height: 816px; left: 0px; }
}
@media (max-width: 1650px) {
	.section-about { height: 780px; }
	.scrollbar { max-height: 780px; }
	.our-story .section-about .article .article__image-inner { width: 28vw; min-height: 495px; }
	.section-about .shape44 { width: 255px; height: 566px; left: -20px; bottom: 60px; }
	.our-story .section-about .article .article__image { top: 80px; height: 495px;}
	button.btn-arrow { width: 40px; height: 62px; }

   
}
@media (max-width: 1200px) {
	.our-story .section-about .article .article__image { top: 80px; height: 365px; }
	.our-story .section-about .article .article__image-inner { width: 28vw; min-height: 365px; }
	button.btn-arrow { right: 30px; }
	.section-about { height: 680px; }
	.scrollbar { max-height: 680px; }
}
@media (max-width: 1023px) {
	.section-about { height: 560px; }
	.scrollbar { max-height: 560px; }
	.our-story .section-about .article .article__image { height: 290px;}
	.our-story .section-about .article .article__image-inner { min-height: 100%; }
	button.btn-arrow { width: 30px; height: 52px; right: 18px; bottom: 50px; }
	.section-about .article .article__body h4 { font-size: 120px; line-height: 88px; }
	.section-about .shape44 { width: 155px; height: 466px; left: -20px; bottom: 0px; }
}
@media (max-width: 981px) {
	.section-about { height: auto; }
	.scrollbar { max-height: 100%; overflow: auto !important;}
    .our-story .section-about .article .article__body {  margin-top: 40px;}
    .our-story .section-about .article .article__body .pad-top {padding-top:25px;}
    .section-about .article .article__body span {top:45px;}
    .our-story .section-about .article .article__image { top:40px; margin-top:40px; }

}
@media (max-width: 767px) {
	.section-about .article__body .textblind.animated .blind small { -webkit-animation: dropin 0.5s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: dropin 0.5s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }
	.our-story .section-about .article .shell { flex-flow: column; }
	.our-story .section-about .article .article__image { top: 0;height: auto; position: relative;}
	.our-story .section-about .article .article__image-inner { width: calc(100vw - 30px); min-height: 0; }
	.our-story .section-about .article .article__body { margin-top: 40px; margin-right: 0; max-width: 100%; }
	.section-about .article .article__body span { position: relative; top: 0; left: 0; transform: none; text-align: left; display: block; }
	.section-about .article .article__body h4 { font-size: 120px; line-height: 90px; }
	button.btn-arrow { display: none; }
	.section-about .shape44 { bottom: 0; }
}
/* ------------------------------------------------------------ *\
	Services
\* ------------------------------------------------------------ */

.services { text-align: center; }

.services.animated  > .shell {
    max-width: 1320px;
}

.services .services__head { 
    font-family: 'NeuePlak-WideLight', sans-serif; 
    text-transform: uppercase; 
    letter-spacing: 0.14em; 
    margin-bottom: 25px; 
}

.services .services__head h5 { 
    font-weight: 400; 
    font-size:40px;
}

.services .services__actions { margin: 60px 0 0;  position:relative;}

@media (max-width: 1440px) {
 .services .services__head h5 { font-weight: 400; font-size:32px; }
 .services .services__head { margin-bottom: 30px; }
}
@media (max-width: 767px) {
		
	.services .services__actions { margin-top: 60px; }	
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Widget Circle
\* ------------------------------------------------------------ */

.widget-circle { border: 5px solid #a6b0bd; border-radius: 50%; width: 500px; height: 500px; text-align: center; padding-top: 90px; position: relative; }

.widget-circle h2 { font-family: 'NeuePlak-CondThin', sans-serif; font-weight: 200; text-transform: uppercase; }

.widget-circle h2 span { font-family: 'NeuePlak-WideThin', sans-serif; font-weight: 400; font-size: 24px; display: block; margin-bottom: 18px; letter-spacing: 0.2em; }

.widget-circle strong { display: none; }

.widget-circle canvas { position: absolute; top: 103px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.widget-circle canvas + canvas { top: 102px; }

.widget-circle canvas:last-child { top: 251px; }

.widget-circle p { font-size: 24px; text-transform: uppercase; font-family: 'NeuePlak-WideLight', sans-serif; letter-spacing: 0.2em; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.widget-circle strong { display: block; }
	.widget-circle strong:nth-child(1) { font-family: 'NeuePlak-WideThin', sans-serif; font-weight: 400; font-size: 24px; display: block; margin-bottom: 18px; letter-spacing: 0.2em; }
}

@media (max-width: 1650px) {
	.widget-circle { width: 450px; height: 450px; }
	.widget-circle canvas { top: 88px; -webkit-transform: scale(.8) translateX(-50%); -ms-transform: scale(.8) translateX(-50%); transform: scale(.8) translateX(-50%); margin-left: -20px; }
	.widget-circle canvas + canvas { top: 94px; }
	.widget-circle canvas:last-child { top: 194px; }
}

@media (max-width: 1200px) {
	.widget-circle { width: 400px; height: 400px; }
	.widget-circle canvas { top: 76px; }
	.widget-circle canvas + canvas { top: 80px; }
	.widget-circle canvas:last-child { top: 180px; }
}

@media (max-width: 767px) {
	.widget-circle { width: 290px; height: 290px; overflow: hidden; padding-top: 55px; }
	.widget-circle p { font-size: 14px; }
	.widget-circle canvas { top: 18px; -webkit-transform: translateX(-50%) scale(.6); -ms-transform: translateX(-50%) scale(.6); transform: translateX(-50%) scale(.6); margin-left: 0; }
	.widget-circle canvas + canvas { top: 23px; }
	.widget-circle canvas:last-child { top: 98px; }


}

/* Our Work */
.no-padding { padding: 0px; }

.bg-none { background: none; }

section header.header { background: #fff; position: relative; z-index: 9; }

section { width: 100%; float: left; position: relative; }

section#contact-us { float: left; width: 100%; }

section.ourwork-block header.header { background: #fff; position: relative; z-index: 10; }

section.ourwork-block { width: 100%; float: left; position: relative; }

section#contact-us { float: left; width: 100%; }

section.ourwork-block {position: relative; height: calc(100vh - 125px);}

section.ourwork-block:before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/work-bg.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}

section.ourwork-block .o-work { position: relative; z-index: 10; }

section.ourwork-block .o-work .section-secondary { padding: 200px 0 250px; }

section.ourwork-block .o-work .section-secondary .article .shell {width: 100%; max-width: 91%; float: right; position: relative;}

section.ourwork-block .o-work .section-secondary h4 { font-family:'NeuePlak-WideLight',sans-serif; opacity: 0; color: #fff; writing-mode: vertical-rl; writing-mode: vertical-lr; transform: rotate(180deg); padding: 0px; position: absolute; bottom: -70px; font-size: 40px;}

section.ourwork-block .o-work .section-secondary .article .article__body { max-width: inherit; margin: 0px; width: 100%; float: right; }

section.ourwork-block .o-work .section-secondary .article .article__body .work-title { margin: -50px 0 0 -20px; display: grid; grid-template-columns: auto auto auto auto; width: 100%; position: relative; top: 167px; }

section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { opacity: 0; display: inline-block; font-family: 'NeuePlak-CondThin'; color: #fff; text-align: center; text-transform: uppercase; font-size: 320px; font-weight: 200;  }

section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2.textblind.animated {opacity: 1 !important;}

section.portfolio-slider { width: 100%; float: left; height: inherit; }

xxxsection.portfolio-slider .owl-carousel .item img { width: 100%; height: 100vh; object-fit: cover; }

zzzsection.portfolio-slider .owl-carousel .item img {width:100%; object-fit: contain; height:auto;}

section.portfolio-slider .owl-carousel .owl-nav { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: none; }

section.portfolio-slider .owl-carousel .owl-nav .owl-prev { background: #4a4a4a; width: 60px; height: 60px;  margin: 0 10px 0 0; }

section.portfolio-slider .owl-carousel .owl-nav .owl-prev span { color: transparent; background: url('../images/arrow.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }

section.portfolio-slider .owl-carousel .owl-nav .owl-next { background: #4a4a4a; width: 60px; height: 60px; }

section.portfolio-slider .owl-carousel .owl-nav .owl-next span { color: transparent; background: url('../images/arrow2.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }

section.portfolio-slider .owl-carousel .owl-dots { display: none; }

section.feet-weet-container { width: 100%; float: left; padding: 0px; }

section.feet-wet-bg {position: relative; padding: 120px 0 160px 0; }

section.feet-wet-bg:before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/feet-wet-bg.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}

section.feet-wet-bg .section-secondary .shell  { padding: 0px; margin: 0 0 0 0px; }

section.feet-wet-bg .section-secondary .article__body h4 { color: #fff; padding: 0px; }

section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: 100%; }

section.feet-wet-bg .section-secondary .article__body p { width: 90%; margin: 0 0 50px 0; }

section.feet-wet-bg .section-secondary .article__body p, 
section.feet-wet-bg .section-secondary .article__body span { opacity: 0; -webkit-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }

section.feet-wet-bg .section-secondary .article__body span { color: #88a5a9 !important; font-weight: bold; }

section.feet-wet-bg .section-secondary .article__body  p { color: #fff; opacity: 1; width: auto; display: inline; padding-right:15px; }

section.feet-wet-bg .section-secondary .article__body particle__body p.animated, 
section.feet-wet-bg .section-secondary .article__body span.animated {
    font-weight:800; 
    opacity: 1; color: #fff; 
    width: 100%; 
    display: inline-block; 
    font-size:32px; 
    font-family:'NeuePlakText-Bold';
}
section.feet-wet-bg .section-secondary .article__body .contact-us >  a > span {
    opacity: 1; 
    font-family:'NeuePlakText-Light';
    color:#fff !important; 
    font-weight:normal;
}

section.feet-wet-bg .section-secondary .article__body span a { text-decoration: none; }

section.feet-wet-bg .feet-wet-container { position: relative; z-index: 9; width: 100%; max-width: 60%; float: right; padding: 0; }

section.feet-wet-bg .feet-wet-container .section-secondary { padding: 0px; }

section.feet-wet-bg .feet-wet-container .article__body { max-width: inherit;}

section.feet-wet-bg .feet-wet-container .contact-us  {font-family:'NeuePlakText-Light',sans-serif; font-size:32px;}

@media(max-width: 1650px){
    
    section.feet-wet-bg .section-secondary .article__body span.animated,
    section.feet-wet-bg .section-secondary .article__body .contact-us >  a > span {font-size:24px;}   
}

@media(max-width: 1024px){
    section.feet-wet-bg .section-secondary .article__body span.animated,
    section.feet-wet-bg .section-secondary .article__body .contact-us >  a > span {font-size:18px;}   
}

.grid-container {
  /*display: grid;
  grid-template-columns: auto auto auto auto auto;*/
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  overflow: hidden;
    height: 100%;
}
.grid-item {
  border-right: 1px solid #a6b0bd;
    padding: 20px;
    height: 100%;
    width: 20%;
    float: left;
}

.ourwork-block .lines {
	position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    pointer-events: none;
    z-index: 11;
    max-height: 0;
    -webkit-transition: max-height .8s;
    -o-transition: max-height .8s;
    transition: max-height .8s;
}
.ourwork-block .lines.animated {
	max-height: 100%;
}

.feet-wet-bg .lines {
	position: absolute;
    top: 0px;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    pointer-events: none;
    z-index: 9;
    max-height: 0;
    -webkit-transition: max-height .8s;
    -o-transition: max-height .8s;
    transition: max-height .8s;
}
.feet-wet-bg .lines.animated {
	max-height: 100%;
}




/* Our Work */
@media (max-width: 380px) { 
    section.ourwork-block .o-work .section-secondary h4 {bottom: -37px !important;}
}
@media (max-width: 575.98px) { 
    section.ourwork-block .o-work .section-secondary .article .article__body {    padding-top:40px;}
	.ourwork-block .lines, .feet-wet-bg .lines { display: flex; }
	section.ourwork-block { height: 490px; margin-top:-125px; padding: 18% 0; }
	section.ourwork-block .o-work .section-secondary { padding: 30px 0 120px; }
	section.ourwork-block:before { background-size: cover; background-position: center; }
	section.feet-wet-bg:before { background-size: cover; background-position: center; }
	section.ourwork-block .o-work .section-secondary h4 { font-size: 20px; bottom: -42px; left: -1%; font-weight:400;letter-spacing: 0.2em; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { font-size: 150px !important; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title { top: 80px; }
	section.portfolio-slider { height: inherit; }
	xxxsection.portfolio-slider .owl-carousel .item img { height: 400px; object-fit: cover; }
	section.feet-wet-bg { padding: 0px; }
	section.feet-wet-bg .feet-wet-container { max-width: 80%; }
	section.feet-wet-bg .feet-wet-container .section-secondary { padding: 80px 0; }
	section.feet-wet-bg .section-secondary .article__body p { width: 90% !important; }
	section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: 100%; }

}
@media (min-width: 576px) and (max-width: 767.98px) {
	.ourwork-block .lines, .feet-wet-bg .lines { display: flex; }
	section.ourwork-block { height: inherit;  margin-top:-125px; }
	section.ourwork-block .o-work .section-secondary h4 { font-size: 28px; bottom: -43px; left: 2.5%; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { font-size: 180px !important; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title { top: 80px; }
	section.portfolio-slider { height: inherit; }
	xxxsection.portfolio-slider .owl-carousel .item img { height: 400px; object-fit: cover; }
	section.feet-wet-bg .feet-wet-container .section-secondary { padding:0; }
	.section-secondary .article .article__body p { width: 90% !important; }
	section.feet-wet-bg .feet-wet-container { max-width: 80%; }
	section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: auto; }

}

@media (min-width: 768px)and (max-width: 991.98px) {
	section.ourwork-block { height: 520px;  margin-top:-125px;}
	section.ourwork-block .o-work .section-secondary { padding: 150px 0 250px; }
	section.ourwork-block .o-work .section-secondary h4 { font-size: 28px; bottom: -40px; left: 5.5%; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { font-size: 25vw !important; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title { top: 80px;  }
	section.portfolio-slider { height: inherit; }
	xxxsection.portfolio-slider .owl-carousel .item img { height: 400px; object-fit: cover; }
	section.feet-wet-bg .feet-wet-container .section-secondary { padding:0; }
	section.feet-wet-bg .feet-wet-container { max-width: 80%; }
	.section-secondary .article .article__body p { width: 90% !important; }
	section.feet-wet-bg .feet-wet-container .section-secondary .article .shell .article__body h4 { margin: 0px; }
	section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: auto; }	

}
@media (min-width: 992px) and (max-width: 1199.98px) {
	section.ourwork-block { height: 600px;  margin-top:-125px;}
	section.ourwork-block .o-work .section-secondary { padding: 50px 0 0 0; }
	section.ourwork-block .o-work { padding: 100px 0; }
	section.ourwork-block .o-work .section-secondary h4 { font-size: 28px; bottom: 126px; left: 5.5%; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { font-size: 320px !important; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title { top: 80px;padding-bottom: 75px; }
	section.portfolio-slider { height: inherit; }
	xxxsection.portfolio-slider .owl-carousel .item img { height: 600px; object-fit: cover; }
	section.feet-wet-bg .feet-wet-container .section-secondary { padding:0; }
	section.feet-wet-bg .feet-wet-container .section-secondary .article .shell .article__body h4 { margin: 0px; }
	section.feet-wet-bg .section-secondary .article__body p { width: 90% !important; }
	section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: auto; }	
}

@media (min-width: 1200px) and (max-width: 1365.98px) {
	section.ourwork-block { height: 700px; margin-top:-125px;}
	section.ourwork-block .o-work .section-secondary { padding: 130px 0; }
	section.ourwork-block .o-work { padding: 100px 0; }
	section.ourwork-block .o-work .section-secondary h4 { font-size: 28px; bottom: 52px; left: 6%; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { font-size: 320px !important; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title { top: 80px; }
	section.portfolio-slider { height:inherit;}
xxxsection.portfolio-slider .owl-carousel .item img { height: 600px; object-fit: cover; }
	section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: auto; }
	section.feet-wet-bg .feet-wet-container .section-secondary { padding:0; }
	section.feet-wet-bg .feet-wet-container .section-secondary .article .shell .article__body h4 { margin: 0px; }
	section.feet-wet-bg .section-secondary .article__body p { width: 90% !important; }	
}
@media (min-width: 1366px) and (max-width: 1439.98px) {
	section.ourwork-block { height: 700px; margin-top:-125px;}
	section.ourwork-block .o-work .section-secondary h4 { bottom: -70px; left: 5.5%; }
	section.feet-wet-bg .section-secondary .article__body h4 { font-size: 48px; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
	section.ourwork-block { height: 700px !important;margin-top:-125px; }
	section.ourwork-block .o-work { padding: 100px 0 150px !important; }
	section.ourwork-block .o-work .section-secondary h4 { bottom: -75px !important; left: 6%;  }	
	section.feet-wet-bg .section-secondary .article__body h4 { font-size: 48px; }
	section.ourwork-block .o-work .section-secondary { padding: 0px 0 200px  !important; }
	section.feet-wet-bg .section-secondary .article__body h4 small.blind { width: 100%; }
	section.ourwork-block .o-work .section-secondary .article .article__body .work-title h2 { height: 320px; }
}

@media (min-width: 1600px) and (max-width: 1799.98px) {
	section.ourwork-block { height: 700px !important; margin-top:-125px; }
	section.ourwork-block .o-work .section-secondary h4 { bottom: -128px; left: 6.5%; }	
	section.feet-wet-bg .section-secondary .article__body h4 { font-size: 48px; }
}
@media (min-width: 1660px) and (max-width: 1799.98px) {
	section.ourwork-block { height: 700px;  margin-top:-125px;}
	section.ourwork-block .o-work .section-secondary h4 { bottom: -70px; left: 6.5%; }	
}
@media (min-width: 1800px) and (max-width: 2199.98px) {
	section.ourwork-block { height: 700px;  margin-top:-125px;}
	section.ourwork-block .o-work .section-secondary h4 { bottom: -75px; left: 7%; }	
}

@media (min-width: 2200px) and (max-width: 4000px) {
	section.ourwork-block { height: 700px; margin-top:-125px; }
}

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	List Shapes
\* ------------------------------------------------------------ */

.list-shapes {}
.list-shapes li { position: absolute; left: 10.9%; top: -4.5%; }
.list-shapes li:nth-child(1) { left: auto; top: -12.2%; right: 0; }
.list-shapes li:nth-child(2) { left: 0; bottom: 0; top: auto; }
.list-shapes li:nth-child(4) { left: 18.3%; top: 54%; }
.list-shapes li:nth-child(5) { left: 66.1%; top: -10%; }


/* ------------------------------------------------------------ *\
	List Square
\* ------------------------------------------------------------ */

.list-square { font-family: 'NeuePlakText-Light'; font-weight: 300; font-size:32px; line-height: 1.5;}
.list-square a { text-decoration: none; }
.list-square li { padding-left: 30px; position: relative; }
.list-square li + li { margin-top: 58px; }
.list-square li:before { 
    content: ''; 
    left: 0; 
    position: absolute; 
    top: 20px; 
    background-color: #88a5a9; 
    width: 20px; 
    height: 20px; 
    transform: translateX(-50%) rotate(45deg);
}

@media(max-width: 1650px){
	.list-square li:before { top: 15px; width: 15px; height: 15px; }
    .list-square  {font-size:24px;}
}

@media(max-width: 1024px){
	.list-square li + li { margin-top: 12px; }
    .list-square li:before { top: 8px;}
    .list-square  {font-size:18px;}
}


/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary--alt { min-height: 0; height: auto; }
.section-primary--alt .section__inner { position: static; transform: translate(0,0); }
.section-primary--alt .section__content { max-width: none; padding: 7.8vw 5.4vw 7.75vw 23.4vw; position: relative; z-index: 2; }
.section-primary--alt .section__content .title-holder { position: relative; margin-bottom: -2.5vw; }
.section-primary--alt .section__content span { font-size: 2.8vw; font-family: 'NeuePlak-WideLight'; font-weight: 400; display: inline-block; transform-origin: bottom left; transform: translate(-3.6vw, 0) rotate(-90deg); position: absolute; left: 0%; bottom: 27%; letter-spacing: 0.21em; }
.section-primary--alt .section__content h1 { font-family: 'NeuePlak-CondThin'; font-weight: 100; font-size: 25vw; letter-spacing: 0.365em; line-height: 100%; position: relative; margin-bottom: 0; }
.section-primary--alt .section__content h1.first {margin-left:-1%;}
.section-primary--alt .section__content .title-holder + h1 { text-align: right; margin-right: -0.44em; letter-spacing: 0.44em; }
.section-primary--alt .list-shapes { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }


.section-primary--alt .list-shapes li:nth-child(1) img { width: 58.4vw; }
.section-primary--alt .list-shapes li:nth-child(2) img { width: 43.2vw; }
.section-primary--alt .list-shapes li:nth-child(3) img { width: 28.55vw; }
.section-primary--alt .list-shapes li:nth-child(4) img { width: 26.75vw; }
.section-primary--alt .list-shapes li:nth-child(5) img { width: 22.7vw; }

@media(max-width: 1650px){
	.section-primary--alt .section__content { padding: 7.8vw 2vw 7.75vw 7vw; }
    .section-primary--alt .section__content span,
    .section-primary--alt .section__content h1.first {margin-left:18%;}
}
@media(max-width: 1200px){
    .section-primary--alt .section__content span,
    .section-primary--alt .section__content h1.first {margin-left: 12%;}
}
@media(max-width: 1024px){
	.section-primary--alt .section__content { padding: 10vw 5.4vw 10vw 10vw; }
    .section-primary--alt .section__content span,
    .section-primary--alt .section__content h1.first {margin-left: 16%;}
}
@media(max-width: 768px){

    .section-primary--alt .section__content h1 { }
}
@media(max-width: 767px){
	/*.section-primary--alt .section__content { padding: 29vw 10vw; }*/
    .section-primary--alt .section__content { padding: 0vw 5.4vw 0vw 10vw; }
	.section-primary--alt .section__content h1 { font-size: 150px; line-height: 110%;}
	.section-primary--alt .section__content span { font-size: 20px; font-weight: 400; letter-spacing: 0.2em; } 
	.section-primary--alt .section__content .title-holder + h1 { margin-top: 1em; font-size: 150px; }
    .section-primary--alt .section__content .title-holder {margin-bottom:-27vw; margin-top:40px;}
}
@media(max-width: 580px){
    .section-primary--alt {
           padding-top:25px;
    }
}

/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */

.section-services { padding: 8.85vw 0 11.05vw; background-color: #f2f1ee; position: relative; }

.section-services .section__content { padding:0 0 0 19.9%; position: relative; z-index: 2; }
.section-services .section__content p { font-family: 'NeuePlakText-Light'; font-weight: 300; line-height: 1.5; font-size:32px; }
.section-services .section__content h4 { font-family: 'NeuePlak-WideLight'; font-weight: 400; letter-spacing: 0.2em; margin-bottom: 1.4em; }
.section-services .textblind.animated .blind small { animation: dropin 0.7s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }

.section-services .section__row { display:flex; flex-wrap: wrap; }

.section-services .section__col { max-width: 50%; width: 100%; }
.section-services .section__col + .section__row { padding-top: 9.8vw; }

.section-services .list-square { display: inline-block; }
.section-services .section__col + .section__col .list-square { padding-top: 6.8vw; }

.section-services .section__row + .section__col { padding-top: 4.6vw; }

.section-services .section__media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.section-services .section__media ul { list-style-type: none; }
.section-services .section__media li { position: absolute; top: 4.5%; left: 0%; }
.section-services .section__media li:nth-child(2) { left: auto; right: -16%; top: 16.6%; }
.section-services .section__media li:nth-child(3) { left: 67.2%; top: 2.6%; }

@media(max-width: 1650px){
	.section-services .section__col + .section__row { padding-top: 4.8vw; }
	.section-services .section__media li:nth-child(2) img { width: 47vw; }
    .section-services .section__content p {font-size:24px;}
}

@media(max-width: 1024px){
	.section-services .section__content { padding:0 0 0 5%; }
    .section-services .section__content p {font-size:18px;}
}

@media(max-width: 767px){
	.section-services { padding: 15vw 0; } 	
	.section-services .section__content { padding:0 5%; }

	.section-services .section__media li:first-child { width: 9vw; }

	.section-services .section__col { max-width: 100%; }
	.section-services .section__col + .section__row { margin-top: 10vw;  }
	.section-services .section__col + .section__col .list-square { padding-top: 12px; }
}


/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about-alt { padding: 0 0 55px 10.1vw; background-color: #88a5a9; display:flex; flex-wrap: wrap; background-image: url(../images/temp/shape22.png); background-position: -70% 123%; background-repeat: no-repeat; background-blend-mode: multiply; }
.section-about-alt .textblind.animated .blind small { animation: dropin 0.7s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }


.section-about-alt .section__content { color: #4e4848; width: 48.7%; padding-top: 69px;  }
.section-about-alt .section__title { color: #fff; position: relative; padding-left: 82px; margin-bottom: -20px; }
.section-about-alt .section__title h5 { 
    font-family: 'NeuePlak-WideLight'; 
    font-weight: 400; 
    letter-spacing: 0.2em; 
    font-size: 24px; 
    position: absolute; 
    transform: rotate(-90deg); 
    text-align: right; 
    left: 7.7%; 
    bottom: 20%; 
    transform-origin: left bottom; 
    margin-bottom: 0; 
    line-height: 1.5; 
}
.section-about-alt .section__title h2 { font-family: 'NeuePlak-CondThin'; font-weight: 200; font-size: 12.95vw; line-height: 1; }
.section-about-alt .section__content p { line-height: 1.5; font-weight: 300; font-family: 'NeuePlakText-Light'; font-size:32px; }

.section-about-alt .section__aside { width: 40%; flex-grow: 1; padding: 0vw 0 0 0.4vw;}

.section-about-alt .section__foot { width: 100%; text-align: right; padding: 25px 5.9vw 0px; }

@media(max-width: 1650px){
	.section-about-alt .section__title { padding-left: 66px; margin-bottom: 20px; }
    .section-about-alt {padding: 0 0 110px 10.1vw;}
    .section-about-alt .section__content p {font-size:24px;}
    .section-about-alt .section__title h5 {font-size:24px; bottom: 18%; }
}
@media(max-width: 1550px){
    .section-about-alt .section__title h5 {bottom: 14%; }
}
@media(max-width: 1450px){
    .section-about-alt .section__title h5 {bottom: 6%; }
}
@media(max-width: 1150px){
    .section-about-alt .section__title h5 {bottom: -6%; }
}

@media(max-width: 1024px){
	.section-about-alt { padding: 0 0 0 3vw; background-position: 0 100%; background-size: 90vw auto; } 
	.section-about-alt .section__title { padding-left: 40px; margin-bottom: 10px; }
	.section-about-alt .section__foot { padding: 25px 3vw; }
    .section-about-alt .section__title h5 {font-size:18px; bottom: 0%;}
    .section-about-alt .section__content p {font-size:18px;}
    .section-about-alt .section__content p.pad-top {padding-top:35px;}
}
@media(max-width: 780px){
    .section-about-alt .section__title h5 {bottom: -13%; }
}
@media(max-width: 767px){
	.section-about-alt { padding: 20px 0 110px 0; }
	.section-about-alt .section__content { width: 100%; padding: 0 3vw; }

	.section-about-alt .section__title h2 { font-size: 32vw; line-height: 0.9;  }
	.section-about-alt .section__title h5 { font-size: 3.5vw;  transform: rotate(-90deg); bottom: 23%; left:7%; }	

	.section-about-alt .section__aside { padding-top: 10vw; }
}

/* ------------------------------------------------------------ *\
	Slider Scroll
\* ------------------------------------------------------------ */

.slider-scroll { color: #fff; }
.slider-scroll .mcs-horizontal-example{ width: 100%; overflow-x: auto; display: -webkit-flex; display: flex; flex-direction: row; white-space: nowrap; }
.slider-scroll .mcs-horizontal-example .mCSB_container{ display: -webkit-flex; display: flex; }
.slider-scroll .mcs-horizontal-example .item{ flex-shrink: 0; }

.slider-scroll .item { max-width: 39vw; display: inline-block; padding: 95px 36px 28px; }
.slider-scroll .item + .item { margin-left: 10px; }
.slider-scroll .slider__slide { width: 100%; white-space: normal; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.2); background-color: rgb(136, 165, 169); height: 100%; display:flex; flex-wrap: wrap; flex-direction: column; }

.slider-scroll .slider__title { color: #fff; padding: 49px 10px 0; }
.slider-scroll .slider__title-inner { min-height: 130px; display:flex; align-items: center; justify-content: center; }
.slider-scroll .slider__title h5 { 
    font-family: 'NeuePlak-WideLight'; 
    font-size:32px; 
    font-weight: 400; 
    letter-spacing: 0.2em; 
    line-height: 2.17; 
    text-align: center;  
    text-transform: uppercase;
}
.slider-scroll .slider__title:after { content: ''; display: block; width: 1px; height: 5.5vw; background-color: #f1f4f5; margin: 1.7vw auto 0; }

.slider-scroll .slider__content { 
    padding: 12px 40px 10px; 
    text-align: center; 
    font-family: 'NeuePlakText-Light'; 
    font-weight: 300; 
    font-size:32px;
    line-height: 1.5; 
    min-height: 454px; 
    display:flex; 
    align-items: center; 
    flex-wrap: wrap;
}

.slider-scroll .slider__actions { margin-top: auto; text-align: center; padding-bottom: 80px; }
.slider-scroll .slider__actions .btn { min-width: 281px; }

.slider-scroll .mCSB_scrollTools { position: absolute; top: 0; left: 100%;  transform: translateX(-100vw); width: 100vw ; right: auto; overflow: visible; }
.slider-scroll .mCSB_draggerRail { margin: 0!important; background-color: #999999!important; height: 10px!important; }
.slider-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0!important; height: 10px!important; background-color: #cd950f!important; margin: 0!important;  }

@media(max-width: 1650px){
	.slider-scroll .slider__title-inner { min-height: 0px; }
    .slider-scroll .slider__title h5 {font-size:24px;}
	.slider-scroll .slider__content { padding: 12px 20px 10px; min-height: 180px; font-size:24px;  }
	.slider-scroll .item + .item { margin-left: 0px; }
}

@media(max-width: 1024px){
	.slider-scroll .slider__title-inner { min-height: 70px; }
	.slider-scroll .item { max-width: 46vw; padding: 95px 10px 28px; } 
	.slider-scroll .slider__slide { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); }
    .slider-scroll .slider__content {font-size:18px;  }
	.slider-scroll .item + .item { margin-left: 0px; }
	.slider-scroll .slider__title { padding: 30px 10px 0; }
     .slider-scroll .slider__title h5 {font-size:18px;}
	.slider-scroll .slider__actions { padding-bottom: 20px; }
}

@media(max-width: 767px){
	.slider-scroll .item { max-width: 77vw; padding: 50px 10px 30px; } 
	
	.slider-scroll .slider__slide > * { width: 100%; }

	.slider-scroll .slider__actions .btn { min-width: 0; padding: 7px 30px 10px 30px; }	

	.slider-scroll .slider__title-inner { min-height: 100px; }

	.slider-scroll .mCustomScrollbar,
	.slider-scroll .mCustomScrollbar.mCS_touch_action,
	.slider-scroll .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { -ms-touch-action: auto; touch-action: auto; }
	.slider-scroll .mCustomScrollBox { -ms-touch-action: pan-x pinch-zoom; touch-action: pan-x pinch-zoom; }
	.slider-scroll .mCustomScrollBox.mCSB_vertical_horizontal {-ms-touch-action: pinch-zoom;touch-action: pinch-zoom; }
	.slider-scroll .mCustomScrollBox.mCSB_horizontal { -ms-touch-action: pan-y pinch-zoom; touch-action: pan-y pinch-zoom; }
}

/* ------------------------------------------------------------ *\
	Nav Slider
\* ------------------------------------------------------------ */

.nav-slider { display: none;  }
.nav-slider li { display: inline-block; transition: opacity 0.3s; }
.nav-slider li:hover { opacity: 0.6; }

.nav-slider.slider-start li:first-child,
.nav-slider.slider-end li:last-child { opacity: 0; pointer-events: none; }
.nav-slider--disable { pointer-events: none; }

@media(max-width: 1024px){
	.nav-slider li img { max-width: 50px; }
}

/* ------------------------------------------------------------ *\
	Vertical Lines
\* ------------------------------------------------------------ */

.vertical-lines { position: relative; z-index: 2;  }
.vertical-lines:before,
.vertical-lines:after { 
    content: ''; 
    position: absolute; 
    border: 1px solid #e4e3e1; 
    border-width: 0 1px; top: 0; 
    bottom: 0; left: 49.96%; 
    transform: translateX(-50%); 
    width: 20vw; 
    z-index: 1; 
    pointer-events: none; 
}
.vertical-lines:before { width: 60vw; }

@media(max-width: 767px){
	.vertical-lines:before,
	.vertical-lines:after { display: none; }
}