/*
/*
Theme Name: uppereight
Theme URI: http://www.uppereight.com
Author: Upper eight AB - Webbyrå i Malmö
Author URI: http://www.uppereight.com/kontakt
Description: Startup theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uppereight
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
!top UECSS
Colors:
Red #b50c00
Brown #8c7f70
Grey #666465
Light Grey #f0eff0
Light Brown #e8e5e2


*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !Normalize UECSS*/
/*--------------------------------------------------------------*/

#content{
	
}


	
	
	@media only screen and (min-width: 769px) {
		#masthead .navbar-nav > li {
		}
		
		#masthead .navbar-nav > li:hover > .dropdown-menu {
		display: block;
		top: 30px;
	}
	#masthead .navbar-nav li > .dropdown-menu li:hover .dropdown-menu {
		left: 190px;
		top: 0;
		width: 200px !important;
		display: block;
	}
}
	



body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  	color: #666465;
  	  background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
}


h1, h2, h3, h4, h5, h6 {
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 400;
    color: #666465;
}

h1 {
    font-size: 44px;
    font-size: 2.75rem;
    font-weight: 300;
    line-height: 1.273em;
    margin: 0;
    padding: 1.5rem 0 0.75rem;
}

h2 {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.143em;
    margin: 0;
    padding: 0.75rem 0 1rem;
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0;
    padding: 0.5rem 0 0.75rem;
}

.comment-respond h3, .entry-comments h3 {
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: -2px;
    margin-bottom: 3.750rem;
    margin-top: 6.25rem;
}

h4 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
}

h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
}

h6 {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
}

a {
    color: #b50c00 ;
    font-weight: 700;
}

a:focus, a:hover {
    color: #666465;
    text-decoration: none;
}

a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img, .site-header {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}



.navbar-brand {
    padding-top: 0.25rem;
}

.navbar-brand > a {
    color: #232525;
    font-family: "Roboto",sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1;
}

div#page-sub-header h1 {
    font-family: "Roboto",sans-serif;
    font-size: 4.85rem;
    letter-spacing: -3px;
    line-height: 1.2;
    margin-bottom: 0;
    text-transform: none;
    padding-top: 0;
}

div#page-sub-header p {
    max-width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
}

.page .entry-title,v.single .entry-title, .blog .entry-title {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 300;
    padding: 0;
}

#secondary .widget-title {
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-size: 0.813rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.125em;
    text-transform: uppercase;
}

.entry-meta {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 1px;
}

.post-thumbnail {
    margin-bottom: 1.875rem;
}

.form-control {
    font-size: 1rem;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------*/
/* !Typography UECSS*/
/*--------------------------------------------------------------*/

@font-face {
  font-family: 'fontello';
  src: url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.eot?66815417');
  src: url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.eot?66815417#iefix') format('embedded-opentype'),
       url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.woff2?66815417') format('woff2'),
       url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.woff?66815417') format('woff'),
       url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.ttf?66815417') format('truetype'),
       url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.svg?66815417#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?66815417#fontello') format('svg');
  }
}
*/


h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

b, strong {
    font-weight: 700;
}


/*--------------------------------------------------------------*/
/* !Elements UECSS*/
/*--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

a.btn-ea-white, button.btn-ea-white, input.btn-ea-white {
	border: 1px solid white;
	background-color: white;
    color: #8b7f6f;
    padding: 5px 52px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 0.875rem;
}

input.btn-ea-white {
	color: #b50b00;
}

.btn-100 {
	width: 100%;
}

a.btn-ea-white-invert, button.btn-ea-white-invert {
	border: 1px solid white;
	background-color: transparent;
    color: white;
    padding: 5px 52px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 0.875rem;
}

.quote-wrapper a.btn-ea-white {
    vertical-align: text-top;
    /* margin-left: 1rem; */
}

button.btn-ea-white, input.btn-ea-white {
	padding: 5px 15px;
}

a.btn-more.btn-ea-white:hover {
	background-color: #b50c00;
    color: white;
}

a.btn-more.btn-ea-white {
    color: #b50c00;
}

a.btn-ea-white:hover, a.btn-ea-white:focus, button.btn-ea-white:hover, button.btn-ea-white:focus {
	background-color: #8b7f6f;
    color: white;
}

input.btn-ea-white:hover, input.btn-ea-white:focus {
	background-color: #b50b00;
    color: white;
	
}

a.btn-ea-white-invert:hover, a.btn-ea-white-invert:focus, button.btn-ea-white-invert:hover, button.btn-ea-white-invert:focus {
	background-color: white;
    color: #b50c00;
}

.btn-small {
	padding: 5px 5px !important;
}

a.btn-ea-brown, button.btn-ea-brown {
	border: 1px solid #8b7f6f;
	background-color: #8b7f6f;
    color: white;
    padding: 5px 52px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 0.875rem;
}

a.btn-ea-brown:hover, a.btn-ea-brown:focus, button.btn-ea-brown:hover, button.btn-ea-brown:focus  {
	background-color: white;
    color: #8b7f6f;
}

a.btn-mini {
	padding: 1px 5px !important;
    border-radius: 4px !important;
}

a.btn-ea-red, button.btn-ea-red, input.btn-ea-red {
	border: 1px solid #b50c00;
	background-color: #b50c00;
    color: white;
    padding: 5px 52px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 0.875rem;
}

a.btn-ea-red:hover, a.btn-ea-red:focus, input.btn-ea-red:hover, input.btn-ea-red:focus {
	background-color: white;
    color: #b50c00;
}

a.btn-ea-brown.float-right {
    padding: 1px 52px;
}

.top-1 {
	padding-top: 1.25rem;
}

.padding-1 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.margin-2 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.main-vid .loader, .main-vid .loaderM{
	margin-top: 50px;
	display: none;
}

.hasredhr hr {
	border-top: 2px solid rgb(187, 2, 0);
}

.loaderM, .tab-content .loader {
    margin: 0px auto;
    text-align: center;
    width: 100%;
    position: absolute;
    background: white;
    height: 100%;
    z-index: 22;
    display: none;
}

.loader {
	margin:200px auto;
	display: none;
}

.loader h6, .loaderM h6 {
	text-align: center;
	font-weight: 900;
}

.loader span, .loaderM span{
	width:16px;
	height:16px;
	border-radius:50%;
	display:inline-block;
	position:absolute;
	left:50%;
	margin-left:-10px;
	-webkit-animation:3s infinite linear;
	-moz-animation:3s infinite linear;
	-o-animation:3s infinite linear;
	
}


.loader span:nth-child(2), .loaderM span:nth-child(2){
	background:#b50c00;
	-webkit-animation:kiri 1.2s infinite linear;
	-moz-animation:kiri 1.2s infinite linear;
	-o-animation:kiri 1.2s infinite linear;
	
}
.loader span:nth-child(3), .loaderM span:nth-child(3){
	background:#666465;
	z-index:100;
}
.loader span:nth-child(4), .loaderM span:nth-child(4){
	background:#b50c00;
	-webkit-animation:kanan 1.2s infinite linear;
	-moz-animation:kanan 1.2s infinite linear;
	-o-animation:kanan 1.2s infinite linear;
}

#eaMessage {
	display: none;
	position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
}

#eaMessage.show {
	display: block;
}

.ea-alert {
	color: #ffffff;
    font-weight: 300;
	display: inline-block;
    padding: 10px 20px;
    text-align: center;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.ea-alert a {
	color: white;
}

.ea-success {
    background-color: #4a9b5d;
}

#eaMessage p {
	margin: 0;
}

.ea-error {
    background-color: #780e07;
}

.validation-msg {
	color: white;
    padding: 5px;
    text-align: center;
    margin-bottom: 40px;
}

.validation-msg p {
	margin-bottom: 0;
}

.errorlist {
	padding: 0;
    list-style: none;
}

.errorlist li {
	text-align: left;
}

@-webkit-keyframes kanan {
    0% {-webkit-transform:translateX(20px);
    }
   
	50%{-webkit-transform:translateX(-20px);
	}
	
	100%{-webkit-transform:translateX(20px);
	z-index:200;
	}
}
@-moz-keyframes kanan {
    0% {-moz-transform:translateX(20px);
    }
   
	50%{-moz-transform:translateX(-20px);
	}
	
	100%{-moz-transform:translateX(20px);
	z-index:200;
	}
}
@-o-keyframes kanan {
    0% {-o-transform:translateX(20px);
    }
   
	50%{-o-transform:translateX(-20px);
	}
	
	100%{-o-transform:translateX(20px);
	z-index:200;
	}
}




@-webkit-keyframes kiri {
     0% {-webkit-transform:translateX(-20px);
	z-index:200;
    }
	50%{-webkit-transform:translateX(20px);
	}
	100%{-webkit-transform:translateX(-20px);
	}
}

@-moz-keyframes kiri {
     0% {-moz-transform:translateX(-20px);
	z-index:200;
    }
	50%{-moz-transform:translateX(20px);
	}
	100%{-moz-transform:translateX(-20px);
	}
}
@-o-keyframes kiri {
     0% {-o-transform:translateX(-20px);
	z-index:200;
    }
	50%{-o-transform:translateX(20px);
	}
	100%{-o-transform:translateX(-20px);
	}
}

@media (max-width: 767px){
	a.btn-ea-red, button.btn-ea-red, input.btn-ea-red {
	    font-size: 16px;
	}
	
	a.btn-ea-white, button.btn-ea-white {
    	font-size: 16px;
	}
	
	a.btn-ea-white-invert, button.btn-ea-white-invert {
	    font-size: 16px;
	}
	
	.headerTable{
		max-width: 90%!important;
	}
}

/*--------------------------------------------------------------*/
/* !Forms UECSS*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !Accessibility UECSS*/
/*--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

#masthead .navbar-nav > .megamenu-column ul li a {
    font-weight: 900;
}

.formstyle input {
	border-radius: 0;
}

.formstyle button {
	margin-top: 1rem;
}

/*--------------------------------------------------------------*/
/* !Alignments UECSS*/
/*--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}


/*--------------------------------------------------------------*/
/* !Clearings UECSS*/
/*--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}




/*--------------------------------------------------------------*/
/* !Navigation UECSS*/
/*--------------------------------------------------------------*/



.navbar-wrapper {
	background-color: #b50c00;
	border-top: 2px solid #656465;
    border-bottom: 2px solid #b50c00;
}

.navbar {
    padding: 0.1875rem 1rem 0.1875rem 0 !important;
}

.navbar-wrapper .search-field.form-control {
	padding: 0.1875rem .5rem;
}

.navbar-wrapper .input-group-addon {
	padding: 0.1875rem 0.5rem;
	background-color: white;
	border: none;
}

.navbar-wrapper .input-group-addon svg {
	width: 17px;
	height: 17px;
}

