body {font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; background: #faf5f3; color: #575757; position: relative;}

.carousel-caption {text-align: left; bottom: 30%;}
.carousel-caption h3 {font-weight: 600; font-size: 4.5em;}
.carousel-caption p {font-weight: 400; font-size: 3em;}
.carousel-caption h3, .carousel-caption p {color: #d85349; text-transform: uppercase; font-family: 'Oswald', sans-serif; margin-bottom: 0; line-height: 1;}
.carousel-item .caption-right {margin-left: 30%; width: 45%;}

.navbar {font-family: 'Oswald', sans-serif; font-weight: 400; background: #faf5f3;}
.navbar .navbar-nav .nav-link {color: #d85349; text-transform: uppercase;}
.navbar .navbar-nav .nav-link:hover {background: #fff;}
 
.navbar-toggler {border-color: rgba(0,0,0,.4);}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.mobile-brand {float: right; width: 70%;}
.mobile-brand img {width: 100%;}
.sticky {position: fixed; top: 0; width: 100%; z-index: 9;}

.sticky + .content {padding-top: 60px;}

.content-wrap {background: #fff; padding: 4em 0 2em 0;}
.content-wrap p {color: #575757;}
.content-wrap h2, .partner-wrap h2 {color: #d85349; font-size: 2.8em; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.content-wrap h3 {color: #d85349; font-size: 2.4em; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 2em;}
.content-wrap h3 span {color: #575757; font-size: .5em; font-weight: 400; display: block;}
.content-wrap h4 {color: #d85349; font-weight: 400; font-family: 'Oswald', sans-serif; font-size: 1.4em;}
.content-wrap h5 {color: #575757; font-weight: 400; font-family: 'Oswald', sans-serif; font-size: 1.5em; text-transform: uppercase; border-bottom: 1px solid #d85349; padding-bottom: .3em; margin-bottom: 1em;}
.content-wrap h5 span {color: #d85349;}
a.btn-more {color: #d85349; font-size: .875em; display: inline-block;}
a.btn-more:hover {text-decoration: none; color: #fff;}
a.btn-more span {background: #d85349; height: 3px; display: block; transition: all .2s ease-in;}
a.btn-more:hover span {background: #d85349; height: 30px; display: block; margin-top: -38%; transition: all .2s ease-in;}
/*a.btn-more i {margin-left: .5em;}
a.btn-more:hover i {margin-left: 1em;}*/

ul.distributor-list {list-style: none; padding: 0;}
ul.distributor-list li {width: calc(95%/3); float: left; text-align: center; color: #d85349; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; border: 1px solid #e9bfbb; border-radius: 6px; padding: 0.5em; margin: 0 .5em .5em 0;}
.partner-wrap h2 {margin-top: 2.5em;}
.partner-wrap h4 {color: #d85349; font-size: 1.5em; font-family: 'Oswald', sans-serif; font-weight: 400;}
.partner-wrap h4 span {background: #d85349; height: 3px; display: block; width: 10%; margin: .8em auto;}
.partner-wrap div:nth-child(2) {background: #fffbf9;}
.partner-wrap div:nth-child(2), .partner-wrap div:nth-child(3) {padding: 2em 1em; text-align: center;}
.partner-wrap ul {list-style: none; color: #d85349; padding: 0;}
.partner-wrap ul li {margin-bottom: .5em;}
ul.brands-list {list-style: none; text-align: center; padding: 0; margin: 2em 0 0;}
ul.brands-list li {display: inline-block; margin: 0 1em 2em;}
ul.services-list li {width: calc(100%/3); float: left;}
ul.services-list:after, ul.career-list:after, ul.product-list:after {clear: both; content: ""; display: block;}
ul.career-list {list-style: none; padding: 0;}
ul.career-list li {width: calc(95%/2); float: left; margin-right: 0.5em; margin-bottom: 0.5em; padding: 1em; border-radius: 6px; border: 1px solid #d85349; /*height: 180px;*/ height: auto;}
ul.career-list li h5 {color: #d85349; font-size: 1em; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase;}
ul.career-list li p, ul.career-list li a {font-size: 0.875em;}
ul.career-list li a {color: #d85349;}
ul.career-list li a.btn-more:hover span {background: #d85349; height: 30px; display: block; margin-top: -42%; transition: all .2s ease-in;}
.form-row {margin-bottom: 1em;}
.form-control:focus {border-color: #e9bfbb;}
.btn-submit {background: transparent; border: 0; border-bottom: 3px solid #d85349; cursor: pointer; color: #d85349;}

ul.side-list {list-style: none; padding: 0;}
ul.side-list li {margin-bottom: .5em;}
ul.side-list li a {padding: 0.5em 0.8em; font-size: 0.875em; color: #575757; border-left: 5px solid transparent; display: block;}
ul.side-list li a:hover, ul.side-list li a.active {border-left: 5px solid #d85349; background: #fdf9f7; text-decoration: none;}

ul.product-list {padding: 0; list-style: none;}
ul.product-list li {float: left; width: calc(90%/3); margin: 0 0.75em 2em; text-align: center;}
ul.product-list li a {display: block}
ul.product-list li a:hover {text-decoration: none;}
ul.product-list li a img {background: #fdf9f7; padding: 2em;}
ul.product-list li a:hover img {background: #fff;}
ul.product-list li a h6 {color: #d85349; text-decoration: none; margin-top: 1em; padding: .5em; transition: all .2s ease-in;}
ul.product-list li a:hover h6 {background: #d85349; color: #fff; transition: all .2s ease-in;}


footer {padding: 2em 0; color: #d85349;}
footer h3 {font-family: 'Oswald', sans-serif; font-size: 1.8em; font-weight: 700; text-transform: uppercase;}
footer p {font-size: 0.875em; margin-bottom: 0;}
footer ul {list-style: none; font-size: 0.875em;}
footer ul li {display: inline-block; margin: 0 1em;}
footer ul li a {color: #d85349;}
footer ul li a:hover {color: #d85349; text-decoration: underline;}
footer a.btn-more span {background: #d85349; height: 3px; display: block; transition: all .2s ease-in;}
footer a.btn-more:hover span {background: #d85349; height: 30px; display: block; margin-top: -49%; transition: all .2s ease-in;}

.copyright {font-size: 0.8em; border-top: 1px solid #d85349; margin-top: 3em; padding-top: 1em;}

.side-cta {position: fixed; right: 0; top: 25%; width: 8%; text-align: center; background: #d85349; font-size: 0.75em; border-radius: 6px 0 0 6px; transition: all .2s ease-in; z-index: 9;}
.side-cta a:hover {background: #b9291e; transition: all .2s ease-in;}
.side-cta a {padding: 1em; display: block; color: #fff;}
.side-cta a:hover {text-decoration: none;}

a, a:hover, a.btn-more, a.btn-more:hover, a.btn-more i, a.btn-more:hover i {transition: all .2s ease-in;}
a:focus {outline: none;}
.product-list li:nth-of-type(3n+1){ clear: left; }
ul.sub-menu { display: none;}
li.active > ul.sub-menu { display: block; list-style-type: none; padding: 6% 7% 0% 7%;}
.career-list li:nth-of-type(2n+1) { clear: left;}
li.nav-item.active a.nav-link { color: #fff; font-weight: 600; background-color: #f7941e; }

@media (max-width: 576px) {
    .carousel-caption {bottom: 20%;}
    ul.distributor-list li {width: calc(95%/2);}
}
@media (max-width: 767px) {
    .navbar-brand {display: none;}
    ul.product-list li {width: calc(95%/1);}
    ul.career-list li {width: calc(100%/1);}
    ul.services-list li {width: calc(100%/2);}
    .carousel-caption h3 {font-size: 1.1em;}
    .carousel-caption p {font-size: 1em;}
    .side-cta {display: none;}
    .d-none {display: block!important;}
    ul.distributor-list li {font-size: 0.8em;}
    .partner-wrap h2 {margin-top: 1em;}
    a.btn-more {margin-bottom: 2em;}
    #mobile-wrap .content-wrap {padding-top: 6em;}
    .content-wrap img {margin-bottom: 2em;}
    ul.product-list li a img {margin-bottom: 1em;}
    #mobile-wrap .navbar {position: fixed; z-index: 9; width: 100%;}
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-left: 1em; padding-right: 1em;}
    .mobile-brand {display: none;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    ul.product-list li {margin: 0 0.5em 2em;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .mobile-brand {width: 40%;}
    .navbar-brand {display: none;}
    ul.distributor-list li {width: calc(95%/2);}
    .side-cta {width: 15%;}
    ul.product-list li {margin: 0 0.5em 2em;}
}

/* Product list */

@media (max-width: 767px) and (min-width: 524px ){
	.product-list li:nth-of-type(3n+1){
		clear: none;
	}

	.product-list li:nth-of-type(2n+1){
		clear: left !important;
	}
}

@media (max-width: 524px) and (min-width: 375px ){
	ul.product-list li {width: calc(92%/1);}

}

@media (max-width: 767px ) and (min-width: 525px ){
	ul.product-list li {width: calc(45%/1);}

}

@media (max-width: 1200px ) and (min-width: 768px ){
	ul.product-list li {width: calc(28%/1);}

}