@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

/*UNIVERSAL*/
body {
	background:#ffffff;
	color:#333333;
    font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin-top: 0;
}
a, a:hover {
	color:#ff0000;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
}
h1, h2, h3, h4, h5, h6 {
	color:#ff0000;
    font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 13px;
}


b, strong {
	font-weight: 700;
}

img {
	height: auto;
	max-width: 100%;
}
li {
    margin: 0 0 5px;
}
.btn, .btn:hover, .btn:focus,
.btn-primary, .btn-primary:hover, .btn-primary:focus{
    background: none repeat scroll 0 0 #ff0000;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    padding: 15px 30px;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #cbcbcb;
    border-color: #cbcbcb;
}

.container {
    width: 100%;
    max-width: 1920px;
}
.container > .row {
    padding: 0 20px;
    margin: 0 auto;
}

.form-required {
    position: relative;
}
.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    vertical-align: super;
    content: '*';
    color: #f10000;
    position: absolute;
    top: -1px;
	background-image: none;
}
.webform-required .form-required {
    padding-left: 17px;
}
.webform-required .form-required:after {
    left: 0;
}
::placeholder {
	color: #CCC !important;
	font-style: italic;
}

/* Fixes slick slideshow globally.
 https://github.com/kenwheeler/slick/issues/982#issuecomment-73517458
 https://www.drupal.org/project/slick/issues/3060748#comment-13150634*/
* {
  min-height: 0;
  min-width: 0;
}


/*MAINTENANCE PAGE*/
.maintenance-page #page-wrapper {
    border: none !important;
    text-align: center;
    margin-top: 100px !important;
}
.maintenance-page img {
    max-width: 400px;
    margin: 0 auto 20px;
}
.alert-wrapper .alert {
    max-height: 75px;
    font-size: 80%;
}
.alert-heading {
    font-size: 20px;
    margin-bottom: 0;
}
.messages__wrapper {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background: #ffffffa1;
    width: 100%;
    left: 0;
    padding: 10px;
    font-size: 14px;
}





/*HEADER and NAV*/
.affix {
    position: fixed;
}
#navbar-top {
    background-color: #fff;
}
#header {
	background-color: #fff;
	width: 100%;
}
.scrolled #header {
    position: fixed;
    top: 0;
    z-index: 9999;
}
#navbar-main {
    background-color: transparent;
}
.navbar-brand img {
    max-width: 100px;
    transition: 1s;
}
.scrolled .navbar-brand img {
    max-width: 80px;
}
.scrolled #navbar-main .container {
    padding: 5px 15px;
}
.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ff0000;
    font-size: 15px;
}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	background: transparent;
}
.menu--account > div > a {
    font-size: 12px !important;
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
    color: #ff0000;
    background: transparent;
}
.dropdown-toggle::after {
	color: #ff0000;
}
.dropdown-menu {
    border: none;
    font-size: inherit;
}
.navbar-nav .dropdown-menu > li > a, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > active > a {
    background-color: transparent;
}
.dropdown-item {
    padding: 0 10px 10px;
}
.dropdown-item:hover, .dropdown-item:focus {
	background: transparent;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}





/*CONTENT TOP*/
.contentheader {
	position:relative;
	min-height: 500px;
}
.contentheader .views-field-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 20px;
}
.contentheader .views-field-title h1 {
    color: #ff0000;
    text-shadow: 3px 3px 5px #00000029;
    font-size: 30px;
}





/*MAIN*/
#contenttop .row, #slideshow .row, #contentbottom .row {
    margin: 0 auto;
    display: block;
    flex-wrap: unset;
}
#main {
    margin: 0 auto;
    max-width: 100%;
	width:100%;
    padding: 0;
}
#main > .row {
    padding: 0;
}
#main > .row > .col {
    padding: 0;
}
.view-title .row {
    display: block;
    margin: 0;
}
.views-field-edit-node {
    font-size: 80%;
    font-style: italic;
    margin: 10px 0;
}



.flexaligncenter .layout,
.aligncenter > .layout {
    align-items: center;
}