.navbar-wrapper .search-field.form-control {
    border: none;
    outline-color: transparent;
	outline-style: none;
}

.navbar-wrapper .search-field.form-control:focus {
	border: none;
	box-shadow: unset;
}

header#masthead {
  box-shadow: 0 0 2px -1px #333;
  margin-bottom: 0;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  outline: medium none;
  text-decoration: none;
}

#masthead .navbar-nav > li a {
     border-bottom-width: 0;   
     text-align: center;  
     display: block;     
     font-family: "Roboto",sans-serif;     
     font-size: 1em;     
     font-weight: 500;     
     letter-spacing: 0.5px;     
     padding: 15px;     
     text-transform: uppercase;

}

#masthead .navbar-nav > li > a:focus, #masthead .navbar-nav > li > a:hover {

}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#top-menu {
	margin-left: 130px;
    margin-bottom: -10px;
   
    padding: 4px 0 0 0;
    height: 29px;
    width: 55%;
    float: left;
	text-align: right;
}

#top-menu li {
	display: inline-block;
	padding-right: 40px;
	border-bottom: 1px solid #666465;
	margin-left: -5px;
}

#top-menu li a {
	text-transform: uppercase;
	color: #666465;
	font-size: 0.875rem;
	font-weight: bold;
}


#page-sub-header {
  padding: 1.875rem 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  color: #cdbfe3;
  padding: 4rem 0.938rem;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

#page-sub-header h1 {
  margin-top: 0;
  color: #fff;
  margin-bottom: 0.625rem;
}

#page-sub-header p {
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.4;
}

#phoneTop{
    position: absolute;
    right: 112px;
    margin-top: -33px;
    font-size: 12px;
}

#phoneTop a{
	color: #666465!important;
}

#phoneTop svg path{
	fill: #666465
}

#phoneTop svg{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 5px;
}

.relative{
	position: relative;
}

@media screen and (min-width: 992px) {
	
	.burger-bar {
		width: 25px;
	    height: 17px;
	    position: relative;
	    display: inline-block;
	    border-top: 3px solid white;
		margin-left: 25px;
	    margin-top: 11px;
	}
	.burger-bar:after, .burger-bar:before {
		content: '';
		width: 100%;
		
		background-color:white;
		position:absolute;
	}
	
	.burger-bar:after {
		bottom:0px;
		left:0;
		height:3px;
	}
	.burger-bar:before {
		top:4px;
		left:0;
		height:3px;
	}

	.burger-bar > a {
		position: absolute;
	    top: -22px;
	    left: -12px;
	    color: transparent !important;
	}
	
	/*
	.burger-bar a:hover {
	    color: transparent !important;
	}*/
	
  #page-sub-header h1 {
    font-size: 3.750rem;
    line-height: 1;
  }

  #page-sub-header {
    padding-top: 3.750rem;
    padding-bottom: 3.750rem;
    text-align: left;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
	#page-sub-header p {
		max-width: 50rem;
	}
  
	#menu-item-28 .dropdown-menu{
		margin-top: -5px;
		margin-left: -90px;
		border: 1px solid black;
	}
	
	#menu-item-25 .dropdown-menu{
		border: 1px solid black;
		margin-top: 9px;
	}
	
	.burger-bar > a {
		line-height: 40px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.burger-bar {
		margin-right: 18px;
		margin-top: 9px;
	}
	
	#top-menu {
    	margin-left: 0px;
    }
    
    .navbar-brand {
    	padding-top: 20px!important;
		padding-bottom: 16px;
	}
	
	.navbar-megamenu .search-form{
		width: 120px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#phoneTop{
    	right: 88px;
	}
}

@media (max-width: 767px){
	#top-menu {
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	
	#top-menu li {
    	padding-right: 15px;
	}
	
	#phoneTop{
    	right: 15px;
	}
	
	.navbar {
    	padding: 0.1875rem 0 !important;
	}
}


/*--------------------------------------------------------------*/
/* !-Mega Menu UECSS*/
/*--------------------------------------------------------------*/

@media (min-width: 992px){


	.navbar-megamenu {
	
	}
	.navbar-megamenu .navbar-brand {
	  color: #fff;
	  font-weight: 800;
	}
	.navbar-megamenu .navbar-nav > li > a {
	  color: #fff;
	}
	.navbar-megamenu .navbar-nav > li > a:hover, .navbar-megamenu .navbar-nav > li > a:focus {
	  color: #fff;
	}
	.navbar-megamenu .navbar-nav > li.active > a, .navbar-megamenu .navbar-nav > li.active > a:hover, .navbar-megamenu .navbar-nav > li.active > a:focus, .navbar-megamenu .navbar-nav > li.open > a, .navbar-megamenu .navbar-nav > li.open > a:hover, .navbar-megamenu .navbar-nav > li.open > a:focus {
	  color: #fff;
	}
	.navbar-megamenu .navbar-nav > li.megamenu {
	  position: static;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu {
	    width: 800px;
	    margin-top: 70px;
	    padding-bottom: 0;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column {
	  width: 33%;
	  display: block;
	  float: left;
	}
	
	li.megamenu-column.sec {
		min-height: 260px;
	}
	
	.menu-item-26 li.megamenu-column.sec {
		min-height: 280px;
	}
	
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column-full {
	    display: block;
	    width: 100%;
	    clear: both;
	    position: relative;
	    padding-top: 15px;
	    padding-bottom: 10px;
	    margin-left: -20px;
	}
	
	
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .divider {
	  margin: 16px 20px 10px;
	  max-width: 60px;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column ul {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	}
	
	
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column a {
	  font-size: 13px;
	  padding: 3px 20px;
	  display: block;
	  color: #333;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column a:hover, .navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column a:focus {
/* 	  background-color: #f5f5f5; */
	  color: #333;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column span.sub {
	  font-size: 11px;
	  line-height: 1.6em;
	  margin-top: -4px;
	  padding: 2px 20px;
	  display: block;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .featured-image a {
	      font-size: 1rem !important;
	    color: #b50b00;
	    font-weight: 900 !important;
	}
	
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .featured-image {
	   position: relative;
	}
	

	
	
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .featured-image a img {
	  padding: 5px 0;
		width: 65%;
		margin: auto;
		display: block;
		text-align: center;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .description {
	  padding: 3px 0;
	}
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .description a {
	  display: none;
	}
	
	
	.dropdown-menu.depth_0 {
	
	  position: absolute;
	  border-right: 1px solid black !important;
	  border-radius: 1px;
	}
	
	.dropdown-inner {
	    width: 740px;
	    border-top: 1px solid black;
	    border-left: 1px solid black;
	    margin-top: -67px;
	    background-color: white;
	    padding-left: 20px;
	    min-height: 385px;
	 }
	
	.cutted-inner {
	  height: 400px;
	
	  background: #1abc9c;
	  color: #ecf0f1;
	 border: 1px solid black;
	}
	
	
	
	.cutt-border:before {
	    content: "";
	    position: absolute;
	    top: -30px;
	    right: -12px;
	    width: 85px;
	    height: 6px;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	    border-top: 1px solid black;
	}
	
	.cutt-border:after {
	    content: "";
	    position: absolute;
	    bottom: -31px;
	    left: -11px;
	    width: 85px;
	    height: 4px;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	    border-bottom: 1px solid black;
	}
	
	
	
	/*
	.top:before {
	    content: "";
	    width: calc(100% - 59px);
	    height: 60px;
	    position: absolute;
	    bottom: 100%;
	    right: 60px;
	    background: white;
	    border-left: 1px solid black;
	    border-top: 1px solid black;
	}
	*/
	.top:after {
	    content: "";
	    width: 0;
	    height: 0;
	    margin-left: -61px;
	    position: absolute;
	    bottom: 100%;
	    left: 100%;
	    border: 30px solid white;
	    border-right: 30px solid transparent;
	    border-top: 30px solid transparent;
	    border-top-left-radius: 4px;
	}
	
	.bottom:before {
	    content: "";
	    width: calc(100% - 59px);
	    height: 60px;
	    position: absolute;
	    top: 100%;
	    left: 60px;
	    background: white;
	    border-right: 1px solid black;
	    border-bottom: 1px solid black;
	}
	.bottom:after {
	    content: "";
	    width: 0;
	    height: 0;
	    margin-right: -61px;
	    position: absolute;
	    top: 100%;
	    right: 100%;
	    border: 30px solid white;
	    border-left: 30px solid transparent;
	    border-bottom: 30px solid transparent;
	}
	
	.menu-cta {
		position: absolute;
	    background-color: #666465;
	    list-style: none;
	    width: 720px;
	}
	
	.menu-cta a {
		color: white;
	}
	
	.nav-cta-title {
		position: relative;
		float: right;
	    font-size: 2rem;
	    font-weight: bold;
	    vertical-align: middle;
	    padding-right: 15px;
	    text-transform: none;
	}
	
	.menu-cta a:hover {
		color: white;	
	}
	
	.nav-cta-banner {
		display: inline-block;
	    margin-left: 25px;
	    vertical-align: middle;
	    line-height: 1;
	    font-size: 0.9375rem;
	    text-transform: none;
	    position: relative;
	    top: 10px;
	}
	
	.megamenu-column-full a {
		padding: 5px !important;
	}
	
	.nav-cta-title::after {
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: 0.255em;
	    vertical-align: middle;
	    content: "";
	    border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	
	.feature-meny-list {
		text-transform: none;
		text-align: left;
	}
	
	.feature-meny-list ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
		padding-bottom: 10px;
		
	}
	
	.feature-meny-list ul li {
		padding-left: 1em;
	    font-size: 0.8125rem;
	    line-height: 1;
	    color: black;
	    font-weight: 300;
	    display: inline-grid;
		grid-template-columns: auto auto auto;
		
	}
	
	
	.feature-meny-list ul li:before {
	   content: "";
	    width: 6px;
	    height: 6px;
	    margin-top: 2px;
	    margin-right: 8px;
	    display: inline-block;
		background-color: #b50c00;
	}
	
	.nav-text-title {
		color: white;
	    padding: 0.5rem 0.75rem;
	    font-size: 1rem;
	    border-bottom-width: 0;
	    display: block;
	    font-family: "Roboto",sans-serif;
	    font-weight: 900;
	    letter-spacing: 0.5px;
	    text-transform: uppercase;
    }
    
    #menu-main-menu li:first-child .nav-text-title {
	    padding-left: 0;
    }
}
	
	/*
	.dropdown-menu.depth_0:before {
		  content: '';
	  position: absolute;
	  width: 0;
	  bottom: 0; 
	  right: 0;
	    width: 100%;
	    height: 100%;
	    background: black;
	    background: linear-gradient(135deg, transparent 45px, #fff 0) top left,
	 linear-gradient(225deg, #fff 0, #fff 0) top right,
	 linear-gradient(315deg, transparent 45px, #fff 0) bottom right,
	 linear-gradient(45deg, transparent 0, #fff 0) bottom left;
	    background-size: 50% 50%;
	    background-repeat: no-repeat;
	
	}
	
	.dropdown-menu.depth_0 {
		
	
	  padding: 20px;
		background: #fff; 
		background:
			linear-gradient(135deg, transparent  45px, #fff 0) top left,
			linear-gradient(225deg, #fff 0, #fff 0) top right,
			linear-gradient(315deg,  transparent 45px, #fff 0) bottom right,
			linear-gradient(45deg,  transparent 0, #fff 0) bottom left;
		background-size: 50% 50%;
		background-repeat: no-repeat;
	}
	}
	*/
	


@media (max-width: 991px){
	
	.navbar-brand {
    	padding: 0.875rem 0;
	}
	
	.navbar-brand img {
		width: 150px;
	}
	
	.top-navigation {
		display: none;
	}
	
	.cart-container {
    	width: inherit !important;
    }
	
	#masthead .search-form.collapsed-search {
	    padding-top: 15px;
	    /* padding-left: 10px; */
	    padding-bottom: 10px;
	    width: 100%;
	}
	
	#masthead .search-form.collapsed-search .form-control, #masthead .search-form.collapsed-search .input-group-addon {
		background-color: transparent;
	}
	
	#masthead .search-form.collapsed-search .input-group {
		border-bottom: 2px solid white;
	}
	
	#masthead .search-form.collapsed-search svg path {
		fill: white;
	}
	
	#masthead span.nav-text-title, .featured-image a .new-tag {
		display: none;
	}
	
	#masthead .navbar-nav > li a {
	    text-align: left;
	}
	
	
	#masthead .navbar-nav > li a {
		border-bottom: 1px solid white;
		position: relative;
	}
	
	#masthead .navbar-nav > li.dropdown > a:after{
	        content: '';
    border: 5px solid transparent;
    border-top: 5px solid white;
    /* margin-right: 2px; */
    /* margin-bottom: 3px; */
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 15px;
	}
	
	#masthead .navbar-nav > li.dropdown.show > a:after{
	 	        content: '';
    border: 5px solid transparent;
    border-bottom: 5px solid white;
    /* margin-right: 2px; */
    /* margin-bottom: 3px; */
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 15px;
	}

	.featured-image img{
		display: none !important;
	}
	
	.feature-meny-list{
		display: none;
	}
	
	.nav-cta-banner{
		display: none;
	}
	
	.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu ul {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	}
	
	#menu-main-menu .dropdown-menu{
		background-color: transparent;
	}
	
	#menu-main-menu .dropdown-menu a{
		color: white;
	}
}

