/** Global Changes **/

p { color:#1d1d1d; }
.site-header { background:transparent !important; }
.site-header .row.main .logo { padding-left:0px; }

@media(max-width:1650px){
	.site-header .row.main .logo { padding-left: 1.5rem; }
}

.site-footer>.more-information .spacer { background-color: transparent; }

/** Helper Classes **/

.bg-white { background: #ffffff; }
.bg-dgray { background: #1d1d1d; }
.bg-lgray { background: #f1f1f1; }
.white { color:#fff; }
.red-text { color:#a92d39; }
.h-100 { height:100%; }
.h-50 { height:50%; }
.h-25 { height:25%; }
.w-100 { width:100%; }
.relative { position:relative; }
.absolute { position:absolute; }
.right { right:-1px; }
.left { left:-1px; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.font-400 { font-weight: 400; }
.font-700 { font-weight: 700; }
.font-900 { font-weight: 700; font-weight: 900; }
.pt-0 { padding-top: 0rem; }
.pt-1 { padding-top: 0.625rem; }
.pt-2 { padding-top: 1.25rem; }
.pt-3 { padding-top: 1.875rem; }
.pt-4 { padding-top: 2.5rem; }
.pt-5 { padding-top: 3.125rem; }
.pb-0 { padding-bottom: 0rem; }
.pb-1 { padding-bottom: 0.625rem; }
.pb-2 { padding-bottom: 1.25rem; }
.pb-3 { padding-bottom: 1.875rem; }
.pb-4 { padding-bottom: 2.5rem; }
.pb-5 { padding-bottom: 3.125rem; }
.pl-0 { padding-left: 0rem; }
.pl-1 { padding-left: 0.625rem; }
.pl-2 { padding-left: 1.25rem; }
.pl-3 { padding-left: 1.875rem; }
.pl-4 { padding-left: 2.5rem; }
.pl-5 { padding-left: 3.125rem; }
.pr-0 { padding-right: 0rem; }
.pr-1 { padding-right: 0.625rem; }
.pr-2 { padding-right: 1.25rem; }
.pr-3 { padding-right: 1.875rem; }
.pr-4 { padding-right: 2.5rem; }
.pr-5 { padding-right: 3.125rem; }
.mt-0 { margin-top: 0rem; }
.mt-1 { margin-top: 0.625rem; }
.mt-2 { margin-top: 1.25rem; }
.mt-3 { margin-top: 1.875rem; }
.mt-4 { margin-top: 2.5rem; }
.mt-5 { margin-top: 3.125rem; }
.mb-0 { margin-bottom: 0rem; }
.mb-1 { margin-bottom: 0.625rem; }
.mb-2 { margin-bottom: 1.25rem; }
.mb-3 { margin-bottom: 1.875rem; }
.mb-4 { margin-bottom: 2.5rem; }
.mb-5 { margin-bottom: 3.125rem; }
.ml-0 { margin-left: 0rem; }
.ml-1 { margin-left: 0.625rem; }
.ml-2 { margin-left: 1.25rem; }
.ml-3 { margin-left: 1.875rem; }
.ml-4 { margin-left: 2.5rem; }
.ml-5 { margin-left: 3.125rem; }
.mr-0 { margin-right: 0rem; }
.mr-1 { margin-right: 0.625rem; }
.mr-2 { margin-right: 1.25rem; }
.mr-3 { margin-right: 1.875rem; }
.mr-4 { margin-right: 2.5rem; }
.mr-5 { margin-right: 3.125rem; }
.text-uppercase { text-transform:uppercase; }
.align-items-center { display: flex; align-items: center; justify-content: center; position:relative; height:100%; }
.top-gradient { position:absolute; width:100%; top:0; left:0; background: linear-gradient(180deg,rgba(29, 29, 29, 1) 0%, rgba(29, 29, 29, 0) 100%); }
.bottom-gradient { position:absolute; width:100%; bottom:0; left:0; background: linear-gradient(0deg,rgba(29, 29, 29, 1) 0%, rgba(29, 29, 29, 0) 100%); }
.white-corner { top:-1px; }
.lgray-corner { top:0; }
.dgray-corner { top:0; }
.flip-horizontal { transform: scaleX(-1); }
.bounce { animation: bounce 2s ease infinite; }

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/** Specific Classes **/

.cs-container h2 { font-size: 2.5rem; }
.cs-container hr { border: 1px solid #a92d38; }

.cs-hero { background:#1d1d1d; height:80vh; background-size:cover; background-attachment:fixed; position:relative; }
.cs-hero .overlay { background:#1d1d1d; position:absolute; width:100%; height:100%; opacity: .40; }
.cs-hero .case-study-p { color:#fff; }
.cs-hero .cs-hero-inner { padding:50px 0px; }
.cs-hero .cs-hero-inner .arrow { width: 25px; height: auto; position:absolute; bottom:-50px; left:0px; }
.cs-hero .row.wide { padding-right:300px; position:relative; }
.cs-hero h1 { color:#fff; font-size:5rem; line-height:1.1; }

@media(max-width:1650px){
	.cs-hero .row.wide { padding-left: 1.5rem; }
}

@media(max-width:1440px){
	.cs-hero h1 { color:#fff; font-size:3.5rem; }
	.cs-hero .row.wide { padding-right:200px; }
}

@media(max-width:1199px){
	.cs-hero { background-attachment:scroll;  }
	.cs-hero h1 { color:#fff; font-size:3rem; }
	.cs-hero .row.wide { padding-right:100px; }
}

@media(max-width:768px){
	.cs-hero h1 { color:#fff; font-size:2.5rem; }
	.cs-hero .row.wide { padding-left: 1.5rem; padding-right: 1.5rem; }
}

.cs-overview { position:relative; }
.cs-overview .cs-overview-inner { padding:100px 0px; position:relative; }
.cs-overview .scottsystems-o { position:absolute; left:-200px; top:0px; height:100%; }
.cs-overview .scottsystems-o img { height:100%; width:auto; }

.cs-challenges { position:relative; }
.cs-challenges .cs-challenges-inner { padding:100px 0px; position:relative; }
.cs-challenges .scottsystems-o { position:absolute; left:-25px; bottom:-25px; width:150px; }
.cs-challenges .scottsystems-o img { height:auto; width:150px; }
.cs-challenges .cs-challenges-inner .image .absolute { position:absolute; }
.cs-challenges .cs-challenges-inner .image .background { background-size:cover; background-position: center center; background-repeat: no-repeat; }

@media(max-width:1199px){
	.cs-challenges .cs-challenges-inner .image .absolute { position:relative; min-height:500px; }
}

@media(max-width:768px){
	.cs-challenges .scottsystems-o { left:0px; width:75px; }
	.cs-challenges .scottsystems-o img { width:75px; }
}

.cs-vision { position:relative; }
.cs-vision .cs-vision-inner { padding:100px 0px; position:relative; }
.cs-vision .cs-vision-inner .quote { color:#a92d39; }

.cs-gallery .white-spacer { height:25%; bottom:0; left:0; }

@media(max-width:768px){
	.cs-gallery .white-spacer { height:50%; bottom:0; left:0; }
}

.cs-solution { position:relative; }
.cs-solution .cs-solution-inner { padding:100px 0px; position:relative; }
.cs-solution .scottsystems-o { position:absolute; right:-50px; bottom:-25px; width:150px; }
.cs-solution .scottsystems-o img { height:auto; width:150px; }
.cs-solution .cs-solution-inner .image .absolute { position:absolute; }
.cs-solution .cs-solution-inner .image .background { background-size:cover; background-position: center center; background-repeat: no-repeat; }

@media(max-width:1199px){
	.cs-solution .cs-solution-inner .image .absolute { position:relative; min-height:500px; }
}

@media(max-width:768px){
	.cs-solution .scottsystems-o { right:0px; width:75px; }
	.cs-solution .scottsystems-o img { width:75px; }
}

.cs-components { position:relative; }
.cs-components .cs-components-inner { position:relative; }
.cs-components .cs-components-inner .row.wide { margin-bottom:-50px; z-index:5; }

@media(max-width:768px){
	.cs-components .cs-components-inner .row.wide { margin-bottom:0px; z-index:5; }
}

.cs-outcome { background:#1d1d1d; height:80vh; background-size:cover; background-attachment:fixed; position:relative; }
.cs-outcome .overlay { background:#1d1d1d; position:absolute; width:100%; height:100%; opacity: .70; }
.cs-outcome .case-study-p { color:#fff; }
.cs-outcome .cs-outcome-inner { padding:50px 0px; }
.cs-outcome .cs-outcome-inner .arrow { width: 25px; height: auto; position:absolute; bottom:-50px; left:0px; }
.cs-outcome .row.wide { position:relative; }
.cs-outcome h2 { color:#fff; font-size:3rem; line-height:1.1; }

@media(max-width:1199px){
	.cs-outcome { background-attachment:scroll;  }
}

@media(max-width:768px){
	.cs-outcome h2 { color:#fff; font-size:2.5rem; }
	.cs-outcome .row.wide { padding-left: 1.5rem; padding-right: 1.5rem; }
}