.field--name-field-sections .field__item {
    clear: both;
    overflow: hidden;
}
.field--name-field-sections .field__item > .paragraph {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 30px;
	position:relative;
}
.field--name-field-sections .field__item > .paragraph.fullwidth {
    width: 100%;
    max-width: 100%;
}
.field--name-field-sections .field__item > .paragraph.fullwidth.homecarousel,
.field--name-field-sections .field__item > .paragraph.fullwidth.gallery {
	padding: 0;
	position:relative;
}
.field--name-field-sections .field__item > .paragraph.fullwidth > .layout {
    max-width: 1400px;
    margin: 0 auto;
}
.field--name-field-sections .field__item > .paragraph.fullwidth.homecarousel > .layout,
.field--name-field-sections .field__item > .paragraph.fullwidth.gallery > .layout {
    max-width: 100%;
}
.layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    padding: 30px;
}

.paragraph.fullwidth.fullwidthimage {
    padding: 0;
}
.paragraph.fullwidth.fullwidthimage .layout {
    max-width: 100% !important;
}
.paragraph.fullwidth.fullwidthimage img {
    width: 100%;
    margin: 0;
}

.field--name-field-sections .field--name-field-image {
    text-align: center;
    width: 100%;
}

.narrowtext {
    padding: 0 11%;
}
.narrowtext .layout,
.narrowtext.paragraph {
    max-width: 900px !important;
	margin:0 auto;
}
.view .row {
    margin-left: auto;
    margin-right: auto;
}

.gallery {
    position: relative;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery {
    gap: 0;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery .field__item .field--name-field-media-image {
    margin: 0;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery .field__item .field--name-field-media-image .field__item img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 3px;
}

.homecarousel {
    /*max-height: 700px;
    overflow: hidden;*/
}
.homecarousel .field--name-field-image, .homecarousel .field--name-field-image img,
.homecarousel .field--name-field-home-carousel-image, .homecarousel .field--name-field-home-carousel-image img {
    width: 100%;
}
.homecarousel .ept-carousel-controls {
    display: none;
}

.spacersmall {
    padding: 25px 0;
}
.spacermedium {
    padding: 50px 0;
}
.spacerlarge {
    padding: 100px 0;
}
.spacerxlarge {
    padding: 150px 0;
}
.spacerxxlarge {
    padding: 250px 0;
}

.ept-carousel-basic .field--type-image {
    margin: 0;
}
.ept-carousel-basic .field--name-field-mobile-image {
    display: none;
}
.ept-carousel-basic .ept-carousel-prev, .ept-carousel-basic .ept-carousel-next {
    border-color: #ffffff;
    opacity: .9;
}


.twoup .views-row {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 20px;
}
.threeup .views-row {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 20px;
}
.twoup .views-row .views-field,
.threeup .views-row .views-field {
    margin-bottom: 15px;
}

.ept-paragraph-image .ept-container {
    position: relative;
}
.ept-paragraph-image .ept-container a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}


.circleimage img {
    border-radius: 999px;
    border: 10px solid #fff;
	overflow: hidden;
}
.paragraph--type--ept-text {
    padding: 0 20px;
}


.col3 {
    display: inline-block;
    width: 32%;
    vertical-align: top;
}


.node--type-article #main,
.path-product #main,
.path-cart #main, .path-checkout #main {
    max-width: 1600px;
	padding: 0 20px;
}


.paragraph--unpublished {
    display: none;
}


.view-filters .btn {
    font-size: 80%;
    padding: 6px 20px;
    margin: 0 0 0 10px;
}
.views-exposed-form > div {
    justify-content: center;
}
.views-exposed-form .js-form-item {
    width: 100%;
    max-width: 300px;
}






/*PRODUCTS AND CART*/
.field--name-quantity input {
    width: 100px;
}
.view-commerce-cart-form .row {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
.view-commerce-cart-form .row .table-responsive {
    padding: 0;
}
.view-commerce-cart-form button {
    font-size: 100%;
}
.views-field-remove-button .btn {
    font-size: 14px;
    padding: 3px 9px;
    font-family: arial;
}
.view-commerce-cart-form .form-actions {
    margin: 30px auto 0;
}
.view-commerce-cart-form .form-actions button#edit-submit {
    background: #ff0000;
}
.path-checkout legend {
    font-size: 28px;
    color: #ff0000;
    font-weight: 900;
}
.layout-region-checkout-footer a.link--previous {
    display: block;
    margin-top: 20px;
    font-size: 80%;
}




/*USER*/
.path-user #main {
    max-width: 900px;
    padding: 50px 10px 100px 10px;
}