@media (max-width: 767px){
	#masthead .navbar-nav > li.dropdown > a:after, #masthead .navbar-nav > li.dropdown.show > a:after{
		bottom: 25px;
	}
	
	.cart-container {
    	width: inherit !important;
		margin-right: -15px;
		height: 32px!important;
	}
	
	.cart-wrapper {
    	padding-left: 4px!important;
	}
	
	.cart-wrapper li span:not(#units) {
		display: none;
	}
	
	.cart-wrapper ul li {
    	padding-right: 0!important;
	}
	
	.cart-wrapper ul li:nth-of-type(2) {
		vertical-align: top;
	}
	
	.cart-wrapper svg {
    	margin-right: 5px!important;
    }
	
	#units{
		display: inline-block;
		top: 1px;
		right: 3px;
		background: #b50c00;
		border-radius: 100%;
		padding: 2px 5px;
	}
}

/*--------------------------------------------------------------*/
/* !--Links UECSS*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !--Menus UECSS*/
/*--------------------------------------------------------------*/

#masthead {
 border-top: 3px solid #b50b00;
}    

#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

#masthead .navbar-nav > li > a {
  color: white;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
}

#masthead .navbar-nav > li > a:hover {

}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

#top-menu a:hover{
	color: #b50b00;
}

@media (min-width: 992px){
	#top-menu a:hover::after{
		content: '';
		display: block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 9px dashed;
	    border-right: 9px solid transparent;
	    border-left: 9px solid transparent;
	    color: #8b7f6f;
	    opacity: 1;
	    margin: 1px auto -10px auto;
	}
	
	#top-menu li.current-menu-item a::after{
		content: '';
		display: block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 9px dashed;
	    border-right: 9px solid transparent;
	    border-left: 9px solid transparent;
	    color: #8b7f6f;
	    opacity: 1;
	    margin: 1px auto -10px auto;
	}
	
	#menu-main-menu > li > a::after{
		display: none;
	}
	
	#menu-main-menu > li:not(.burger-bar) > a:hover::before{
		content: '';
		display: block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 9px dashed;
	    border-right: 9px solid transparent;
	    border-left: 9px solid transparent;
	    color: #8b7f6f;
	    opacity: 1;
	    margin: 22px auto -31px auto;
	}
	
	#menu-main-menu > .show:not(.burger-bar) > a::before{
		content: '';
		display: block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 9px dashed;
	    border-right: 9px solid transparent;
	    border-left: 9px solid transparent;
	    color: #8b7f6f;
	    opacity: 1;
	    margin: 22px auto -31px auto;
	}
	
	/*
	#menu-main-menu > li.active:not(.burger-bar, .menu-cta) > a::before{
		content: '';
		display: block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 9px dashed;
	    border-right: 9px solid transparent;
	    border-left: 9px solid transparent;
	    color: #8b7f6f;
	    opacity: 1;
	    margin: 22px auto -31px auto;	
	}*/
	
	
	
	.top-menu-item{
		display: none;
	}	
}

@media (max-width: 991px){
	.navbar-nav{
		display: inherit;
	}
	
	.top-menu-item{
		width: 49.3%;
	    margin-left: 0%;
	    margin-right: 0%;
	    display: inline-block;
	}
	
	.top-menu-item a{
		font-size: 10px!important;
	}
	
	#masthead .navbar-nav > .top-menu-item > a{
		text-align: center;
	}
	
	.new-tag{
		display: none;
	}
}






/*--------------------------------------------------------------*/
/* !Moduals UECSS*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !- Toggleable Banner Section UECSS*/
/*--------------------------------------------------------------*/
#toggleable-banner {
    display: none;
}


#toggleable-banner.alert {
	background-color: black;
	margin-bottom: .2rem;
	border-radius: 0;
}

#toggleable-banner h4 {
	text-align: center;
	color: white;
	font-size: 2rem;
	font-weight: 300;
	padding: 0;
}

#toggleable-banner h5 {
    font-size: 1.2rem;
    font-weight: 300;
    color: white;
    line-height: 1.2em;
    text-align: center;
    display: inline-block
}

#toggleable-banner .banner-info {
	text-align: center;
}

#toggleable-banner .banner-info a {
	display: inline-block;
}

#toggleable-banner .banner-info a svg {
    width: 25px;
    height: 25px;
    vertical-align: text-top;
    margin-left: 10px;
}

.alert-dismissible .close {
    height: 100%;
}

.alert-dismissible .close span {
    background-color: white;
    border-radius: 50%;
    padding: 1px 8px;
}



/*--------------------------------------------------------------*/
/* !- Header Image Section UECSS*/
/*--------------------------------------------------------------*/
.header-image-section h1 {
	font-size: 3.25rem;
}

.header-image-section h4 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2em;
}

.header-image-section .cover {
	margin-bottom: -15px;
	padding-top: 10px;
}

@media (min-width: 992px) and (max-width: 1199px){
	.header-image-section{
		margin-bottom: 60px;
		margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
	.header-image-section h1 {
    	font-size: 33px;
	}
	
	.header-image-section{
		margin-bottom: 60px;
		margin-top: 10px;
    }
}

@media (max-width: 767px){
	.header-image-section h1 {
		font-size: 35px;;
	}
	
	.header-image-section .cover {
		margin-bottom: 15px;
		margin-top: 15px;
	}
}
/*--------------------------------------------------------------*/
/* !- Full width Section UECSS*/
/*--------------------------------------------------------------*/
.full-width-section {
	position: relative;
	min-height: 250px;
	margin-top: 30px;
}

.home .full-width-section {
	margin-top: 0;
}
.pattern {
    width: 100%;
    height: 800px;
        position: absolute;
    top: -230px;
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center 204px;
}

.full-width-section .videos iframe{
    margin-top: -15px;
}

.full-banner {
	background-color: #8c7f70;
    height: 235px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}

.text-wrapper.brown-bkg h2 {
	 color: white;
    font-size: 3.5rem;
    font-weight: 300;
    margin-bottom: 0;
	padding: 10px 0 0 0;
}

.text-wrapper.brown-bkg p {
	color: white;
	font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 0.4375rem;
}   

.full-width-section .left-padding .text-wrapper {
	padding-left: 20px;
}

#eaFrontVideo1, #eaFrontVideo2, #eaFrontVideo3, #eaFrontVideo4, #eaFrontVideo5, #eaFrontVideo6, #eaFrontVideo7, #eaFrontVideo8{
	display: none;
	margin-top: -15px;
	text-align: center;	
}

.video-fallback, .img-fallback{
    min-height: 270px;
    margin-top: -15px;
    display: block;
    border: 3px solid white;
}

.full-width-section .text-wrapper h2{
	font-size: 3rem;
}

.fullWidthNone .text-wrapper{
	width: 100%;
}

.valignC{
	display: flex;
    justify-content: right;
    align-items: center;
    height: 235px;
}

.full-width-section .text-wrapper h4{
	font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.4;
    color: white;
}

.full-banner.gray{
	background-color: #666465;
}

.textCaption{
	padding-left: 15px;
	padding-right: 15px;
}

.full-width-section .text-wrapper a:not(.btn-ea-white){
	color: white;
}

@media (min-width: 992px) and (max-width: 1199px){
	.full-width-section{
		margin-top: 30px;
	}
	
	.full-banner{
		height: 245px;
	}
	
	.video-fallback{
		min-height: 280px;
		margin-bottom: -15px;
	}
	
	.full-width-section .text-wrapper h2 {
    	font-size: 35px!important;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.text-wrapper.brown-bkg h2{
		font-size: 30px;
	}
	
	.full-width-section{
		margin-top: 30px;
	}
	
	.full-banner{
		height: 245px;
	}
	
	.video-fallback{
		min-height: 280px;
		margin-bottom: -15px;
	}
	
	.textCaption{
		margin-top: 15px;
	}
}

@media (max-width: 767px){
	.full-width-section{
		margin-top: 30px;
	}
	
	.full-banner{
		height: calc(100% + 15px);
	}
	
	.text-wrapper.brown-bkg h2{
		font-size: 33px;
	}
	
	.pattern {
	    width: 100%;
	    height: 600px;
	    position: absolute;
	    top: 0px;
	    background-size: cover;
	    background-repeat: repeat-x;
	    background-position: center 0px;
	}
	
	.full-width-section .left-padding .text-wrapper {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	
	.textCaption {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	
	.valignC{
		height: 100%;
	}
		
}


/*--------------------------------------------------------------*/
/* !- Dynamic Content Section UECSS*/
/*--------------------------------------------------------------*/
.dynamic-contant-section .default h2 {
	    display: inline-flex;
}

.text-wrapper .alignright {
    display: inline;
    float: right;
    margin-left: 0.625rem;
}

img.mtop-minus {
	margin-top: -25px;
}

.text-wrapper.default h2 {
	 color: #666465;
    font-size: 3.5rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1;
	padding: 10px 0 0 0;
}

.text-wrapper.default h3 {
    line-height: 1;
    margin: 0;
    padding: 0.5rem 0 0.75rem;
    font-size: 1.75rem;
    font-weight: 300;
}

.text-wrapper.default p {
	color: #666465;
	font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 0.4375rem;
}

.text-wrapper.default p:last-child {
	padding: 0;
}

.btn-wrapper.btn-right {
	text-align: right;
	right: 30px;
}

.btn-wrapper.text-center {
	right: 0;
}

.btn-wrapper.text-left {
	left: 30px;
}

.btn-wrapper.text-right {
	right: 30px;
}

.btn-wrapper .btn-standard {
	border: 1px solid white;
	background-color: white;
	color: #8b7f6f;
	padding: 5px 52px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 0.875rem;
}

.btn-wrapper .btn-standard {
	border: 1px solid white;
	background-color: white;
	color: #8b7f6f;
	padding: 5px 52px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 0.875rem;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.text-wrapper {
	/*min-height: 244px;*/
	/*min-height: 200px;*/
}

.dynamic-contant-section .text-wrapper{
	padding: 15px 15px 20px 15px;
}

.text-wrapper.borders{
	height: 100%;
}

.brown{
	background-color: #e8e5e2;
}

.borders{
	border-top: solid 4px #8c7f70;
	border-bottom: solid 4px #8c7f70;
}

.background_img{
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #b33324;
	min-height: 195px;
}

.cutTopRight:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 60px solid white;
    border-left: 60px solid transparent;
    width: 0;
}

.cutBottomLeft:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 60px solid white;
    border-right: 60px solid transparent;
    width: 0;
}

.background_img table{
	width: auto;
    position: absolute;
    right: 25px;
    bottom: 0px;
    margin-bottom: 0;
    font-size: 50px;
    color: white;
    font-weight: 300;
}

.playIcon svg{
	margin-top: 25px;
    margin-left: 20px;
}

.cover{
	background-repeat: no-repeat;
    background-size: cover;
}

.btn-wrapper{
	position: absolute;
	bottom: 0px;
	left: 30px;
}

.single-products .text-wrapper{
	margin-bottom: 30px;
    margin-top: 10px;
}

.dynamic-contant-section .text-wrapper h1, .single-products .text-wrapper h1{
	padding-top: 0;
	font-size: 55px;
}

.dynamic-contant-section .text-wrapper h2, .single-products .text-wrapper h2{
	font-size: 1.5rem;
    font-weight: 800;
    color: #b50c00;
    padding: 10px 0 10px 0;
}

.dynamic-contant-section .text-wrapper h3, .single-products .text-wrapper h3{
	font-size: 1.5rem;
    font-weight: 700;
    padding: 0;
}

.dynamic-contant-section .text-wrapper h4, .single-products .text-wrapper h4{
	font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.4;
}

.dynamic-contant-section .text-wrapper h6, .single-products .text-wrapper h6 {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
}

.dynamic-contant-section .text-wrapper ol{
	margin-top: 20px;
}

.dynamic-section{
	padding-bottom: 20px;
	padding-top: 30px;
}

.redBorderBottom{
	border-bottom: 2px solid #b50c00;
}

.dynamic-contant-section .text-wrapper ol {
    list-style-type: none;
}

.dynamic-contant-section .text-wrapper ol {
    margin-left: 8px;
    -webkit-padding-start: 20px;
}

.dynamic-contant-section .text-wrapper ul {
	list-style: none;
	padding-left: 0;
}

.dynamic-contant-section .text-wrapper ul li {
	padding-left: 1.1em; 
    text-indent: -.8em;
    font-size: 1.125rem;	
}

.dynamic-contant-section .text-wrapper ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-bottom: 3px;
    margin-right: 8px;
    display: inline-block;
    background-color: #b50c00;
}

.dynamic-contant-section .text-wrapper ol li {
    counter-increment: count-me;
}

.dynamic-contant-section .text-wrapper ol li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    top: .05em;
    color: #b50c00;
    font-weight: bold;
}

.text-wrapper thead {
	background-color: #8c7f70;
	color: white;
	border: none !important;
}

.text-wrapper thead th {
	border: none !important;
}

.text-wrapper .table td, .text-wrapper .table th {
    padding: 5px 10px;
    vertical-align: top;
}
.text-wrapper .table td {
   border-top: 1px solid #8c7f70;
   border-right: 1px solid #8c7f70;
}
.text-wrapper table {
	border: 1px solid #8c7f70;
	-webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.text-wrapper table tbody tr < td {
	border-top: 0 !important;
}

.docTable td{
    border-top: none!important;
    border-right: none!important;
}

.docTable{
	word-break: break-all;
    border: 1px solid #8c7f70;
    width: 100%;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.docTable a{
	color: black;
	font-weight: 300;
}

.docTable td a {
	word-break: break-word;
}

.headerTable{
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
}

.headerTable td:first-child{
	width: 190px;
}

.headerTable td:last-child{
	padding-right: 140px;
}

.marg8020{
	padding-right: 170px;
}


.headerSmall{
	margin-bottom: 10px;
	border: none!important;
	box-shadow: none!important;
}

.headerSmall td:first-child{
	width: 140px;
    padding-right: 20px;
}

.dynamic-contant-section table{
	word-wrap:break-word;
}



@media (min-width: 992px) and (max-width: 1199px){
	.textCaption{
		margin-top: 15px;
	}
	
	.dynamic-contant-section .text-wrapper table {
		font-size: 16px;
	}
}


@media (min-width: 768px) and (max-width: 991px){
	.text-wrapper.default h2{
		font-size: 30px;
	}
	
	.background_img{
		min-height: 155px;
	}
	
	.marg8020{
		padding-right: 0px;
	}
	
	.headerTable td:last-child {
    	padding-right: 0px;
	}
	
	.dynamic-contant-section .text-wrapper table {
		font-size: 14px;
	}
	
	.cutBottomLeft:before {
	    border-bottom: 40px solid white;
	    border-right: 40px solid transparent;
	}
}

@media (max-width: 767px){
	.text-wrapper.default h2 {
		display: block;	
	}
	
	.text-wrapper img{
		display: block!important;
		float: inherit!important; 
	}
	
	img.mtop-minus {
    	margin-top: 0px;
	}
	
	.btn-wrapper{
		right: 30px;
		left: inherit;
	}
	
	.background_img{
		min-height: 145px;
	}
	
	.background_img table{
		font-size: 30px;
	}
	
	.text-wrapper.default h2{
		font-size: 33px;
	}
	
	.marg8020{
		padding-right: 15px;
	}
	
	.headerTable td:last-child {
    	padding-right: 0px;
	}
	
	.headerTable td:first-child{
		width: 70px;
		vertical-align: top;
		padding-top: 20px;
		padding-right: 10px;
	}
	
	.dynamic-contant-section .text-wrapper {
    	padding: 5px 5px 10px 5px;
	}
	
	.dynamic-contant-section .text-wrapper h1 {
    	font-size: 40px;
	}
	
	.dynamic-contant-section .text-wrapper table {
		font-size: 12px;
	}
	
	.textCaption{
		color: white;
	}
	
	.headerTable {
    	margin-left: 20px;
    	margin-right: 20px;
	}
	
	.dynamic-contant-section .text-wrapper ul li {
    	padding-left: 1.2em;
		text-indent: -0.9em;
    }
    
    .cutBottomLeft:before {
	    border-bottom: 30px solid white;
	    border-right: 30px solid transparent;
	}
	
	.playIcon svg{
		width: 50px;
		margin-top: 15px;
	}
	
	.tableOuter{
		overflow: scroll;
	}
}





/*--------------------------------------------------------------*/
/* !Widgets UECSS*/
/*--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
}

/*--------------------------------------------------------------*/
/* !Custom banner UECSS*/
/*--------------------------------------------------------------*/

 .custom-banner-link {
	 display: block;
	 text-decoration: none;
	 color: inherit;
 }
 
 .custom-banner {
	 margin-top: 2px;
	 position: relative;
	 background-size: cover;
	 background-position: center center;
	 width: 100%;
	 height: auto;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
 }
 
 .custom-banner-content {
	 color: white;
	 max-width: 90%;
	 font-size: 1rem;
	 line-height: 1.4;
 }
 .custom-banner-content p {
	 margin: 0;
	 padding: 5px 0;
 }

/*--------------------------------------------------------------*/
/* !Content UECSS*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !Posts and pages UECSS*/
/*--------------------------------------------------------------*/
#content.site-content {
	padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: fontawesome;
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

.customFrontH2{
	padding-top: 0!important;
}

#customFrontSpan1{
	font-size: 60px; 
	line-height: 1; 
	font-weight: 300; 
	color: #666465;
}

#customFrontSpan2{
	font-weight: bold;
	color: #666465; 
	line-height: 1.2; 
	font-size: 1.2rem;
}

@media (min-width: 992px) and (max-width: 1199px){
	#customFrontSpan1{
		font-size: 50px; 
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.customFrontH3 br{
		display: none;
	}
	
	#customFrontSpan1{
		font-size: 40px;
		line-height: 1.3;
	}
	
	#customFrontSpan1 br{
		display: none;
	}
	
	#customFrontSpan2 br{
		display: none;
	}
}

@media (max-width: 767px){
	.wp-image-261{
		padding-bottom: 20px;
	}
	
	.customFrontH2{
		padding-top: 20px!important;
	}
	
	.customFrontH3 br{
		display: none;
	}
	
	#customFrontSpan1{
		font-size: 33px;
		line-height: 1.3;
	}
	
	#customFrontSpan1 br{
		display: none;
	}
	
	#customFrontSpan2 br{
		display: none;
	}
}

/*--------------------------------------------------------------*/
/* !--Product Selector UECSS*/
/*--------------------------------------------------------------*/
.product-selector .full-banner {
    height: 270px;
}