/*WEBFORMS*/
.webform-submission-form {
    margin: 30px auto;
}
.form-inline .form-control {
    display: block;
    width: 100%;
}
form label {
    display: block;
}
select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.webform-name--wrapper .fieldset-wrapper,
.webform-address--wrapper .fieldset-wrapper {
    display: flex;
    gap: 20px;
}
.narrowform {
    max-width: 600px;
    margin: 0 auto;
}





/*FOOTER*/
.site-footer {
    border: none;
    background: #ff0000;
	color: #ffffff;
	text-align:center;
    font-family: inherit;
	font-size: 80%;
}
.site-footer .block {
	border: none;
}
.site-footer a, .site-footer a:hover, .site-footer a:focus,
.site-footer .content a, .site-footer .content a.is-active,
.site-footer h1 {
	color: #ff0000;
}
.site-footer__bottom {
    letter-spacing: inherit;
    margin-top: 0;
    border-top: none;
}
.site-footer__bottom .region {
    margin-top: 0;
}
#block-footercopyrightanalytics {
    width: 100%;
}
.site-footer .content {
    color: inherit;
    font-size: inherit;
}




/**********************************************************************************/
/*MOBILE STYLES*/
/**********************************************************************************/
@media(max-width:1920px) {
.container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

}


@media(max-width:1600px) {
.container {
	width: 100%;
}

}


@media(max-width:1400px) {
.container {
	width: 100%;
}

}


@media(max-width:1200px) {
.container {
	width: 100%;
}
.node--type-article #main,
.path-product #main {
    padding-top: 80px;
}

}


@media(max-width:992px) {
.container {
	width: 100%;
}
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus {
    background: transparent;
    border: none;
	outline: none;
    border-radius: 0;
    position: absolute;
    top: 25px;
    right: 10px;
    margin: 0;
}
.navbar-toggler .icon-bar {
    background-color: #ff0000;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	margin-top: 4px;
}
.navbar-collapse {
    border: none;
    text-align: center;
}
.region-navigation {
    text-align: center;
}
.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	font-size: 110%;
    padding: 7px 15px;
}
.dropdown-item {
	text-align:center;
}
.navbar-brand {
    display: block;
    margin: 0 auto;
}
.threeup .views-row {
    width: 50%;
}


}


@media(max-width:768px){
.container {
	width: 100%;
	padding: 0 20px;
}

.layout--twocol-bricks > .layout__region,
.layout--twocol > .layout__region {
    flex: 0 1 100%;
}
.contentheader .views-field-title h1,
.pagetitle h1 {
    font-size: 40px;
}
.field--name-field-sections .field__item > .paragraph {
    padding: 50px 20px;
}

.homecarousel .ept-carousel-basic .field--name-field-image,
.homecarousel .ept-carousel-basic .field--name-field-home-carousel-image {
    display: none;
}
.ept-carousel-basic .field--name-field-mobile-image {
    display: unset;
}

ul {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
}


.narrowtext {
    padding: 0;
}


.path-product .splide--field-images {
    width: 100%;
    margin-bottom: 30px;
}

.col3 {
    width: 31%;
}


}


@media(max-width:576px){
.container {
	width: 100%;
}
.region-top-header {
    display: block;
}
.region-top-header > div {
    flex: none;
    text-align: center;
    font-size: 85%;
}

.navbar-brand img {
    padding: 0 20px;
}
.layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    padding: 10px 20px;
}

.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery {
    display: block;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery > .field__item {
    width: 49%;
    display: inline-block;
}


.threeup .views-row {
    width: 100%;
    display: block;
    padding: 0 0 20px;
}

#navbar-main {
    padding: 0;
}
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus {
    top: 20px;
    right: 10px;
	transition: 1s;
}
.scrolled .navbar-toggler {
    top: 14px;
}


.spacersmall {
    padding: 15px 0;
}
.spacermedium {
    padding: 25px 0;
}
.spacerlarge {
    padding: 30px 0;
}
.spacerxlarge {
    padding: 50px 0;
}
.spacerxxlarge {
    padding: 50px 0;
}


#navbar-top li.nav-item .nav-link {
    padding: 2px 8px;
}


.node--type-article .field--type-image {
    width: 100%;
}


.pagetitle {
    padding: 70px 20px 0;
}

.view-commerce-cart-form .form-actions button {
    display: inline-block;
    width: 49%;
	padding: 15px 10px;
}


.col3 {
	display:block;
	margin-bottom: 20px;
    width: 100%;
}




}

@media(max-width:400px){


}