.product-selector .full-width-section {
    position: relative;
    min-height: 270px;
    margin-top: 0;
}

.cat-label {
	font-weight: 500;
    color: white;
    padding-right: 5px;
}

.cat-label.block {
	display: block;
}

.choice-wrapper label {
	color: white;
}

.ethernet .choice-wrapper {
	display: inline-block;
	padding-left: 5px;
}

.ethernet .select2-container {
	margin-right: 10px !important;
}

.b-line {
	border-bottom: 1px solid white;
    display: block;
    width: 98%;
    margin: 10px auto 10px auto;
}

#filter .col-md-2, #filter .col-md-3, #filter .col {
	padding: 0 5px;
	text-align: center;
}

#filter .first-filter {
	padding-left: 25px;
	text-align: left;
}

#filter .last-filter {
	text-align: right;
	padding-right: 25px;
}

#filter .filter-block-center {
	text-align: center;
}

#filter .filter-block-center .choice-wrapper {
	display: inline-block;
}

#filter .filter-block-center .choice-wrapper .cat-label.block {
	text-align: left;
}

#filter input[type="checkbox"], #filter input[type="radio"] {
    display: none !important;
}

.custom-input {
   
}

.custom-input .check-checkbox {
    cursor: pointer;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: 3px solid #ffffff;
    background-color: white;
    -webkit-box-shadow: 3px 3px 0px -1px rgba(0,0,0,1);
	-moz-box-shadow: 3px 3px 0px -1px rgba(0,0,0,1);
	box-shadow: 3px 3px 0px -1px rgba(0,0,0,1);
    
}

.custom-input .check-radio {
    cursor: pointer;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: 3px solid #ffffff;
    background-color: white;
    -webkit-box-shadow: 3px 3px 0px -1px rgba(0,0,0,1);
	-moz-box-shadow: 3px 3px 0px -1px rgba(0,0,0,1);
	box-shadow: 3px 3px 0px -1px rgba(0,0,0,1);
	border-radius:50%; 
    
}


.custom-input input:checked ~ .check-checkbox, .custom-input input:checked ~ .check-radio {
    background-color: #666465;
}

.custom-input input:disabled ~ .check-radio,
.custom-input input:disabled ~ .check-checkbox,
.custom-input input:disabled ~ .custom-input-label {
	cursor: default; 
}

.custom-input input:disabled ~ .check-radio,
.custom-input input:disabled ~ .check-checkbox {
	background-color: #b0b0b082;
    border: 3px solid #b0b0b01f;
     -webkit-box-shadow: 3px 3px 0px -1px rgba(0,0,0,0.45);
	-moz-box-shadow: 3px 3px 0px -1px rgba(0,0,0,0.45);
    box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.45);
}


.custom-input input:disabled ~ .filter-name {
	opacity: 0.6; 
}

#filter {
	padding-top: 10px;
	font-size: 0.85rem;
}


#filter label {
    display: inline-block;
    margin-bottom: 0;
}

.filter-name {
    padding: 0 10px 0 5px;
}

.filter-name.sps {
	padding-left: 5px;
    font-weight: 500;
    font-size: 14px;
}

.first-filter-group {
	padding: 15px 0;
}

.post-count {
	font-weight: 800;
    color: black;
    font-size: 0.875rem;
}

#ea-compare {
	position: absolute;
	right: 25px;
}

#ea-compare div {
	display: inline-block;
}

a.btn-ea-red.disable, input.btn-ea-red.disable {
	border: 1px solid #cdcdcdbd;
	background-color: #cdcdcdbd;
	color: #969696;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}

.product-img {
	display: block;
}

.product-wrapper a h6 {
	font-size: 1.125rem;
    color: #b50b00;
    font-weight: 900;
}

.check-label-btn {
	border: 1px solid #8b7f6f;
    background-color: #8b7f6f;
    color: white;
    padding: 5px 20px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 0.875rem;
    cursor: pointer;
}

.check-label-btn input[type="checkbox"] {
    display: none !important;
}

.custom-input.check-label-btn .check-checkbox {
	    box-shadow: none;
}

.first-filter-group .choice-wrapper svg {
	margin-left: -5px;
}

.cbox svg {
	margin-left: -5px;
}

.cboxrev svg {
	margin-left: 5px;
}

.select svg, .selectp svg:first-child {
	margin-left: 10px;
}

.quest-link svg, .inforesp svg {
	width: 12px;
	height: 12px;
}

.inforesp {
	color: white;
	width: 100%;
}

.inline-icon {
	width: 20px;
	float: left;
}

#response .product-wrapper{
	margin-bottom: 100px;
}

@media (min-width: 992px) and (max-width: 1199px){
	.product-selector .full-banner{
		height: 100%!important;
	}
	
	.product-selector .full-width-section {
    	min-height: 275px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.product-selector .full-banner{
		height: 100%!important;
	}
	
	.product-selector .full-width-section {
    	min-height: 395px;
	}
	
	.mdPadding{
		padding-top: 20px;
	}
	
	.product-selector .pattern{
		width: 140%;
	}
}

@media (max-width: 767px){
	.product-selector .cat-label{
		display: block;
		line-height: 3;
	}
	
	.product-selector .full-banner{
		height: 100%!important;
	}
	
	.product-selector .full-width-section {
    	min-height: 700px;
	}
	
	.xsPadding{
		padding-top: 15px!important;
	}
	
	.xs-first-filter{
		text-align: left!important;
		padding-left: 25px;
	}
	
	.justify-content-end {
	    justify-content: inherit!important;
	}
	
	.xsBottom{
		padding-bottom: 12px;
	}
	
	.xsChoicePadding{
		padding-left: 15px!important;
		padding-top: 7px;
	}
	
	.xsCat-label{
		display: initial!important;
	}
	
	.xsChoice-wrapper{
		padding-top: 9px;
	}
	
	.xsButton{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.product-selector .xsButton button{
		font-size: 15px;
	}
	
	#ea-compare{
		margin-top: 28px;
		width: 92%;
		text-align: center;
	}
	
	#response .justify-content-start{
		margin-top: -15px;
		margin-bottom: 60px;
	}
	
	#response .product-wrapper{
		margin-bottom: 50px;
	}
	
	#response .feature-listing-list{
		min-height: inherit;
		padding-bottom: 0px;
	}
	
	.product-selector .pattern{
		height: 800px;
		background-position: center 0px!important;
	}
	
	.ea-compare-button-text, #ea-compare-counter{
		font-size: 15px;
	}
}
    

/*--------------------------------------------------------------*/
/* !--Compare Product UECSS*/
/*--------------------------------------------------------------*/

.page-template-page-compare #content {
	background-color: #f0eff0;
}

.page-template-page-compare h1 {
	font-weight: 900;
	color: #b50b00;
	font-size: 2rem;
}

.ea-compare-table {
	padding: 0 1px;
}

.ea-compare-table .diff {
	background-color: white;
}

.ea-compare-table .normal {
	background-color: #e8e5e2;
}

.ea-compare-table .table td {
    border-top: 2px solid #b50b00;
}

.ea-compare-table .table td:not(.section-title) {
    min-width: 175px;
}

.ea-compare-table .table tr td:first-child {
    border-left: 2px solid #b50b00;
  
}

.ea-compare-table .table tr td {
    border-right: 1px solid #666465;
  
}

.ea-compare-table .table tr td:last-child {
    border-right: 2px solid #b50b00;
  
}

.ea-compare-table .table tr.tr-last {
    border-bottom: 2px solid #b50b00;
  
}

.ea-compare-table .table tr.diff td:first-child, .ea-compare-table .table tr.normal td:first-child {
   font-weight: 700;
  
}


.ea-compare-table tr.section-head td {
	    border: none !important;
}

tr.section-head {
	padding-top: 10px;
}

td.section-title {
	position: absolute;
	margin-top: 10px;
	display: inline-block;
	width: auto;
	padding: 0.3125rem 1.4em;
	color: white;
    background-color: #666465;
    border: 2px solid #666465;
    border-radius: 2px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: normal;
    text-decoration: none !important;
    min-width: 175px;

}

.feature-listing-list {
	min-height: 120px;
    padding-bottom: 10px;
}

.feature-listing-list ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.feature-listing-list ul li {
	padding-left: 1em;
    text-indent: -.7em;
    font-size: 1rem;
    line-height: 1;
    color: black;
}

.feature-listing-list ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-bottom: 3px;
    margin-right: 8px;
    display: inline-block;
    background-color: #b50c00;
}

tr.top-row td {
	border: none !important;
	text-align: center;
}

tr.top-row td img {
	max-width: 200px;
	margin: auto;
}


.ea-compare-table .table tr td.row-btn {
	background-color: #b50b00;
    color: white;
    text-align: center;
    padding: 0;
}

.ea-compare-table .table tr.bottom-row td.row-btn a {
	color: white;
    padding: .75rem;
    vertical-align: top;
    display: block;
    font-weight: 700;
}

.ea-compare-table .table tr.bottom-row td.row-btn a:after {
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.555em;
    vertical-align: middle;
    content: "";
    border-top: .4em solid transparent;
    border-right: 0;
    border-bottom: .4em solid transparent;
    border-left: .4em solid;
}

.ea-compare-table .table tr td.row-btn {
    border-right: 1px solid #ffffff;
}

.ea-compare-table .table tr.bottom-row td:last-child {
    border-right: 1px solid #b50b00;
}

.ea-compare-table .table tr.bottom-row td:first-child {
    border: none;
}

@media (min-width: 768px){
	.tilt {
	    -webkit-transform: skewX(45deg) !important;
	    transform: skewX(45deg) !important;
	}
	
	.tilt > * {
	    display: block;
	    -webkit-transform: skewX(-45deg);
	    transform: skewX(-45deg);
	}
	
	tr.section-head:not(.tilt) {
		font-weight: 900;
	    color: #b50b00;
	}
}

/*--------------------------------------------------------------*/
/* !--Product modal UECSS*/
/*--------------------------------------------------------------*/

.modal-close {
	position: absolute;
    right: 15px;
    top: 20px;
    z-index: 100;
    font-size: 40px;
}

.modal-dialog {
    max-width: 100%;
    margin: 30px auto;
}

.modal-body {
	padding: 50px;
}

@media (max-width: 767px){
	.modal-body {
		padding: 25px;
	}
}


/*--------------------------------------------------------------*/
/* !--Single Product UECSS*/
/*--------------------------------------------------------------*/


.product-entry-title {
	font-size: 1.625rem;
    color: #b50c00;
    font-weight: 900;
    padding-top: 0;	
}

.tag-line {
	font-size: 3.6rem;
    line-height: 1.1;
    font-weight: 100;
}

.products .tab-pane, .modal-content .tab-pane{
    width: 100%;
}

.brown-product-heading{
	background-color: #8c7f70;
	color: white;
	padding: 5px 10px;
    vertical-align: top;
    margin: 0;
    font-size: 1.2rem;
    margin-bottom: 1rem!important;
    font-weight: 700;
}

.top-quote-banner {
	background-color: #b50b00;
    display: inline-block;
    color: white;
    padding: 10px 20px;
    font-size: 2rem;
    font-weight: 300;
}

.top-quote-banner span {
	display: inline-block;
}

.top-quote-banner p { 
	margin-bottom: 0;
}

.top-quote-banner svg {
	width: 36px;
	height: 36px;
	vertical-align: middle;
}

.top-quote-banner svg .st0 {
    fill: white;
}

.quote-wrapper{
    overflow: hidden;
    position: relative;
}

.quote-wrapper h3 {   
	display: inline-block;
	line-height: 1;
    margin: 0;
    padding: 0.5rem 0 0.75rem;
    font-size: 1.75rem;
    font-weight: 300;
    color: white;
}

.quote-wrapper a.btn-ea-white {
	vertical-align: text-top;
	margin-left: 1rem;
	
}

.quote-wrapper a.btn-ea-white.btn-more {
	margin-left: 0;
	line-height: 1.9;	
}

.quote-wrapper .price-from {
	display: inline-block;
	color: white;
	margin-left: 0.5rem;
}

#quote .col-md-12, .cta-dev-wrapper .col-md-8 {
	z-index: 100;
}

p.note-info {
	background-color: #b50c00;
	color: white;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	text-transform: uppercase;
	
}

p.note-mess {
	font-size: 14px;
}



.cta-dev-wrapper h4 {
	color: white;
    font-size: 40px;
    font-weight: 900;
}

.cta-dev-wrapper p {
	color: white;
}

.ea-pattern {
    background-image: url("/wp-content/uploads/2018/06/ea-pattern.png");
    width: 100%;
    height: 800px;
    position: absolute;
    background-size: contain;
    margin-top: -200px;

}

#quote {
	background-color: #8c7f6f;
    margin-bottom: 0.5rem;
}

.cta-dev-wrapper {
	background-color: #b50c00;
}

.order_numb{
	margin-bottom: 0;
    font-size: 16px;
    margin-top: 10px;
}

.price-from {
	margin-bottom: 0;
    font-size: 16px;
}

.price-from span {
	font-weight: 900;
    font-size: 2rem;
}

.tab-content {
	 min-height: 100px;
}


.dev-product-details {
	display: inline-block;
	padding-bottom: 1rem;
}

.cta-dev-wrapper .dev-product-details, .cta-dev-wrapper .add-to-box, .cta-dev-wrapper .price-box {
	display: inline-block;
	padding-right: 10px;
}

.cta-dev-wrapper .price-box {
	color: white;
    display: inline-block;
    font-size: 3.5rem;
    vertical-align: middle;
    font-weight: bold;
}




@media only screen and (min-width: 768px) {
	li.nav-item {
		width: calc(100%/6 - 10px);
		margin-right: 10px;
	}
	
	.section-title {
		display: inline-block;
	    width: 100%;
	    text-align: center;
	    padding: 0.3125rem 1.4em;
	    padding: 2px 0;
	    color: white;
	    background-color: #666465;
	    border: 2px solid #666465;
	    border-radius: 0 !important;
	    font-weight: 700;
	    font-size: 1rem;
	    line-height: normal;
	    text-decoration: none !important;
	
	}
	
	.section-title.active {
	    color: white;
	    background-color: #b50c00 !important;
	    border: 2px solid #b50c00;
	}
}


@media (min-width: 768px) and (max-width: 991px){
	.section-title {
		font-size: 12px;
	}
	
	.tag-line{
		font-size: 40px;
	}
	
	.quote-wrapper a.btn-ea-white.btn-more {
		line-height: 2;	
	}
}

.disabledLoad{
	color: #babbbd!important;
	pointer-events: none;
}

@media (max-width: 767px){
	.quote-wrapper a.btn-ea-white.btn-more {
		margin-left: 0;
		line-height: 2;
		font-size: 0.875rem;
		padding: 3px 5px 5px 5px !important;
	}
	
	.tag-line{
		font-size: 35px;
		margin-bottom: 15px;
	}
	
	.card-heading{
		background-color: #8c7f6f;
	}
	
	.card-heading a:not(.disabled){
		color:white!important;
	}
	
	.disabled{
		color: #a79a8a!important;
		pointer-events: none;
	}
	
	.js-tabcollapse-card-block{
		
	}
	
	#eaTab-accordion .collapse.show, #eaTab-accordion .collapse, #eaTab-accordion .collapsing,
	#eaTabM-accordion .collapse.show, #eaTabM-accordion .collapse, #eaTabM-accordion .collapsing{
		padding: 5px 10px 10px 10px;
	}
	
	.card-title {
		margin-bottom: 0px;
		padding: 15px 0px;
		font-size: 20px;
	}
	
	#eaTab-accordion{
		margin-bottom: 10px;
	}
	
	.quote-wrapper h3{
		display: inherit;
		padding-bottom: 25px;
	}
	
	.products .price-from{
		margin-top: 30px;
	}
	
	.products .add-to-box{
		margin-bottom: 20px;
	}
	
	.quote-div{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.xs-quote{
		line-height: 1.1;
	}
	
	.cta-dev-wrapper {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.cta-dev-wrapper h4 {
    	font-size: 30px;
    }
    
    .nav.nav-pills{
	    display: none!important;
    }
}

#eaTab .nav-link:hover, #eaTabM .nav-link:hover{
	color: white;
	background-color: #b50c00;
	border: 2px solid #b50c00;
	
}

#eaTab .nav-item.lowline, #eaTabM .nav-item.lowline{
	border-bottom: 1px solid #666465;
	margin: 0;
}



/*--------------------------------------------------------------*/
/* !--#General UECSS*/
/*--------------------------------------------------------------*/

.feature-list-wrap {
	padding-bottom: 6rem;
}

.img-align {
	margin-bottom: -2rem;
}

.img-margin {
	margin-bottom: 2rem;
}

.feature-list {
	position: relative;
	background-color: #8c7f70;
	color: white;
	padding: 15px 10px;
	-webkit-box-shadow: 0px 15px 16px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 15px 16px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 16px -20px rgba(0,0,0,0.75);
}

.feature-list:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 30px solid white;
    border-left: 30px solid transparent;
    width: 0;
}

.feature-list ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	
}

.feature-list ul li {
	padding-left: 1em; 
    text-indent: -.7em;
    font-size: 1.125rem;
	
}


.feature-list ul li:before {
     content: "";
    width: 6px;
    height: 6px;
    margin-bottom: 3px;
    margin-right: 8px;
    display: inline-block;
    background-color: white;
}

p.ingress {
	font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 100;
}

.product-description {
	
}

.featured-image .new-tag {
    top: 5px;
    left: 20px;

}

.product-wrapper .new-tag {
    top: -5px;
    left: 5px;
    font-weight: 900;
    text-align: center;

}


.new-tag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b50c00;
    color: white;
    font-size: 10px;
    border: 3px solid white;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 33px;

}

@media (max-width: 767px){
	.img-align {
	    margin-bottom: 15px;
	}
	
	.feature-list-wrap {
    	padding-bottom: 15px;
	}
}

/*--------------------------------------------------------------*/
/* !--#Specifications UECSS*/
/*--------------------------------------------------------------*/
.single-product-table thead {
	background-color: #8c7f70;
	color: white;
	border: none !important;
}

.single-product-table thead th {
	border: none !important;
}

.single-product-table .table td, .single-product-table .table th {
       padding: 5px 10px;
    vertical-align: top;
 
}
.single-product-table .table td {
   border-top: 1px solid #8c7f70;
   border-right: 1px solid #8c7f70;
}
.single-product-table table {
	border: 1px solid #8c7f70;
	width: 99%;
	-webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.single-product-table table tbody tr < td {
	border-top: 0 !important;
}

.single-product-table table tbody tr td:first-child {
	font-weight: 700;
	width: 33.33333%;
}


/*--------------------------------------------------------------*/
/* !--#Video/images UECSS*/
/*--------------------------------------------------------------*/

.embed-container { 
	position: relative; 
	    padding-bottom: 47.5%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	z-index: -1;
} 

#video_imagesM .embed-container { 
	z-index: 1;
} 


.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 121px;
}

.video-thumb p, .img-thumb p {
	font-size: 0.875rem;
    line-height: 1;
    font-weight: 900;
    padding-top: 5px;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 1rem;
    color: black;
}

.cinema p {
	font-size: 0.875rem;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 2rem;
}

.video-image-wrapper a p {
    color: black;
}

.prod-img-wrap {
	 border: 1px solid #b2b1b2;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    height: 200px;
    display: flex;
}

.prod-img-wrap img {
    /* width: 100%; */
    max-height: 145px;
    margin: auto;
    display: block;
    vertical-align: middle;
}

.prod-img-wrap .mag-icon {
	bottom: 29px;
}

@media (min-width: 768px) and (max-width: 991px){
	.prod-img-wrap{
		height: 130px;
	}
	
	.video-wrapper .embed-container {
    	padding-bottom: 82.5%;
    }
}

@media (max-width: 767px){
	.cinema .collapse{
		display: block!important;
	}
	
	.xsNone{
		display: none;
	}
	
	.cinema iframe{
		height: 180px;
	}
}

	    


/*--------------------------------------------------------------*/
/* !--#Dokumentation UECSS*/
/*--------------------------------------------------------------*/

#documentation .table td, #documentationM .table td, #documentation-collapse .table td, #documentationM-collapse .table td{
    border-top: none;
}

#documentation .table, #documentationM .table, #documentation-collapse .table, #documentationM-collapse .table {
	word-break: break-word;
    border: 1px solid #8c7f70;
    width: 99%;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

#documentation .table a, #documentation-collapse .table a, #documentationM .table a, #documentationM-collapse .table a{
	color: black;
	font-weight: 300;
}

#documentation thead, #documentation-collapse thead, #documentationM thead, #documentationM-collapse thead{
    background-color: #8c7f70;
    color: white;
    border: none !important;
}

#documentation .table td, #documentation .table th, #documentation-collapse .table td, #documentation-collapse .table th, #documentationM .table td, #documentationM .table th, #documentationM-collapse .table td, #documentationM-collapse .table th {
    padding: 5px 10px;
    vertical-align: top;
}

td.doctype svg {
	width: 20px;
	height: 20px;
}

td.doctype {
    width: 20px;
    padding-right: 0 !important;
}

#documentation .table-responsive td a, #documentationM .table-responsive td a {
	word-break: break-word;
}

/*--------------------------------------------------------------*/
/* !--#Accessories UECSS*/
/*--------------------------------------------------------------*/

#accessories .rel-product-wrapper a, #accessoriesM .rel-product-wrapper a {
	color: black;
}

.rel-image-wrapper {
	border: 1px solid #b2b1b2;
	-webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    height: 216px;
    padding: 30px 10px;
}

.rel-image-wrapper img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;

}

.mag-icon {
	position: absolute;
    bottom: 36px;
    left: 30px;
}

.mag-icon svg {
	width: 36px;
	height: 36px;
}

@media (min-width: 768px) and (max-width: 991px){
	.rel-image-wrapper {
	    height: 146px;
	}
	
}

/*--------------------------------------------------------------*/
/* !--#Developer UECSS*/
/*--------------------------------------------------------------*/

#developers .table td, #developers-collapse .table td, #developersM .table td, #developersM-collapse .table td {
    border-top: none;
}

#developers .table, #developers-collapse .table, #developersM .table, #developersM-collapse .table {
	word-break: break-all;
    border: 1px solid #8c7f70;
    width: 100%;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

#developers .table a, #developers-collapse .table a, #developersM .table a, #developersM-collapse .table a {
	color: black;
	font-weight: 300;
}

#developers thead, #developers-collapse thead, #developersM thead, #developersM-collapse thead {
    background-color: #8c7f70;
    color: white;
    border: none !important;
}

#developers .table td, #developers .table th, #developers-collapse .table td, #developers-collapse .table th, #developersM .table td, #developersM .table th, #developersM-collapse .table td, #developersM-collapse .table th  {
    padding: 5px 10px;
    vertical-align: top;
}

.fTable:before{
	content: "■ ";
    color: #b50c00;
    font-size: 20px;
    position: absolute;
    margin-left: -20px;
    margin-top: -5px;
	
}

.fTable{
	padding-left: 20px;
	word-break: break-word;
}

@media (max-width: 767px){
	.fTable:before{
	    font-size: 20px;
	    margin-left: -30px;
	    margin-top: -3px;
		
	}
	
	.fTable{
		padding-left: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/*--------------------------------------------------------------*/
/* !--#Buy Now UECSS*/
/*--------------------------------------------------------------*/
.buy-now-wrapper .table-responsive {
    padding-top: 1rem;
}
.buy-now-wrapper table {
	font-size: 1rem;
    border: 1px solid #8c7f70;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.buy-now-wrapper table thead {
    background-color: #8c7f70;
    color: white;
    border: none !important;
}

.buy-now-wrapper table tr td {
	padding: 2px 5px;
}

.buy-now-wrapper table tr td:first-child {
	font-weight: bold;
}

.buy-now-wrapper table thead tr td {
	border: 0 !important;
}


.buy-now-wrapper .qty-box {
	max-width: 70px;
	padding-top: 0;
    vertical-align: middle;
}

.buy-now-wrapper h4 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #b50c00;
}

.new-description p {
	margin-bottom: 0;
}

p.sku {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.buy-now-wrapper img {
	padding: 25px;
	
}

.btnProdDiv{
	display: inline;
}

.addonBtn{
	display: inline;
	padding: 5px 35px 6px 35px!important;
}

@media (max-width: 767px){
	.buy-now-wrapper.redBorderBottom{
		border-bottom: none;
	}
	
	.addToCart{
		width: 100%;
		margin-top: 0.5rem;
	}
	
	.addonBtn{
		display: block;
		padding: 2.5px 52px!important;
		margin-top: 7px;
	}
}

/*--------------------------------------------------------------*/
/* !--Comments UECSS*/
/*--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}


/*--------------------------------------------------------------*/
/* !- Other products UECSS*/
/*--------------------------------------------------------------*/

.textStyle h1{
	padding-top: 0;
	font-size: 55px;
}

.textStyle h2{
	font-size: 1.5rem;
    font-weight: 800;
    color: #b50c00;
    padding: 10px 0 10px 0;
}

.textStyle h3{
	font-size: 1.5rem;
    font-weight: 700;
    padding: 0;
}

.textStyle h4{
	font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.4;
}

.textStyle h6 {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
}

.margOther{
	margin-top: 50px;
	margin-bottom: 70px;
}

.margOtherInner{
	margin-top: 20px;
}

@media (max-width: 767px){
	.margOther{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.textStyle h1{
		font-size: 40px;
	}
}



/*--------------------------------------------------------------*/
/* !- News Archive UECSS*/
/*--------------------------------------------------------------*/
.page-template-page-news a p{
	color: #666465;
	font-weight: 300;
	font-size: 1.2rem;
}

.page-template-page-news a:hover p{
	color: #666465;
}

.page-template-page-news .date-press{
	color: #b50c00!important;
	margin-bottom: 15px;
}

.page-template-page-news .entry-content{
	border-bottom: 1px solid #d2d2d2;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.newsSection{
	margin-bottom: 60px;
}

.newsSection h1{
	font-size: 70px;
    margin-top: 20px;
}

.newsCard{
	background-color: #f0eff0;
    padding: 20px;
    min-height: 240px;
    margin-bottom: 30px;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.newsCard .entry-title{
	font-size: 25px!important;
	font-weight: 400!important;
}

.padRow{
	margin-top: 30px;
}


/*--------------------------------------------------------------*/
/* !- News Single UECSS*/
/*--------------------------------------------------------------*/
.single-post h1{
	font-size: 40px;
}

.single-post #content.site-content{
	background-color: #f0eff0;
	padding-top: 60px;
	padding-bottom: 60px;
}

.single-post #content.site-content .container{
	background-color: white;
	padding-top: 100px;
	-webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

/*
.single-post .post-navigation .nav-previous a, .single-post .post-navigation .nav-next a {
    border: none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    text-decoration: none;
}

.single-post .post-navigation .nav-previous a:hover, .single-post .post-navigation .nav-next a:hover {
    background: inherit;
}*/

.single-post .footerNav{
	padding-bottom: 130px;
    padding-top: 10px!important;
    border-top: 1px solid #d2d2d2;
    margin-top: 60px!important;
}

.single-post .footerNavNext{
	float: right;
}

.single-post .footerNavPrev{
	float: left;
}

.single-post .date-press{
	margin-bottom: 40px;
    font-size: 18px;
    font-weight: 700;
}

@media (min-width: 768px) and (max-width: 991px){
	.single-post #content.site-content .container {
		padding-top: 30px;
	}
	
	.single-post .footerNav {
    	padding-bottom: 70px;
    }
	
}

@media (max-width: 767px){
	.single-post #content.site-content .container {
		padding-top: 40px;
	}
	
	.single-post .footerNav {
    	padding-bottom: 60px;
    }
}


/*--------------------------------------------------------------*/
/* !- Request a Quote UECSS*/
/*--------------------------------------------------------------*/
.gf-readonly input{
	background-color: #f3f3f3;
	color: gray;
}

#gform_wrapper_1{
	margin-top: 70px;
}





/*--------------------------------------------------------------*/
/* !- Request a Document UECSS*/
/*--------------------------------------------------------------*/
.headRequest{
	margin-top: 30px;
}

#gform_wrapper_2{
	margin-top: 50px;
}

.gfield_description{
	padding-top: 0px!important;
    padding-bottom: 8px!important;
    margin-top: -5px;
}

.reqButton{
	margin-top: 15px;
}

.reqButton a{
	color: white!important;
	cursor: pointer;
}

.reqButton a:hover{
	color: #b50c00!important;
}




/*--------------------------------------------------------------*/
/* !- Page with form UECSS*/
/*--------------------------------------------------------------*/
.pwf{
	margin-top: 70px;
}



/*--------------------------------------------------------------*/
/* !- Page Distributors UECSS*/
/*--------------------------------------------------------------*/
.distCard{
	font-size: 16px;
	margin-top: 30px;
    margin-bottom: 30px;
}

.imgPart{
	text-align: center;
	height: 80px;
}

.imgPart img{
	max-height: 100%;
}

.headerPart{
	text-align: center;
    border-bottom: 1px solid #a7a7a7;
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-top: 20px;
}

.headerPart h4{
	font-size: 1.125rem;
    color: #b50b00;
    font-weight: 900;
}




/*--------------------------------------------------------------*/
/* !- Page Video Library UECSS*/
/*--------------------------------------------------------------*/
.vTextS{
	font-size: 0.875rem;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 2rem;
}

.wrapper-vid {
	width: 100%;
	display: inline-block;
	position: relative;
}

.wrapper-vid:after {
	padding-top: 56%;
	display: block;
	content: '';
}

.main-vid {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.main-vid iframe{
	height: 100%;
	width: 100%;
	min-height: 196px;
}

.video-fallback-library {
	height: 196px;
	width: 100%;
	display: block;
	cursor: pointer;
}


/*--------------------------------------------------------------*/
/* !- Page Partner UECSS*/
/*--------------------------------------------------------------*/
.rowPartner{
	margin-bottom: 70px;
}

.outerPartner{
	height: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.innerPartner{
	display: table-cell;
    vertical-align: middle;
}

@media (max-width: 767px){
	.rowPartner{
		margin-bottom: 0px;
	}
	
	.outerPartner{
		margin-bottom: 70px;
	}
}

/*--------------------------------------------------------------*/
/* !- Page Account UECSS*/
/*--------------------------------------------------------------*/

#account-nav {
	padding-top: 30px;
	border-right: 1px solid #ced4da;
	z-index: 100;
}

#account-nav .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}

#account-nav .nav-pills .nav-link {
    border-radius: .25rem;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    font-weight: 500;
}

.orders-page .table-responsive {
    padding-top: 1rem;
}
.orders-page table {
	font-size: 1rem;
    border: 1px solid #8c7f70;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.orders-page table thead {
    background-color: #8c7f70;
    color: white;
    border: none !important;
    font-weight: bold;
}

.orders-page table tr td {
	padding: 2px 5px;
}


.orders-page table thead tr td {
	border: 0 !important;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
}




/*--------------------------------------------------------------*/
/* !- Misc UECSS*/
/*--------------------------------------------------------------*/
.noBold{
	font-weight: 300!important;
}

.t404{
	font-size: 160px;
}

.s404{
	margin-bottom: 90px;
    margin-top: 50px;
}

.textcenter{
	text-align: center;
}

#input_3_4_6_container{
	width: 100%;
	padding-right: 0px;
}

#input_3_4_6_container label{
	display: none;
}

.gform_footer .gform_button{
	border: 1px solid #b50c00;
    background-color: #b50c00;
    color: white;
    padding: 5px 52px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 0.875rem!important;
}

.gform_footer .gform_button:hover{
    background-color: white;
    color: #b50c00;
}

#gform_wrapper_3{
	margin-top: 70px;
}

@media (max-width: 767px){
	.gform_footer .gform_button{
    	font-size: 16px!important;
	}
}


/*--------------------------------------------------------------*/
/* !Media scroll UECSS*/
/*--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------*/
/* !--Captions scroll UECSS*/
/*--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------*/
/* !--Galleries UECSS*/
/*--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}


/*--------------------------------------------------------------*/
/* !Plugin Compatibility UECSS*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !--Shop UECSS*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !---cart UECSS*/
/*--------------------------------------------------------------*/
.cart-container {
	display: inline-block;
    width: 33%;
    text-align: right;
    position: relative;
    float: right;
    height: 40px;
    /* margin-left: 130px; */
    background-color: #8c7f6f;
    border: 2px solid #8c7f6f;
}

.cart-wrapper {
	width: 100%;
    text-align: center;
    padding: 0.3125rem 1.4em;
    padding: 2px 0;
    color: white;
    border-radius: 0 !important;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: normal;
    text-decoration: none !important;
    text-align: left;
    padding-left: 0.75rem;
}



.cart-wrapper ul {
	padding: 0;
}


.cart-wrapper ul li {
	display: inline-block;
}

.cart-wrapper ul li span.black {
	color: black;
	padding-right: 0.2rem;
	text-transform: uppercase;
}

.cart-wrapper ul li span.price, .cart-wrapper ul li span.units {
	font-size: 0.875rem;
}


.cart-wrapper ul li {
	padding-right: 0.75rem;
}

.cart-wrapper ul li:first-child span {
	text-transform: uppercase;
	color: white;
    font-size: 0.875rem;
}

.cart-wrapper svg {
	width: 25px;
	height: 23px;
	vertical-align: bottom;
	margin-right: 10px;
}

.cart-wrapper svg .a {
	fill: white;
}

.mylog {
	display: inline-block;
    width: 33%;
    text-align: right;
    position: relative;
    float: right;
    height: 40px;
}

.buy-table table {
    font-size: 1rem;
    border: 1px solid #8c7f70;
    -webkit-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 34px -15px rgba(0,0,0,0.75);
}

.buy-table.self table {
	min-height: 85px;
}

.buy-table address {
	margin-bottom: 0;
}

.buy-table table thead {
    background-color: #8c7f70;
    color: white;
    border: none !important;
    font-weight: bold;
}

.buy-table input {
	border-radius: 0;
}

.buy-table table thead tr td {
    border: 0 !important;
}

.buy-table table tr td {
    padding: 2px 5px;
}

.buy-table tfoot {
	font-weight: bold;
}

.quant_cart{
	width: 60px;
}

#units, #price {
	display:none;
}




@media (min-width: 992px) and (max-width: 1199px){
	.cart-container {
	    width: 40%;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.cart-wrapper ul li {
    	padding-right: 1.5rem;
	}
}

@media (min-width: 768px){
	#price.showPrice { display: inherit; }
}

@media (max-width: 767px){
	#price.showPrice { display: none; }
}

/*--------------------------------------------------------------*/
/* !---Checkout UECSS*/
/*--------------------------------------------------------------*/


#eaTab .nav-link.disabled {
    color: #babbbd;
    pointer-events: none;
}

/*
.logged-out .logout {
	display: none;
}
*/

.logged-in .logout {
	display: block;
}

.questMark svg {
    height: 18px;
    width: 18px;
}

.questMark svg .c {
	fill: #b90703;
}

input.red-alert, select.red-alert {
	border-color: #b70600;
    background-color: #f1f1f1;
}

::-ms-clear {
    display: none;
}

input[type="checkbox"].ea-check{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:0;
    width: 4rem;
    height: 2rem;
    background: #ddd;
    position: relative;
    cursor: pointer;
    outline: none;
    border-radius: 50px;
    font-size: 30px;
    transition: all .2s ease-in-out;
}
input[type="checkbox"].ea-check:checked{
	background: #b90703;
}
input[type="checkbox"].ea-check:after{
	position: absolute;
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50px;
    background: #ffffff;
    box-shadow: 0 0 0.25em rgba(0,0,0,.3);
    transform: scale(.7);
    left: 0;
    transition: all .2s ease-in-out;
}
input[type="checkbox"].ea-check:checked:after{
	left: calc(100% - 2rem);
}

.top-check {
    position: absolute;
	right: 0;
    top: 20px;
}

.page-template-page-checkout .form-check-label {
    vertical-align: super;
}

.tab-content {
	position: relative;
}

.payment-choice {
	margin-top: 7px;
	background-color: #8c7f70;
    color: white;
    padding: 10px 10px 10px 15px;
    -webkit-box-shadow: 0px 15px 16px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 15px 16px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 16px -20px rgba(0,0,0,0.75);
}

.payment-choice label {
	margin-bottom: 0;
}
.payment-choice.red-alert {
	border: 2px solid #bb0200;
}

.payment-choice input[type="radio"], .payment-choice input[type="checkbox"]  {
    display: none !important;
}

.formstyle .btn-ea-brown {
	margin-top: 1rem;
}

.buy-table .table-primary, .table-primary>td, .table-primary>th {
    background-color: #e7e7e7;
}

.logout a {
	margin-top: 1rem;
}

button.questMark {
	background: none;
    border: none;
    margin-top: 0 !important;
}

.red-msg {
	color: #bb0200;
}




.page-template-page-checkout .textStyle h2{
    font-size: 1.4rem;
    font-weight: 800;
    color: #666465;
}

@media (max-width: 767px){
	#checkTerms{
		display: inherit!important;
	}
}

/*--------------------------------------------------------------*/
/* !Elementor UECSS*/
/*--------------------------------------------------------------*/

.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}
/*--------------------------------------------------------------*/
/* !Search UECSS*/
/*--------------------------------------------------------------*/

.search .entry-footer {
	font-size: 0.875rem;
}

/*--------------------------------------------------------------*/
/* !Footer UECSS*/
/*--------------------------------------------------------------*/

#modal{
	height: 100%;
}

footer#colophon {
	border-top: 4px solid #b50b00;
	background-color: #666465;
	position: relative;
}

footer#colophon {
  color: #99979c;
  padding: 1.250rem 0;
  text-align: center;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important;
  }
}
 a.vendor {
	position: absolute;
	bottom: 14px;
    right: 18px;
}

.navFooter li{
	text-transform: uppercase;
	line-height: 1.3;
	padding-bottom: 10px;
}

.navFooter2 li{
	line-height: 1.3;
	padding-bottom: 10px;
}

.navFooter2 li:last-child{
	padding-bottom: 0;
}

.navFooter .liHead{
	font-size: 13px;
}

.navFooter .liBold a{
	font-weight: bold;
}

.navFooter .liPad{
	padding-bottom: 34px;
}

.navFooter, .navFooter2{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: 300;
}

.navFooter a, .navFooter2 a{
	font-weight: 300;
}

#colophon{
	color: white!important;
	padding-top: 50px!important;
	text-align: left!important;
}

.colPadding{
	padding-left: 10px;
	padding-right: 10px;
}

#logoFooter svg{
	width: 260px;
	height: 45px;
}

#footerAdr{
	font-size: 13px;
    font-weight: bold;
    margin-left: 60px;
    margin-top: -10px;
    margin-bottom: 0px;
}

#footerTable{
	height: 100%;
	margin-bottom: 0;
}

#footerTable td{
	vertical-align: bottom;
	font-size: 12px;
}

#socialF{
	text-align: right;
}

#socialF svg{
	width: 30px;
	height: 30px;
	margin-left: 3px;
	margin-bottom:-3px;
}

.footerPart2{
	margin-top: 20px;
	margin-bottom: 20px;
}

.navFooter table{
	margin-bottom: 0;
}

.icon{
	width: 50px;
}

.icon-mail-squared{
	display: inline;
	font-size: 35px;
}

.footerTab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.footerTab label {
	font-size: 13px;
      text-transform: uppercase;
    line-height: 1.3;
    font-weight: bold;
    vertical-align: top;
}

.mobile-only {
	display: none;
}

.desktop-only {
	display: block;
}

@media (min-width: 768px) and (max-width: 991px){
	.footerCall{
		position: absolute;
		right: 0;
	}
	
	.fotRow{
		position: relative;
	}
	
	#footerAdr {
    	font-size: 11px;
    }
}

@media (max-width: 991px){
	.desktop-only {
		display: none !important;
	}

	.mobile-only {
		display: block;
	}


	.footerTab label {
		position: relative;
		display: block;
		cursor: pointer;
		margin-top: 25px;  
	}
	
	.footerCall{
		margin-top: 25px;
	}
	
	.navTabContent {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .35s;
		-o-transition: max-height .35s;
		transition: max-height .35s;
	}
	
	/* :checked */
	.footerTab input:checked ~ .navTabContent {
		max-height: 100%;
	}
	
	/* Icon */
	.footerTab label::after {
		position: absolute;
		right: 0;
		top: -6px;
		display: block;
		text-align: center;
		-webkit-transition: all .35s;
		-o-transition: all .35s;
		transition: all .35s;
	}
	
	.footerTab input[type=checkbox] + label::after {
		content: "+";
		font-size: 18px;
	}
	
	.footerTab input[type=checkbox]:checked + label::after {
		transform: rotate(315deg);
	}
	
	footer#colophon {
		padding-top: 25px!important;
	}
	
	.navFooter li {
	    padding-bottom: 10px;
	    padding-top: 20px;
	}
	
	.footerCall .navFooter li{
		padding-top: 0px;
	}
}

@media (max-width: 767px){
	.colPadding {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	#logoFooter{
		margin-top: 10px;
	}
	
	#footerAdr {
    	font-size: 10px;
    	margin-bottom: 40px;
    }
    
    #footerTable td {
    	vertical-align: top;
	}
	
	.footerPart2 {
    	margin-bottom: -10px;
	}
	
	footer#colophon {
		padding-bottom: 50px;
	}
}



[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-up-open:before { content: '\e800'; } /* '' */
.icon-right-open:before { content: '\e801'; } /* '' */
.icon-left-open:before { content: '\e802'; } /* '' */
.icon-down-open:before { content: '\e803'; } /* '' */
.icon-ok:before { content: '\e804'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */

/*--------------------------------------------------------------*/
/* !Media Query UECSS*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
  html {
    font-size: 95%;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  html {
    font-size: 93%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 88%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 86%;
  }
}
/*--------------------------------------------------------------
## edge
--------------------------------------------------------------*/
@supports (-ms-accelerator:true) {
	
	input[type="checkbox"].ea-check{
    background: none;

}
	
	input[type="checkbox"].ea-check:checked{
	background: none;
}
	
}