.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #ccc;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

.loadmask::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.loadmask::after {
  content: "";
  position: absolute;
  border-width: 4px;
  border-style: solid;
  border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  animation: 2s linear 0s normal none infinite running spin;
  filter: drop-shadow(0 0 2 rgba(0, 0, 0, 0.33));
}@font-face {
  font-family: 'edwards';
  src: url('/cache/web/auto_images/94a9bb6b6584d49c06968c8c75e72186.eot');
  src: url('/cache/web/auto_images/94a9bb6b6584d49c06968c8c75e72186.eot') format('embedded-opentype'),
       url('/cache/web/auto_images/fbcb769dd74ff725a50ed21407f20734.woff2') format('woff2'),
       url('/cache/web/auto_images/c9c674b5992c7e0718b3c8adb9d03d5b.woff') format('woff'),
       url('/cache/web/auto_images/1dd45266a42a294816d9feb067011047.ttf') format('truetype'),
       url('/cache/web/auto_images/6e2d40aa31dce7b467afb25a359eea47.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "edwards";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  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: .2em;

  /* 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-esc_icons_black-01:before { content: '\e800'; } /* '' */
.icon-esc_icons_black-03:before { content: '\e801'; } /* '' */
.icon-esc_icons_black-04:before { content: '\e802'; } /* '' */
.icon-esc_icons_black-02:before { content: '\e803'; } /* '' */
.icon-esc_icons_black-05:before { content: '\e804'; } /* '' */
.icon-esc_icons_black-06:before { content: '\e805'; } /* '' */
.icon-esc_icons_black-07:before { content: '\e806'; } /* '' */
.icon-esc_icons_black-08:before { content: '\e807'; } /* '' */
.icon-esc_icons_black-09:before { content: '\e808'; } /* '' */
.icon-esc_icons_black-10:before { content: '\e809'; } /* '' */
.icon-esc_icons_black-11:before { content: '\e80a'; } /* '' */
.icon-basket:before { content: '\e80b'; } /* '' */
.icon-star:before { content: '\e80c'; } /* '' */
.icon-star-empty:before { content: '\e80d'; } /* '' */
.icon-star-half:before { content: '\e80e'; } /* '' */
.icon-user:before { content: '\e80f'; } /* '' */
.icon-ok-circled:before { content: '\e810'; } /* '' */
.icon-home:before { content: '\e811'; } /* '' */
.icon-ok-circled2:before { content: '\e812'; } /* '' */
.icon-address-book:before { content: '\e813'; } /* '' */
.icon-clipboard:before { content: '\e814'; } /* '' */
.icon-heart-empty:before { content: '\e815'; } /* '' */
.icon-mobile:before { content: '\e816'; } /* '' */
.icon-right-circle:before { content: '\e817'; } /* '' */
.icon-calendar:before { content: '\e818'; } /* '' */
.icon-doc:before { content: '\e819'; } /* '' */
.icon-cancel:before { content: '\e81a'; } /* '' */
.icon-plus:before { content: '\e81b'; } /* '' */
.icon-minus:before { content: '\e81c'; } /* '' */
.icon-fire:before { content: '\e81d'; } /* '' */
.icon-phone:before { content: '\e81e'; } /* '' */
.icon-clock:before { content: '\e81f'; } /* '' */
.icon-location:before { content: '\e820'; } /* '' */
.icon-picture:before { content: '\e821'; } /* '' */
.icon-videocam:before { content: '\e822'; } /* '' */
.icon-search:before { content: '\e823'; } /* '' */
.icon-left-open:before { content: '\e824'; } /* '' */
.icon-right-open:before { content: '\e825'; } /* '' */
.icon-clipboard-1:before { content: '\e826'; } /* '' */
.icon-th:before { content: '\e827'; } /* '' */
.icon-box:before { content: '\e828'; } /* '' */
.icon-ok-circled-1:before { content: '\e829'; } /* '' */
.icon-address-book-1:before { content: '\e82a'; } /* '' */
.icon-wrench:before { content: '\e82b'; } /* '' */
.icon-th-list:before { content: '\e82c'; } /* '' */
.icon-down-open:before { content: '\e82d'; } /* '' */
.icon-th-large:before { content: '\e82e'; } /* '' */
.icon-up-open:before { content: '\e82f'; } /* '' */
.icon-users:before { content: '\e830'; } /* '' */
.icon-basket-1:before { content: '\e831'; } /* '' */
.icon-print:before { content: '\e832'; } /* '' */
.icon-email:before { content: '\e833'; } /* '' */
.icon-login:before { content: '\e834'; } /* '' */
.icon-logout:before { content: '\e835'; } /* '' */
.icon-basket-2:before { content: '\e836'; } /* '' */
.icon-heart:before { content: '\e837'; } /* '' */
.icon-folder:before { content: '\e838'; } /* '' */
.icon-folder-open:before { content: '\e839'; } /* '' */
.icon-eye:before { content: '\e83a'; } /* '' */
.icon-eye-off:before { content: '\e83b'; } /* '' */
.icon-tag:before { content: '\e83c'; } /* '' */
.icon-chat:before { content: '\e83d'; } /* '' */
.icon-list-add:before { content: '\e83e'; } /* '' */
.icon-mail:before { content: '\e83f'; } /* '' */
.icon-share:before { content: '\e840'; } /* '' */
.icon-print-1:before { content: '\e841'; } /* '' */
.icon-thumbs-up:before { content: '\e842'; } /* '' */
.icon-pinterest:before { content: '\e843'; } /* '' */
.icon-right-open-big:before { content: '\e844'; } /* '' */
.icon-left-open-big:before { content: '\e845'; } /* '' */
.icon-up-open-big:before { content: '\e846'; } /* '' */
.icon-down-open-big:before { content: '\e847'; } /* '' */
.icon-right-open-mini:before { content: '\e848'; } /* '' */
.icon-left-open-mini:before { content: '\e849'; } /* '' */
.icon-down-open-mini:before { content: '\e84a'; } /* '' */
.icon-up-open-mini:before { content: '\e84b'; } /* '' */
.icon-thumbs-down:before { content: '\e84c'; } /* '' */
.icon-commerical-building:before { content: '\e84d'; } /* '' */
.icon-logo:before { content: '\e864'; } /* '' */
.icon-manufacturer:before { content: '\e865'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-doc-text-inv:before { content: '\f15c'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-video:before { content: '\f1c8'; } /* '' */
.icon-history:before { content: '\f1da'; } /* '' */
.icon-cc-visa:before { content: '\f1f0'; } /* '' */
.icon-cc-mastercard:before { content: '\f1f1'; } /* '' */
.icon-cc-discover:before { content: '\f1f2'; } /* '' */
.icon-cc-amex:before { content: '\f1f3'; } /* '' */
.icon-cc-paypal:before { content: '\f1f4'; } /* '' */
.icon-amazon:before { content: '\f270'; } /* '' */
.icon-percent:before { content: '\f295'; } /* '' */
.icon-snapchat-ghost:before { content: '\f2ac'; } /* '' */
.icon-user-circle-o:before { content: '\f2be'; } /* '' */
 
 .tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .tooltip_contents {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .tooltip_contents {
    visibility:visible; opacity:1;
}

.tooltip .tooltip_contents i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .tooltip_contents i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.modal_box, .popup_modal_box {
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 320px;
	height: auto;
max-height:100%;
	z-index: 10000;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow: auto;
-webkit-overflow-scrolling:touch;
-webkit-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.51);-moz-box-shadow:0px -1px 10px rgba(0, 0, 0, 0.51);box-shadow:0px -1px 10px rgba(0, 0, 0, 0.51);

-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s easein;
-webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

.icon-cancel{background:#fff;}
/* popup modal */
.popup_modal_box input[type=text],.popup_modal_box input[type=email] {}
.popup_modal_box .col8{padding:20px;} 

.modal_right_bottom{
	top:initial;
	right:20px;
	bottom:20px;
	left:initial;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
animation: slideInRight .3s;
border-radius: 5px;

}
.modal_left_bottom{
	top:initial;
	left:20px;
	bottom:20px;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
animation: fadeInRight .3s;

}

.modal_top{
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);

}
.modal_bottom{
	top:initial;
	right:0;
	bottom:0;
	left:0;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);

}



.modal_box .title, .popup_modal_box .title{margin:-10px 0 0 0;}
.modal_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 1;
	visibility: visible;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.4);
	-webkit-overflow-scrolling:touch;
	-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;

}
/* Content styles */
.modal_box .login-modal input, .popup_modal_box .login-modal input{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;

}
.modal_contents {
	color: #222;
	background: #fff;
	position: relative;
	margin: 0 auto;
	padding:10px;
	height:100%;
}
.modal_default_close {text-align:right;display:block;cursor:pointer;margin:-10px -10px 10px 0;font-size: 20px;position:relative;z-index: 2;}

@media screen and (max-width: 767px){

.popup_image {display:none;}
.modal_right_bottom{top:0;right:5px;left:5px;bottom:initial;}


}



@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

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

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}





/* 
Edwards Supply Colors

Burgundy
Hex: #5a0000
R: 90 G: 0 B: 0
C: 37 M: 95 Y: 90 K: 59

 AMERICAN RED
Hex: #b80101
R: 184 G: 1 B: 1
C: 19 M: 100 Y: 100 K: 11

DENIM
Hex: #0c1931
R: 12 G: 25 B: 49
C: 94 M: 83 Y: 50 K: 63


MUTED BLUE
Hex: #55778e
R: 85 G: 119 B: 142
C: 71 M: 46 Y: 32 K: 6


BLACK
Hex: #000000
R: 0 G: 0 B: 0
C: 75 M: 68 Y: 67 K: 90

CHARCOAL
Hex: #3c3c3c
R: 60 G: 60 B: 60
C: 68 M: 62 Y: 60 K: 50

GREY
Hex: #adadad
R: 173 G: 173 B: 173
C: 33 M: 27 Y: 27 K: 0

SOFT WHITE
Hex: #dcdcdc
R: 220 G: 220 B: 220
C: 12 M: 9 Y: 10 K: 0
 */

/* 
Fonts:
Main Title: bebas neue regular
Subtitle: Montserrat, SemiBold
Body: Montserrat, Regular
SPECIALTY USAGE / DECORATIVE: Dancing Script, Bold
 */

@font-face {
  font-family: 'Montserrat-Regular';
  src:url('/cache/web/auto_images/6fe1243cae273246aa319bedd832f4ed.woff') format('woff'),
        url('/cache/web/auto_images/871f51c97b868507dbc1a95266505a2e.woff2') format('woff2'),
        url('/cache/web/auto_images/0079cf206bb131e2e15ffa1c49e2bdd2.svg') format('svg'),
        url('/cache/web/auto_images/626d021319f83fe55981fd0de3d54922.eot'),
        url('/cache/web/auto_images/626d021319f83fe55981fd0de3d54922.eot') format('embedded-opentype'),
        url('/cache/web/auto_images/f55dbb4d442a9d3f573caf8cbd1a7e76.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,body{width:100%;}
body{margin:0; padding:0; background: #fff; font-family:Montserrat-Regular,sans-serif; color:#333; font-size:16px; }
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
figure{margin-block:initial;margin-inline:initial}
figure img{max-width:100%;}
:focus-visible {
    outline: -webkit-focus-ring-color none 0px;}

.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.center{text-align:center;}
.txt-r{text-align:right;}
.shadow {-webkit-filter: drop-shadow( 0.5px 0.5px 0.6px #9f9f9f ); filter: drop-shadow( 0.5px 0.5px 0.6px #9f9f9f );}
a.no-clk{pointer-events: none;cursor: default;}
.mobile-only{display:none;}
/* .toggle_overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity: 1;visibility: visible;top: 0; left: 0; z-index: 1000;-webkit-overflow-scrolling: touch;} */
.toggle_overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity: 1;visibility: visible;top: 0; left: 0; z-index: 1000;-webkit-overflow-scrolling: touch; -webkit-animation: fadein 0.2s;animation: fadein 0.2s;}
.gray {color: #dadada;}
#main_content{min-height:100vh;}
.truncate_outer{font-size: 1em;width: 55%;display: table;table-layout: fixed;margin: 10px 0;position: relative;z-index: 2;}
.truncate_inner{white-space: nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;}

/* #FF1113 */
h1, h2, h3, h4, h5{margin:0;padding:0;font-weight:normal;}
a{color:#b80101;text-decoration:none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;cursor:pointer;}
a:hover{color:#5a0000;}
.topbar, footer, a.btn, input[type=submit], button, .local-banner{background:#b80101;color:#fff;}
p{margin:10px 0 0 0;font-weight:normal;}
.box-size{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.icon-container {display:none;}
/* Buttons */
button, input[type=submit], a.btn{-webkit-appearance:none;display:inline-block;border:0;height:35px;line-height:35px; font-size:16px;padding:0 20px;cursor:pointer;color:#fff;border-radius:5px;}
a.gbtn{background:none!important;color: #b72025;border:1px solid #000;padding: 0 30px; display:inline-block;line-height:35px;}
a.wbtn{background:#fff;color:rgba(0, 61,120,1);border:1px solid #080081;padding:0 20px; display:inline-block;line-height:35px;}
a.wbtn:hover{background:rgba(0, 61,120,1);;color:#fff;border:1px solid #080081;padding:0 20px; display:inline-block;line-height:35px;}

/* Header */
.header .logo, .header .head-stuff{display:inline-block;line-height: 70px;}

.menu .small,.man_menu .small, .head-stuff a{color:#ffffff;display:inline-table;padding:0 10px; text-align: center;}
a#close_mini_cart{color:initial;}
.man_menu{position:relative;}
.man-menu{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1002;
    top: -10px;
    left: 40px;
    cursor: pointer;
    opacity: 1;
    -webkit-touch-callout: none;

}
.man-menu span.line {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 7px;
    position: relative;
    border-radius: 2px;
    background: #fff;
    z-index: 1001;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(0.77,0.2,0.05,1.0), background .5s cubic-bezier(0.77,0.2,0.05,1.0), opacity .55s ease;
}


.head-stuff a span{font-size:12px;}
.nav_bar{background: #000;}
.nav_bar .wide-grid{display:flex}
.nav_bar .menu{width:100px;position:relative;}

header{-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear; }
/* .header{display:flex;} */
header.alt{
/*     position: fixed; */
    background: #fff;
    z-index: 2000;
    width: 100%;
	top:0;
	box-shadow: -1px 1px 3px rgba(0,0,0,.1);
}
header.altno{position:initial!important;}
header.alt img{max-height:50px;}
header.alt .head-stuff{line-height:50px;}

.logo{float:left;}
.logo img{max-height:100px;max-width: 350px;vertical-align:middle;}
.head-stuff{float:right;text-align:right;}
.head-stuff i{font-size:2.2em;}
.topbar{height:30px;line-height:30px;background:#EEBA9A; text-transform: uppercase;font-size:0.8em;text-align:center;}
.topbar a{color:#fff;}

/* Login */
.login-modal{padding:20px; width:500px;}
.login-modal input{padding:0 5px;border:1px solid #aaa;width:100%;font-size:18px;height:55px;}

/* Account Box */
/* #my-account{display:none;text-align:left;} */
.account-open{display:block!important;position: absolute;top: 0px;width:320px;right:0;z-index: 2001;background: #fff; color: #000;line-height: initial;   margin-top:-0; padding: 30px}
#my-account ul{padding:0;margin:0;line-height:100px;}
#my-account ul li {list-style:none;display:inline-block;padding:0 15px;}
/* #mini_cart a, #mini_quote a{color:#b80101} */



/* .nav_bar a {color:#fff;} */

/*Search*/
a#search_handle{display:none;}


#search-area{    flex-grow: 1;
    padding: 10px;position:relative;}
    
.search-area-open{display:block!important;position: absolute;top:0;z-index: 2001;background: #fff;    color: #000;line-height: initial;   margin-top:-0; padding: 0}
#search-area input[type=search]{font-family:inherit;border:0;/* border:1px solid rgb(183,32,37); */border-radius: 3px;width:100%;margin-right:20px;padding:0 15px 0 30px;height:50px;line-height:50px;font-size:20px;-moz-appearance:none;-webkit-appearance:none; }
#search-area input[type=submit]{background:none;border:none;position:absolute;margin: 0;cursor:pointer;-webkit-appearance:none;}
.search-bar input[type=search]{font-family:inherit;border:1px solid rgb(183,32,37);width:80%;margin-top:10px;padding:0 15px 0 30px;height:50px;line-height:50px;font-size:20px;text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none;}
.search-bar input[type=submit]{display:none;background:none;border:none;position:absolute;margin: 0;cursor:pointer;-webkit-appearance:none;}
header.alt .search-area-open{top:24px;}

#search_results {
  text-align: left; cursor: default; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  /* core styles should not be changed */
  position: absolute;  z-index: 9999; box-sizing: border-box; left:0;right:0;max-height:100vh;overflow-y: scroll ;
}


.autocomplete-suggestions {
  text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  /* core styles should not be changed */
  position: absolute; display: none; z-index: 9999; box-sizing: border-box; left: initial!important;
}

.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion img{max-width:50px!important;max-height:50px!important;margin: 5px;    vertical-align: middle;}
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }
#search_results li.selected .products-product {    background:rgba(0,0,0,0.1)}
/* #search_results li.selected form.add_to_cart{display:none;} */

ul.f_category {margin:0;padding:0;}
ul.f_category li{display:inline-block;width:49.5%;padding:5px 0 0 0;}

.modal_height {max-height:600px!important;}
.modal_padding{padding:50px;}

.cat-list {padding:5px;}
.cat-list ul li {list-style:none;height:30px;}
.cat-list h3{margin:0 10px}

.local-banner{padding:20px 0;text-align:center;}
/* Footer */
footer{position:relative;padding:20px 0 0 0;}
.footer_content{background:#000;padding: 50px 0;}
.footer_content a{color:#fff;}
.footer_bottom{height:30px;line-height:30px;tex-align:center; width:100%}
footer h3{font-size:1em;}
footer ul li{list-style:none;padding:0 0 0 10px;margin:2px auto;font-size:0.8em;}
footer ul li a{color:#fff;opacity:0.9}
footer ul li a:hover {color:#fff;opacity:1}
footer ul{margin:0;padding:0;}
.footer-bottom{position:absolute;bottom:5px;width:100%;left:0;}
.cc-payments i{font-size:1.5em;}

#mailing_lists_subscribe h2{font-size:1.2em;}
#mailing_lists_subscribe input{height:35px;line-height:35px;border:1px solid #ccc;border-radius:2px;margin:5px;width:100%;}
#mailing_lists_subscribe input[type=submit]{border:none;}

/*Forms*/
input[type=text],input[type=email],input[type=password],input[type=tel]{height:40px;padding:0 10px;}
select{background-size: 10px;background-position: right;height: 40px;line-height: 40px;border-radius: 0px;border: solid 1px #777;margin:0;padding: 0 20px 0 5px; -webkit-appearance: none;width: 100%;background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), calc(100% - 1.2em) 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}
.form_error{color:#ff0000;}
.field-wrap {margin: 0 0 10px 0!important;} 
.field-wrap,.field-input{position:relative;}
.field-input.r{margin-left:5px;}
.field-input.l{margin-right:5px;}
.field-input.c{margin:0 5px;}
.field-input label{opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.field-wrap label{position:absolute;top:1px;left:5px;font-size: 12px;}
.field-wrap input[type=text], .field-wrap input[type=email],.field-wrap input[type=password],.field-wrap input[type=tel], .field-wrap select{height:55px;font-size:1em;border:1px solid #888;outline:none;-webkit-appearance: none;padding: 5px; width: 100%;}
.field-wrap textarea{height:100px;;font-size:1em;border:1px solid #888;outline:none;-webkit-appearance: none;padding:15px 5px;width: 100%;}
.field-wrap.active input,.field-wrap.active textarea, .field-wrap.active select {border-bottom: 2px solid rgb(183,32,37);}
.show-label label{opacity: 1;}
.field-wrap select{background-size: 10px;background-position: right;height: 55px;line-height: 55px;font-size: 18px;border-radius: 0px;border: solid 1px #777;margin:0;padding: 0 5px; -webkit-appearance: none;width: 100%;background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), calc(100% - 1.2em) 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}

/* custom Contact forms */
.contact_form{max-width:600px;margin:50px auto;min-height:550px;}
.contact_form h3{margin:0 0 10px 0;background: #f3f3f3;padding:10px;}
.contact_form input[type=email],.contact_form input[type=text],.contact_form input[type=tel],.contact_form textarea  {width:100%;margin:10px 0;}
.contact_form textarea {border:none;background:#f3f3f3;padding:10px;}


.contact_form .col6{padding:10px;}
.contact_form input[type=text],.contact_form input[type=email],.contact_form input[type=tel]{border:none;border-bottom: 1px solid #BEA538;}
.contact_form input[type=submit]{border:none;color:fff;background:#c0a868;display:inline-block;margin-top:15px;}
.contact_form input[type=checkbox]{margin:5px;}


#user_gmap{display:block;width:95%;border:10px solid #f3f3f3;margin:10px 0 0 0;height:280px;}

#dashboard_container .hide{display:none;visibility:visible;}


.go-to-top {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;position: fixed;bottom: 100px;right: 50px;text-decoration: none;color: white;background: rgba(0,0,0,0.4);font-size: 23px;padding: 10px;transition: all linear 0.8s;-moz-transition: all linear 0.8s;-webkit-transition: all linear 0.8s;}
.dont-show{visibility: hidden;bottom: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.dont-show.show{visibility: visible;bottom: 100px;}
.hide{visibility: hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.unhide{ visibility: visible;}
.hide.show{visibility:visible;}
   bottom: 120px;}

/* Email Signup */
.email-signup{height:120px;text-align:center;background:#efefef;padding-top:20px;}

.expandable-toggle{width:100%;background: #efefef;padding:10px;margin:5px 0;}
.expandable-toggle::after{font-family:altisuite;content: '\e80f';float:right; }
.expandable-toggle.open::after{font-family:altisuite;content: '\e810'; text-align:right;}
.expandable-content{display:none;background:#fff;width:100%;padding:10px;}

/* Facets Menu */
.facets img{max-width:30px;max-height:30px;}
.facets h2{    color: #b72025;
    border-bottom: 2px solid;
    margin: 30px 20px 10px 0;
    padding: 5px 0px;}
.facets ul{margin:0;padding:0 20px 0 0;}
.facets ul li{list-style:none;padding:0;line-height:25px;}
.facets ul li a{color:#333;}
.facets .icon-minus {display: none;}
.facets .icon-plus {display: none;}
.icon-star, .icon-star-empty, .icon-star-half {display: inline-block; color: #f08e0c;}
.icon-cancel {z-index: 2000;}
/* 
ul.facet-list li{display:flex;}
ul.facet-list li input{display:inline-block;float:left;}
ul.facet-list li .attr-name{flex-grow:1;}
 */
ul.facet-list {
    list-style: none;
    padding: 0;
    margin: 0 20px 0 0;
}

ul.facet-list li {
    display: flex;
    align-items: top; /* Align items vertically for better visual alignment */
}

ul.facet-list li input.attribute-check {
    flex-shrink: 0; /* Prevent the checkbox from shrinking */
    width: 20px; /* Specify a fixed width for the checkbox */
    height: 20px; /* Optional: Set height to maintain aspect ratio */
    margin-right: 8px; /* Add some space between checkbox and text */
}

ul.facet-list li .attr-name {
    flex-grow: 1; /* Allow the text to take the remaining space */
}

ul.facet-list li .attr-count {
    margin-left: 8px; /* Optional: Add some space before the count */
}
/* Fancy checkbox */


@keyframes click-wave {
  0% {
    height: 20px;
    width: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
/* input[type=checkbox]{-webkit-appearance: checkbox;height:initial;} */

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
/*   top: 6.667px; */
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: 1px solid #cbd1d8;
  color: #fff;
  cursor: pointer;
/*   display: inline-block; */
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1;
}
input[type=checkbox]:hover {
  background: #9faab7;
}
input[type=checkbox]:checked {
  background: #056e97;
}
input[type=checkbox]:checked::before {
  height: 20px;
  width: 20px;
  top:0;
  left:0;
  position: absolute;
  content: '✓';
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}
input[type=checkbox]:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #056e97;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

/* Needed for modals */
.ui-dialog input[type=checkbox]{z-index:4000;}



/* Custom Page */
#custom_page_view {}
#custom_page_view img{max-width:100%;}
.page-content{padding:20px!important;}

/* Category Page */
#category_view{background:#fcfcfc;}
#category_view .col2 img{max-width:200px;max-height:200px;}
.categories ul {margin: 45px 0 110px 0; display: table; padding: 0;width: 100%;}
#products_list ul, .categories ul {
    display: grid;
    grid-gap: 1em;
    grid-auto-flow: dense;
    justify-content: center; /* Center grid items horizontally */
}

.categories ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 15.1%));
    justify-content: center; /* Center grid items horizontally */
}

#products_list ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(32.2%, 24.1%));
    justify-content: center; /* Center grid items horizontally */
}

#products_list ul li, .categories ul li {
    width: 100%;
    float: left;
    display: inline-grid;
}

.categories ul li section {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    padding: 20px;
    height: 400px;
    position: relative;
}

.categories a, .categories button {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
}

.categories a {
    color: #343434!important;
    text-transform: uppercase;
    font-size: .9em!important;
}

.categories button {
    border-radius: 0;
    font-size: .85em;
    padding: 15px 0;
    height: unset;
    bottom: 5%;
    left: 0;
    right: 0;
    width: 85%;
    position: absolute;
}

.categories .img-holder {
    height: 180px;
    margin: 0 0 20px 0;
}

.categories ul li div a img {
    max-width: 100%;
    max-height: 100%;
}

.home_tile, .categories li .tile {
    margin: 0;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    padding: 20px;
    position: relative;
    transition: linear .2s;
    background: #fff;
}
.home_tile h3{margin-bottom:10px;}

.categories li .tile:hover{    -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);
}

.chart_header{background:#fff;padding:20px;}
.chart_image{float:left;width:35%;padding-right:40px;}
.chart_image img{max-width:100%;max-height:100%}
.chart_description{padding:0 10px;}
.chart_description ul li{margin:5px;}
td.t_name {display:none;}


.filter-btn{display:none;}


.grid_strict{margin-left:-20px}
.grid_item{margin: 0;padding-left:20px;float:left;overflow:hidden;}

.grid_item:nth-child(1){width:25%;}
.grid_item:nth-child(2){width:75%;}
.grid_item:nth-child(3){width:66.33333337%;}
.grid_item:nth-child(4){width:33.33333333%;}

.grid_item:nth-child(1) .c_tile{padding-bottom: 110.4%;}
.grid_item:nth-child(2) .c_tile{padding-bottom: 35%;}
.grid_item:nth-child(3) .c_tile{padding-bottom: 49%;}
.grid_item:nth-child(4) .c_tile{padding-bottom: 100%;}

.c_tile{transition: all .2s ease-in;position:relative;overflow:hidden;margin-bottom:20px;background-size:cover!important;background-position:center!important;}
.c_tile:hover{transform:scale(1.01);overflow:hidden;}
.c_tile_content{position:absolute;bottom:20px;left:20px;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;text-align:left;}
.c_tile_content {color:#fff;}


/* Daily Deal */
#daily_deal_view .image_holder{width:100%;height:200px;line-height:200px;text-align:center; position: relative;margin: 0 auto; }
#daily_deal_view .image{width:100%;height:200px;line-height:200px;text-align:center;position:absolute;background-size: auto 100%!important; background-repeat: no-repeat!important; background-position: center!important;}


/* Products List - General */
#products_list ul{width:100%;padding:0;}
#products_list ul li{list-style:none;padding:5px;}
#products_list li img{max-width:100%;max-height:100%;vertical-align:middle;}
#products_list h2{font-size:16px;
display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines to display */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.products-product{padding:2.5%;position:relative;background:#fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);/* overflow:hidden; */}

.add_wish{position:absolute;right:5px;top:5px;z-index: 101;}

.view-options {width:100%;text-align:right;}
.view-options i {font-size:30px;}

/* Products List Tile View  */
/* #products_list.tile-view ul li{width:33%;padding:20px;display: ;text-align:center;} */

#products_list li .image_holder{width:100%;height:200px;line-height:200px;text-align:center; position: relative;margin: 20px auto; }
#products_list li .image{width:100%;height:200px;line-height:200px;text-align:center;position:absolute;background-size: auto 100%!important; background-repeat: no-repeat!important; background-position: center!important;}
label.compare{position:absolute;bottom:0;left:0;font-size:.9em;z-index:10;}

#products_list.tile-view .product-info{margin:5px 0 0 0;}
/* #products_list.tile-view h2{width:100%;display:table;table-layout: fixed;} */
/* #products_list.tile-view h2 a{white-space:nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;} */
#products_list.tile-view .price-box{position:absolute;bottom:25px;width:95%;}
#products_list.tile-view .products-product{height:530px;}
#products_list.tile-view .description{display:none;}

/* Products List List View  */
#products_list.list-view .products-product{/* border:1px solid #ccc; */padding:2.5% 0 0 2.5%;position:relative;/* overflow:hidden; */}
#products_list.list-view ul{    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 100%));
    justify-content: center;}
#products_list.list-view ul li{width:100%;clear:both;position: relative;margin:0 0 10px 0;display:inline-block;}
#products_list.list-view li .image{height:150px;line-height:150px;margin:0 5px 0 0;}
#products_list.list-view li .image_holder{width:150px;margin:0 5px 0 0;}
#products_list.list-view li .product-info{position:absolute;top:20px;left:200px;right:0;height:200px;}
#products_list.list-view  h2{font-size:20px;margin-right:190px;}
#products_list.list-view .price-box{position:absolute;right:5px;bottom:10px;}


/* Hide and adjust for instant search */
#search_results .view-options, 
#search_results .applied-filters {display:none;}
#search_results #products_list.products-product{/* border:1px solid #ccc; */padding:2.5% 0 0 2.5%;position:relative;/* overflow:hidden; */}
#search_results #products_list ul{display:block;}
#search_results #products_list ul li{width:100%;clear:both;position: relative;margin:0 0 10px 0;display:inline-block;}
#search_results #products_list li .image{height:75px;line-height:75px;margin:0 5px 0 0;}
#search_results #products_list li .image_holder{width:75px;height:75px;line-height:100px;margin:0 5px 0 0;}
#search_results #products_list li .product-info{position:absolute;top:0px;left:100px;right:0;height:100px;}
#search_results #products_list h2{font-size:15px;margin:0; padding-right: 80px; width: 80%;            /* 1) Define a fixed width */
  white-space: nowrap;     /* 2) Prevent text from wrapping */
  overflow: hidden;        /* 3) Hide overflowed text */
  text-overflow: ellipsis;}
#search_results #products_list .price-box{position:absolute;right:5px;bottom:-15px;text-align:right;}
#search_results #products_list .products-product{height:initial}
#search_results #products_list .add_wish{display:none;}
#search_results #products_list input[type=submit]{display:none;}
#search_results #products_list .products-product .product-info b{color:#ff0000;}
#search_results #products_list .products-product .overlay-label{right:3px;left:initial}



.price-box input[type=text]{width:60px;border-radius:0;}
.price-box input[type=submit].hide{visibility:visible;}
.special{position:absolute;top:-5px;left:-5px;padding:3px;background:yellow;overflow:visible;}


.details_area .tabss > ul{background: #fff;
    height: 60px;
	text-align:center;
	border-bottom: 1px solid #efefef;
}

.details_area .tabss > ul.alt{position: fixed;top:100px;background: #fff;z-index: 10;left:0;right:0;width:100%;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16)}
.details_area .tabss > ul.alt {}
.details_area .tabss .tab-content{}
.details_area li.tab a{display:inline-block;height:40px;}
.details_area li.tab{border-bottom:3px solid #fff;background:none;}
.details_area li.tab.active{border-bottom:3px solid #508991;background:none;}
.details_area li.tab:hover{border-bottom:3px solid #508991;background:none;color:#508991}




/* Variant Buttons */
input[type=radio].blue-select {
    display: none;
}
input[type=radio].blue-select+label {
    padding: 8px;
    width: 140px;
    height: 100px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    white-space: nowrap;
}
input[type=radio].blue-select:checked+label, input[type=radio].blue-select:hover+label:hover {
    border: 1px solid #7089bd;
    cursor: pointer;
    color: #7089bd;
}
.size.variant {
    margin: 0 0 30px 0;
}
#variant_select_options_form {
    margin:30px 0;
}

div.select-container select.variant { margin: 0 0 20px 0;width:initial; }

/*Product Quick View*/

.mod{width:800px;min-height:350px;}
.mod .product .image img {max-width: 100%;max-height: 400px;}
.modal_box {overflow: hidden!important;}

ul.quantity_container{display:inline-block;padding:0;margin:0 10px 0 0;float:left;}
ul.quantity_container li{display:inline-block;padding:0;float:left;}
ul.quantity_container li input{}
ul.quantity_container .qty-pm {background:#888;color:#fff!important;display:block;border:none; width: 35px; height: 35px; line-height:35px;text-align: center;}
ul.quantity_container .qty_box {width:40px;height:35px; text-align:center;}
.quantity_container p {display: block; text-transform: uppercase; color: #3b3b3b; font-size: .8em; font-weight: bold; margin-bottom: 5px;}
.quantity_container i {font-size: .8em; vertical-align: middle;}

/* overlay labels */
.overlay-label{position:absolute;z-index:1;top:3px;left:3px; padding:5px;font-size:0.8em;text-transform:uppercase;border-radius:3px;}
.label-nostock{background: #d61616; color: #fff;}
.label-dropship{ background: #244789;color: #fff;}
.label-new {position:absolute;top:3px;right:30px;border:2px solid #e95144; color:#e95144; padding:0 3px;font-size:0.8em;text-transform:uppercase;}

table {	border-collapse: collapse;	border-spacing: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
table.data_table {border: none;background: #fff;width: 100%; /*IE8 hack*/}
table.data_table td { 	padding:10px 5px;	border-bottom: 1px solid #cacaca; color: #707070;}
table.data_table td a {color: #494A4E; font-weight: bold;}
table.data_table td a.btn {color:#fff;}
table.data_table th { padding:5px; font-weight: bold;	text-transform: uppercase; text-align: left; font-size: .95em; color:#fff; height:35px; line-height:35px;background: #494A4E;}
table.data_table th a{color:#fff;}
table.data_table tr.colored {	float:none;background-color: #fafafa;	border-bottom: 1px solid #cacaca;}
table.data_table tr:hover {background-color: #f7f7f7;}
table.data_table th {	width: 100%;	width: auto;  /*IE8 hack*/}
table.data_table tfoot {display: none;}
table.spacing {	margin-top: 15px;	margin-bottom: 15px;}
table.first {	margin-top: 3px;}
table.login td{	padding-top: 10px;	padding-right: 10px;}
.sub-cat-table .pricing-break tr td {border: none; color: #707070; font-size:.9em; }
.sub-cat-table .pricing-break tr td b {font-size: 1.15em; margin: 0 0 20px 0; font-weight: bold;}
.sub-cat-table input[type="number"] {width:50px;border:margin-right:20px;1px solid #ccc;height:30px;line-height: 30px;text-align: center;}
.sub-cat-table input[type="submit"] {background-color: #5B87C3; color: #fff;}
.prod-table {margin: 50px 0 0 0;}
.prod-table th p {margin: 0;}
.prod-table td button {background-color: #363636; color: #fff;}
.pricing-table td {border-bottom: none!important;}
#orders table.data_table th, #item_history table.data_table th, #quote_requests table.data_table th, #subscriptions table.data_table th, #wish_list table.data_table th {background-color: #5B87C9;}
.atc {display: inline-block;}

/* Reviews */
.review {width: 45%; border-bottom: solid 1px #ccc;}
.review h3 {font-size: 25px; margin: 30px 0 0 0;}
.review .name p {font-size: 13px; margin: 5px 0 0 0;}
.review .rating {margin: 10px 0;}
.review .body {font-size: 14px;}
.review .date {margin: 20px 0 0 0;}
.review .date p {margin: 0; font-size: 12px; color: #999;}
.review .vote_holder {margin: 10px 0 0 0;}
.review .total p {font-size: 13px; margin: 5px 0 0 0;}

#review_user_create .form_table tr td:first-child {vertical-align: initial;}
#review_user_create .form_table tr td input, #review_user_create .form_table tr td textarea {border: 1px solid grey;}
#review_list_public h3 {margin: 35px 0 0 0;}
#review_list_public .current {margin: 50px 0 0 0;}
#review_list_public .current h4 {margin: 0 0 20px 0;}
#review_list_public .current a {border: 1px solid #b72025; color: #fff; padding: 10px 20px; border-radius: 20px; color: #b72025;}

#review_summary .col6:nth-child(1) .average-star {margin: 20px 0 0 0;}
#review_summary .col6:nth-child(1) .average-number {margin: 10px 0 0 0;}
#review_summary .thanks, #review_list_public .thanks {text-align: center; margin: 20px 0 0 0;}
#review_summary .current {margin: 30px 0;}
#review_summary .current a { color: #fff; padding: 10px 20px; border-radius: 20px; color: #69a5d9;}
.review-box {text-align: center;
    margin: 0 auto;
    border: 1px solid #b72025;
    padding: 70px;
    /* width: 50%; */
    max-width: 320px;}
.review-box h3 {margin: 0 0 20px 0;}
.review-box a {background-color: #b72025; color: #fff; padding: 10px 20px; border-radius: 5px;}
#product_reviews {margin: 40px 0 0 0;}

/* Carousel  */
.c_group{width:100%; overflow: hidden; }
.c_group ul{padding:0; margin:20px 0 0 0; width:100%;overflow-y: unset;}
.c_group ul li{width:25%;display: inline-block;float:left; text-align: center;}
.c_group ul li img{max-width:90%!important;max-height: 90%!important; }

/* Carousel Height */
.c_group ul{height:400px}
.c_controls a.next, .c_controls a.prev{height:400px;line-height:400px}

/*Carousel Controls*/
.c_controls{width:100%;position:relative;}
.c_controls a.next, .c_controls a.prev{position: absolute;right: -6px;display: block;width: 30px;top:0; z-index: 2;text-align: center;color:#5e5e5e;}
.c_controls a.next:hover, .c_controls a.prev:hover{}
.c_controls a.prev{left: -6px;}
.c_controls a.prev:hover,.featured a.next:hover{}
.c_controls a.next i{font-size:24px;text-align:center;}
.c_controls a.prev i{font-size:24px;text-align:center;}

.product-group, .brands{max-width: 95%;margin: 0 auto;padding:20px 30px;}
.product-group h2 {text-transform:uppercase;border-bottom:1px solid #e3e3e3;padding:0 0 10px 0;font-size:1.1em;}


/* Featured Brands */
.brands .c_group{background:#fff;padding:0 30px;}
.brands .c_group ul li {width:20%;}
.brands .c_group ul{height:150px;margin:0;}
.brands .c_controls a.next, .brands .c_controls a.prev{height:150px;line-height:150px;top:0;}
.brand-tile{background:#fff;border:1px solid #fff;padding:0 5px;height:150px;line-height:150px;}
.brand-tile:hover{border:1px solid #888;}
.brands img{max-width:100%;max-height:100%;vertical-align:middle;}


/* Tile  */
.tile{margin:0 5%;padding:10px 0;text-align:center;position:relative;overflow:hidden;transition:1s;}
.tile:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, .16)}
.tile .image{width:80%;height:200px;line-height:200px;margin:0 auto;}
.tile .image img{vertical-align:middle;max-width:100%;max-height:100%;}
.tile .title{font-size:1em;width:100%;display:table;table-layout:fixed;margin:10px 0;position:relative;z-index:2;}
.tile .title a{white-space:nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;}
.tile .price{font-size:1em;margin:10px 0;position:relative;z-index:2;}
.tile  input[type=submit], .tile a.btn{position:relative;z-index:2;}
input[type=checkbox].menu_toggle{display:none;}


/* Tile Overlay */
.product-overlay{text-align:center;position:absolute;opacity:0;width:100%;height:120%;transition:all linear 0.3s;-moz-transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.tile:hover > .product-overlay{position:absolute;opacity:1;background:rgba(255,255,255,0.8);width:100%;height:120%;-webkit-box-shadow: 1px 5px 5px 1px rgba(50, 50, 50, 0.35);-moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.35);box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.35);}
.product-overlay .overlay-middle{top:20%;position:absolute;width:100%;}
.quickview a.btn{background:#333;}

.quickorder{float:right;text-align:right;margin:30px 0 0 o;position:relative;}
.quickorder .btn{font-size:20px;height: 48px;line-height:48px;}
.quickorder .pad{    position: absolute;
    top: 0px;
    width: 320px;
    right: 0;
    z-index: 2001;
    background: #fff;
    color: #000;
    line-height: initial;
    margin-top: -0;
    padding: 30px;    
    
    
    
    
    
    
    }
.quickorder .pad .item input[type=text]{width:180px;font-size:20px;padding:5px;border:1px solid;}
.quickorder .pad .qty input[type=text]{width:80px;font-size:20px;padding:5px;border:1px solid;}
.quickorder .pad input[type=submit]{font-size:18px;}


/* Product Page */
.product h1{color:#b72025;font-size:2em; padding-right: 50px;}
.brand-logo img{max-width:180px;max-height:180px;}
.product-details{padding-left:20px;}
.product_price{color:#b72025;font-size:1.8em}
.product-details .product_price{color:#000;font-size:1.8em}
.col8.product-description{padding:0 60px 0 0;margin-top:20px;}
.product-description h2.d{text-transform:uppercase;border-bottom:1px solid #e3e3e3;padding:0 0 10px 0;font-size:0.9em;color:#888;margin:0 0 20px 0;}
.product button.add_to_cart_button{background:#b72025;height:50px;font-size:1.4em;}
.add_to_cart input[type="text"]{width:54px;}
#product_contact{display:block;}

.mfr-box {background:#efefef;padding:20px;border-radius:5px;}
.mfr-box ul{padding:0;margin:0;}
.mfr-box ul li{padding:0;margin:0;list-style:none;font-weight: normal;}

.specifications td {padding: 10px 20px; color: #333;}
.specifications td:nth-child(2n) {}
.specifications table {width: 98%; margin: auto; border-collapse: collapse;}
.specifications tr:nth-child(even) {background-color: #f5f5f5;}

.add_to_cart_area {background:#efefef; padding:20px;}

.add_to_cart input[type="text"]{}

.purchase_bar{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;  -o-transition: all .2s linear;transition: all .2s linear;top:-100px;}
.purchase_bar img,.purchase_bar .product_name  {display:none;}

.purchase_bar.show{visibility:visible;top:0;position:fixed;height:100px;width:100%;left:0;right:0;background:#efefef;z-index:999;border-top:1px solid #efefef;}
.purchase_bar.show img {display:block;max-width:90px;max-height:90px;margin:5px;float:left;}
.purchase_bar .add_to_cart_area{left:5px;position:relative;}
.purchase_bar.show .add_to_cart_area input[type=text]{width:50px;}
.purchase_bar.show .add_to_cart_area{left:initial;right:10px;position:absolute;top:26px;padding:0;}
.purchase_bar .purchase_block .product_price {float:left;vertical-align: middle;color:#000;margin-right:40px;}

.purchase_bar.show .purchase_hide{display:none;}

.product section:nth-child(even) .col7{text-align:right;padding-right:50px;}
.product section:nth-child(odd) .col7{text-align:left;padding-left:50px;}

.product section{padding:50px 0;}
.product section:nth-child(odd) .col5,.product section:nth-child(even) .col7{order:0;}
.product section:nth-child(even) .col5,.product section:nth-child(odd) .col7{order:1;}
.product section:nth-child(even) .col7.ca {animation-name:fadeInLeft;text-align:left;}
.product section:nth-child(odd) .col7.ca{animation-name:fadeInRight;text-align:left;}
.product section:nth-child(even) .col5.ca{animation-name:fadeInRight;}
.product section:nth-child(odd) .col5.ca{animation-name:fadeInLeft;}
.product section:nth-child(even) .col5 img{max-width:100%}
.product section:nth-child(odd) .col5 img{max-width:100%}

/* Variants Purchase Bar */
.purchase_bar .product_name {display:none;}
.purchase_bar.show .product_name {display:block;color: #471C23;font-size: 1.8em; padding:30px;}



.purchase_bar.show .variants_box{width:350px;position:absolute;bottom:-105%;border:1px solid #efefef;background: rgba(255,255,255,0.7);padding:10px; z-index: -1; transition: bottom .15s linear;}
.purchase_bar.show .variants_box input[type=radio].variant-select+label{width:100%;} 
.purchase_bar.show .variants-cover {display: block;position: relative; height: -webkit-fill-available; background-color: #efefef;}
.variants-cover p {margin: 0; display: inline-block; font-size: 1.5em;}
.variants-cover label i::before {transform: rotate(0deg); transition: all .1s linear;}
.purchase_bar.show #variant_select_options_form{margin-top:0;}


#product_view img{max-width: 100%;}
.breadcrumbs{margin-bottom:20px;}
.part_numbers{font-size:0.9em;margin:10px 0;}

.area{    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    left: 0;}



.gallery .image, .product_gallery .image {float: left;width: 100%;text-align:center;}
.gallery .image img, .product_gallery .image img {max-width: 100%;max-height: 100%;}

.gallery ul.thumbs, .product_gallery ul.thumbs {float: none;margin: 0;padding: 0 5px 5px 5px;width: 100%;box-sizing: border-box; display:flex;height:100px;}

.gallery ul.thumbs li, .product_gallery ul.thumbs li {margin: 2px;cursor: pointer;list-style: none;border:1px solid #cfcfcf}
.gallery ul.thumbs li img, .product_gallery ul.thumbs li img {max-width: 100%;max-height: 100%;}
.gallery_modal ul {padding: 0;margin:0;height:100%;}
.gallery_modal ul li {text-align: center; float: left; list-style-type: none;background:#fff;height:100%;}
.gallery_modal .prev {top:0;bottom:0;left:0;transition: 0.3s cubic-bezier(.01, -.01, .58, 1);position: absolute;background: rgba(0, 0, 0, .1);display: block;width: 30px;height: auto;z-index: 2;text-align: center;}
.gallery_modal .prev:hover {background: rgba(0,0,0, .8);display: block;width: 50px;z-index: 2;}
.gallery_modal .next {top:0;bottom:0;right:0;transition: 0.3s cubic-bezier(.01, -.01, .58, 1);position: absolute;background: rgba(0, 0, 0, .1);display: block;width: 30px;height: auto;z-index: 2;text-align: center;}
.gallery_modal .next:hover {position: absolute;background: rgba(0,0,0, .5);display: block;width: 50px;z-index: 2;}
.gallery_modal .c_group ul {width: 100%!important;}
.gallery_modal .toggle_overlay {z-index: -1!important;}
.gallery_touch {height:100%;}
.g_controls i{position:relative;top:50%;font-size:1.4em;}
.g_controls a:hover i{color:#fff;}

.special_banner{background: #fbb316; padding: 15px; height: 30px line-height: 30px;display: inline-block;}

.products-product .save-percent {    left: -5px;
    top: -5px;
    z-index: 1;
    border-radius: 3px;
}

.save-percent {position:absolute;background-color: #c00; height: 30px line-height: 30px;color:#fff;padding:5px 15px;}

.ga_banner{background-color: #c00; height: 30px line-height: 30px;display: inline-block;color:#fff;padding:5px 15px;}
.product_price{color:#c00}
.new_model_banner{background: #fbb316; padding: 15px; height: 30px line-height: 30px;display: inline-block;}


/*Breadcrumbs*/
/* .breadcrumbs{margin:0; text-transform:uppercase; color:#848484;background:#efefef;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:0.8em;}  */
.breadcrumbs{font-size:0.8em;}
.breadcrumbs a{color:#848484;}
.breadcrumbs ul li{display:inline-block; }
.breadcrumbs ul li:after{content:'\e848';font-family:edwards; padding:0 5px;}
.breadcrumbs ul li:last-child:after{content:'';}

.hero .welcome{position:absolute;bottom:40%;padding:40px;width:100%;}
.hero h1{font-size:4em;line-height: 2em; color:#000;letter-spacing:.2em;}
.hero h2{font-size:2.5em; color:#000;letter-spacing:.3em;}


/* Main Slider */
#slides{position: relative;/* height: 50vh;  */min-height:400px;/* max-height:500px; */}
.slider{position:relative;height: 100%}
.slide{width:100%;height:100%;position:absolute;}
.slide h1{font-size: 2em;margin:0;padding:0;}
.slide h2{font-size: 1.8em;}
.slide_copy{font-size: 18px;color:#fff;}
.slide .button{height: 40px;line-height: 40px;display: inline-block;padding: 0 20px;font-size: 18px;}
.cta{position:absolute;bottom:50px;left:0;right:0;width:300px;margin:0 auto;}
a.cta-btn{display:block;text-align:center;padding:0 20px;height:60px;line-height:60px;}
.slidenavbox{display:block;height: 30px;position: absolute;bottom: -100px;z-index: 800;margin: 0 auto;text-align: center;left: 0;right: 0;}
.slidenav{}

.slidenav .prev,.slidenav .next{display:none;}
.slidenav .prev{position:absolute;top:40%;left:0;font-size:80px;cursor:pointer;opacity:0.2;}
.slidenav .prev:hover{color:rgba(255,255,255,0.6); position:absolute;top:40%;left:-20px;cursor:pointer;opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.slidenav .next{position:absolute;top:40%;right:0px;font-size:80px;cursor:pointer;opacity:0.2;}
.slidenav .next:hover{color:rgba(255,255,255,0.6); position:absolute;top:40%;right:0px;cursor:pointer;opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.right-slide-image .area, .left-slide-image .area{position: absolute;bottom:0;width:50%;padding:30px 0;}
.left-slide-image img{max-width: 30%;}
.right-slide-image img{max-width: 30%;position: absolute;right:20px;top:20px;}
.slide-pager{position: absolute;bottom: 10px;z-index: 500;width:100%;}
ul.slidepg{margin: 0 auto;text-align: center;}
ul.slidepg li{text-align: center;margin: 0 auto;font-size: 0px;display: inline-block!important;background: #fff;cursor: pointer;padding: 10px;border-radius:100%; background-size: 15px;opacity:1!important;}
ul.slidepg li.active{background:#000;}


/*Tabs*/

/*Tabs*/
.tabs,.tabss{margin:0;padding:0;}
.tabs >ul, .tabss > ul{padding:18px 0; margin: 0; background-color: #ccc;}
.tabs > ul li,.tabss > ul li{font-size:18px;display:inline;padding:25px 20px 20px 20px;margin:0; text-transform: uppercase; color: #b72025; font-size: 1em; font-family: 'helne-cb', sans-serif;}
.tabs > ul li i,.tabss > ul li i {color: #fff; font-size: 1.4em;}
.tabs > ul li:hover,.tabss > ul li:hover{cursor:pointer; background-color: #fbb316; color: #fff;}
.tabs > ul li:hover,.tabss > ul li:hover > i {color: #fff;}
.tab-content{padding:50px 2.5%;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;  -webkit-animation: fadein 0.2s; animation: fadein 0.2s; }
.tab-content h1, .tab-content h2, .tab-content h3 {margin: 0 0 20px 0; color: #014346; text-transform: uppercase; font-size: 1em; font-weight: bold;}

#customer_dashboard .tabs{position: relative;}
#customer_dashboard .tabs > ul{padding:0;}
#customer_dashboard .tabs > ul li{display:inline-block;}
#customer_dashboard .tabs > ul li:hover, #customer_dashboard .tabs > ul li:active,#customer_dashboard .tabs > ul li.tab.active {cursor:pointer; background-color: #002b47; color: #fff;padding-top:25px;}


li.tab{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;cursor:pointer;}
li.tab.active{background-color: #fff; color: #508991; padding-top: 35px;}
li.tab.active i{color:#02BC8A;}

/* 
.home_tile h3{float:left}
 */
.home_tile .tabs > ul { padding:0;background-color:#fff; text-align:right;} 
.home_tile .tabs > ul li { padding:5px;background-color:#ddd; border-radius:5px;} 
.home_tile .tabs > ul li.active {background-color:#444;color:#fff } 
.home_tile .tab-content{padding:0;}

.go-to-top {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;position: fixed;bottom: 100px;right: 50px;text-decoration: none;color: white;background: rgba(0,0,0,0.4);font-size: 23px;padding: 10px;transition: all linear 0.8s;-moz-transition: all linear 0.8s;-webkit-transition: all linear 0.8s;}
.dont-show{visibility: hidden;bottom: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.dont-show.show{visibility: visible;bottom: 100px;}
.hide{visibility: hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.unhide{ visibility: visible;}
.hide.show{visibility:visible;}

.page_menu ul li {list-style:none;border:1px solid #efefef;padding:5px;margin-bottom:2px;}


#dashboard {}
#dashboard .data_table th {background-color: rgba(2, 110,151,1); color: #fff!important; font-family: 'helne-reg', sans-serif; font-weight: bold;}
#dashboard .data_table td, #dashboard .data_table td a {color: #333333; font-family: 'helne-reg', sans-serif;}
#dashboard .col8 section {padding: 0 50px 0 0;}
#dashboard .col8 section .tabs ul {background-color: #f4f4f4;}
#dashboard .col4 section {padding: 0 0 0 20px;}
#dashboard .col4 section section, #dashboard .col8 section section {background-color: #f4f4f4; padding: 20px 25px; margin: 25px 0 0 0; box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}
section.box {background-color: #f4f4f4; padding: 20px 25px; margin: 25px 0 0 0; box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}

#dashboard .col4 section section p {margin: 15px 0 0 0; color: #7b7b7b; font-family: 'helne-reg', sans-serif;}
#dashboard .col4 section section h4 {margin: 15px 0 0 0; color: #363636; font-weight: 600; font-size: 1em; font-family: 'helne-reg', sans-serif; font-weight: bold;}
.subs div span {font-family: 'helne-cb', sans-serif;}
.subs div span:nth-child(1) span { color: #000;}
.subs div {margin: 12px 0 0 0;}
#dashboard .pagination {display: none;}

#dashboard .tabs > ul li {padding: 18px 20px;}
#dashboard li.tab.active, #dashboard .tabs > ul li:hover {padding: 18px 20px; background-color: #02BC8A; color: #fff;}
#dashboard #pmo_products_list ul, #dashboard #pko_products_list ul, #dashboard #psc_products_list ul {padding: 0;} 
#dashboard #pmo_products_list ul li , #dashboard #pko_products_list ul li, #dashboard #psc_products_list ul li {list-style-type: none;border-bottom: 1px solid #707070; padding: 9px 0;}
#dashboard #pmo_products_list ul li a, #dashboard #pko_products_list ul li a, #dashboard #psc_products_list ul li a, #item_history #products_container .txt-r a { color: #3F3F3F; font-family: 'helne-reg', sans-serif; font-size: 1.05em;}
#dashboard .product-group {margin:55px 0 10px 0; padding: 0;}
/* #dashboard_container {-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3);} */

.dashboard-header { padding: 40px;background-image: linear-gradient(to bottom, rgba(183,32,37, .6), rgba(183,32,37, .6), rgba(183,32,37, .6));background-size: cover; background-position-y: 35%; background-repeat: no-repeat; box-shadow: 0px 3px 6px rgba(0,0,0, .12);}

.dashboard-header h3 {color: #fff; font-size: 1.5em; font-family: 'helne-cb', sans-serif; text-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}
#pagination, .search-form {color: #95989a; margin: 0 0 15px 0;}
#address_create_form {text-align: center;}
ul.downloads li{list-style:none}
ul.downloads li i{font-size:3em;}


#subscriptions .col4 img {width: 120px; height: auto; margin: 0 0 55px 0;}
#subscriptions .col4 section {padding: 46px 26px 45px 26px;}
#subscriptions h3 {font-family: 'helne-cb', sans-serif; color: #000; font-size: 1.2em; text-transform: none; margin: 0;}
#subscriptions p {font-family: 'helne-reg', sans-serif; color: #727272; font-size: .9em; line-height: 20px; margin: 11px 0 27px 0;}
#subscriptions section section {font-family: 'helne-cb', sans-serif; font-size: 1.5em; margin: 11px 0 0 0; padding: 0!important; box-shadow: none!important;}
#subscriptions section button {margin: 26px 0 0 0;}
#account .form_table label {font-family: 'helne-reg', sans-serif; font-weight: bold; color: #333333; text-transform: uppercase; font-size: .9em;}
#account input.button.orange {margin: 40px 0 0 0;}
#account .subs {margin: 26px 0 0 0;}
#account .teal-txt {text-decoration: underline; text-underline-position: under; font-size: .85em;}

/*Mini Cart*/
#mini_cart, #mini_quote{display:none;}
.mini-cart-open, .mini-quote-open{display:block!important;position: absolute;top: 0px;width: 50%;max-width:800;x;right:0;z-index: 2001;background: #fff;    color: #000;line-height: initial;   margin-top:-0; padding: 30px}
.mini-cart-open h3, .mini-quote-open h3{border-bottom: 1px solid;padding: 10px 0;}
.remove_product{width:20px;height:20px;float:right;line-height:0;}
.remove_product i:before{font-size:19px;margin:0;color:#ff0000;}
#mini_cart_cart ul, #mini_cart_quote ul{margin:0;padding:0;}
#mini_cart ul li, #mini_quote ul li{display:inline-block!important; padding:5px 0;text-align:left;width:100%;}
.mini-cart-promo {background:#efefef;padding:20px;margin:20px 0 0 0; text-align:center;font-size:1.3em;}
.mini-cart-promo .price{color:#ff0000;font-size:1.4em;}
.mini-cart-promo .shipping-method{font-weight:bold;}
li.cart-item {width:100%;border-bottom: 1px solid #046663;padding:10px 0!important;margin:20px 0;color:#082a31;}
li.cart-item .image{position:relative;border:1px solid #ccc;width:48px;height:65px;line-height:65px;text-align:center;float:left;margin:0 10px 0 0; } 
li.cart-item .image img {max-width:40px;max-height:60px;margin:0 auto;}
li.cart-item .image .fresh{position:absolute;bottom:0;background:#046663;color:#fff;font-size:12px;width:100%;text-align:center; left: 0;height: 18px;line-height: 18px;}
li.cart-item .qty-price{color:#9b9c9c!important;font-size:14px;}
li.cart-item .qty-price input.quantity{height:20px;text-align:center;}
li.cart-item .qty-price i{color:#991f24;font-size:14px;}
#mini_cart ul li.mini-cart-total, #mini_quote ul li.mini-cart-total{border-top: 1px solid #ccc;text-align:right;margin:5px 0; width:100%;}
a.c-btn{font-size:0.8em; display:inline-block; padding:6px;}
.mini-cart-open, .mini-quote-open{position:fixed; overflow-y: scroll;height: 100%;top:0;background-color:#fff;background-image:url();background-blend-mode:multiply;background-repeat:no-repeat;}
.mini-btn{margin:0 auto 10px auto;text-align: center;}

/* Cart */
#cart_view.hide{visibility:visible;}
.remove_product:hover{cursor:pointer;}
.cart_contents{padding:10px;margin:0 0 10px 0;border:1px solid #efefef;border-radius: 5px;width:99%;}
.cart_contents img{width:100px;margin:0 10px 0 0;}
.cart_item{margin:0 0 10px 0; border-bottom:1px dotted #efefef;}
.cart_item ul li{display:inline;}
.cart_item_contents {}
.cart_item_qty{float:right;}
.cart_item_qty input[type=text]{width:50px;}
.order_summary h1{font-size:20px; border-bottom:1px dotted #ccc;padding: 0 0 10px;}
.summary_left{width:50%;float:left;padding:10px 0 0 0;}
.summary_right{width:50%;float:right;padding:10px 0 0 0;}
.summary_right .red{font-size:20px;}
.order_summary textarea{width:100%;height:80px;font-size:16px;}
.was_price{font-size:20px;text-decoration: line-through;color: #8c8b8b;}
#quote_request_view.hide{visibility:visible;}


/* Quote Request Return */
#purchase_quote_request .col7{padding:10px 5%;}

#checkout{background-image:url();background-blend-mode:multiply;background-repeat:no-repeat;background-attachment: fixed;}

.backorder {background:#f19b30;padding:20px;width:100%;}
/* Checkout */
a.paypal-button-logo{background:#ffc439;display: block;height:70px;line-height: 70px;}
.paypal-button-logo img{height:50px;    vertical-align: middle;}
.checkout-button{display:block;width: 100%;
    height: 70px;
    font-size: 26px;}

.checkout-cart-items{background:#fafafa;padding:10px;}
.checkout-cart-items ul{margin:0;padding:0;}
.checkout-cart-items ul li{display:inline-block;width:100%;list-style:none;padding:10px 0;border-bottom:1px solid #ccc;}
.checkout-cart-items ul li:last-child{border-bottom:none;}

.checkout_address_tile{display: inline-block;border:1px solid #ccc;border-radius:5px;padding:10px;}
.checkout_address_tile:hover{background:#efefefef;}

.checkout-cart-items img{max-width:60px;max-height:60px;margin:0 10px 0 0;}
#paypal-button-container-mini-cart{max-width:300px;margin:0 auto;}
ul#payment_methods_select{padding:0;display:inline-block; }
li.payment_method_tile{    list-style: none;
    display: inline-block;
    padding: 15px;
    margin: 5px 0;
    background: #b72025;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
    }
li.payment_method_tile:hover{list-style:none;background:#0075ba;cursor:pointer;}

li.payment_method_tile.payment_method_tile_selected{background-color:#4caf50; list-style:none; }


#payment_method ul li, #payment_method ul li{
    padding: 10px;
    list-style: none;
    position: relative;
    width: 180px;
    height:60px;
    display: inline-block;
background:#efefef    }

.payment-tile {background:#efefef;padding:20px;text-align:center}
.payment-tile p {white-space: initial;}
.payment-tile .icon i{font-size:30px;}

#payment_method input[type=radio] {
    /* display: none; */
	-webkit-appearance:none;
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
    border: none;
}

#payment_method input[type=radio]:focus {
  outline: none;
/* position:absolute; */
}

#payment_method input[type=radio]+label {
    padding: 8px;
    /* width: 140px; */
    /* height: 100px; */
    /* line-height: 40px; */
    text-align: center;
    /* border: 1px solid #ccc; */
    white-space: nowrap;
}
#payment_method input[type=radio].stored_payment_select:checked+label {
    /* border: 1px solid #7089bd; */
    cursor: pointer;
	background:#b5edb4;
    color: #7089bd;
}
input[type=radio].stored_payment_select+label {
padding: 8px;
    width: 180px;
    height: 60px;
    text-align: center;
    white-space: nowrap;
    position: absolute;
	top:0;
	left:0;    
}
input[type=radio].stored_payment_select:checked+label, input[type=radio].stored_payment_select:hover+label:hover {
    /* border: 1px solid #7089bd; */
    cursor: pointer;
    color: #7089bd;
}



/* Stripe Elements */

:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid { box-shadow:none;}

.StripeElement {background-color: white;height: 40px;padding: 10px 12px;border-radius: 0px;border: 1px solid transparent;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df;}
.StripeElement--invalid { border-color: #fa755a;}
.StripeElement--webkit-autofill {  background-color: #fefde5 !important;}

#card_number, #card_expiration, #card_verification {margin: 10px 0; box-shadow: none!important; border: 1px solid #777!important; height: 50px!important; padding: 13px 10px!important;}
.invalid-zip {color: red; border: 1px solid red!important;}
#payment_method .cc_form{padding:20px;}
#payment_method input[type=text],
#payment_method input[type=tel],
#payment_method input[type=email],
#payment_method input[type=password],
#summary_section input[type=text],
#summary_section input[type=tel]
{width: 100%;height: 50px;margin: 5px 0;padding-left: 10px;font-size: 18px;border: 1px solid #777;}

/* Global Menu  */
nav.main-menu section img{display:none;}

/* Datepicker */
.ui-datepicker {background-color: #fff;border: 1px solid #66AFE9;border-radius: 0px;display: none;margin-top: 4px;padding: 10px;width: 300px;}
.ui-datepicker a,.ui-datepicker a:hover {text-decoration: none;}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {color: #2A6496;-webkit-transition: color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out;-o-transition: color 0.1s ease-in-out;transition: color 0.1s ease-in-out;}
.ui-datepicker .ui-datepicker-header {margin-bottom: 4px;text-align: center;}
.ui-datepicker .ui-datepicker-title {font-weight: 700;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {cursor: default;font-family: 'altisuite';-webkit-font-smoothing: antialiased;font-style: normal;font-weight: normal;height: 20px;line-height: 1;margin-top: 2px;width: 30px;}
a.ui-datepicker-prev:hover, a.ui-datepicker-next:hover{background:none;border:none;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {float: left;text-align: left;}
.ui-datepicker .ui-datepicker-next {float: right;text-align: right;}
.ui-datepicker .ui-icon {display: none;}
.ui-datepicker .ui-datepicker-calendar {table-layout: fixed;width: 100%;}
.ui-datepicker .ui-datepicker-calendar th,.ui-datepicker .ui-datepicker-calendar td {text-align: center;	padding: 4px 0;}
.ui-datepicker .ui-datepicker-calendar td {	border-radius: 4px;-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;}
.ui-datepicker .ui-datepicker-calendar td:hover {background-color: #eee;cursor: pointer;}
.ui-datepicker .ui-datepicker-calendar td a {text-decoration: none;background:none;border:none;}
.ui-datepicker .ui-datepicker-current-day {background-color: #4289cc;}
.ui-datepicker .ui-datepicker-current-day a {color: #fff}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {background-color: #fff;cursor: default;}

/* Home Page */
.hero{ height:90vh;min-height: 600px;color:#000;}
.hero .grid{position:relative;height:100vh;min-height: 600px;}
.hero .welcome{position:absolute;padding:40px;width:100%;}
.hero h2{font-size:2em; color:#000;}
/* .hero h2{font-size:1.6em; font-family: 'ubuntu', sans-serif; text-transform: none; padding:10px 0 30px 0;} */

#home section:nth-child(odd) .col6:nth-child(odd).ca{order:0;animation-name:fadeInLeft;}
#home section:nth-child(odd) .col6:nth-child(even).ca{order:1;animation-name:fadeInRight;}
#home section:nth-child(even) .col6:nth-child(odd).ca{order:1;animation-name:fadeInRight;}
#home section:nth-child(even) .col6:nth-child(even).ca{order:0;animation-name:fadeInLeft;}
#home section:nth-child(odd) .col6 img{max-width:100%}
#home section:nth-child(even) .col6 img{max-width:100%}
.txt-block{display:table;margin:0 auto;width:80%;}

.banner{height:80px;text-align:center;background:#F7F7F7}
.page-header{margin-bottom:20px;}

.page-header, .dashboard-header{height:100px;color:#fff;background-color:rgb(60,60,60);background-blend-mode:luminosity;}

.page-header h1{font-size:3em;margin:0;}
/* Flex */
.flex{display:flex; align-items: center;
  justify-content: center;}
.a-center{align-self:center;text-align:center;}
.a-center-l{align-self:center;text-align:left;}


/*Responsive Grid*/

.grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-gap: 1em; grid-auto-flow: dense;}
.grid-layout .tile { padding: 1em; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 20px 20px rgba(0, 0, 0, 0.05);}

/* first .tile - full width */
.grid-layout .tile:nth-child(1) { grid-column: 1 / -1; background: rgba(200,200,255,0.3)}
.grid-layout .tile:nth-child(1)>hr:first-child { padding-bottom: 30%}
.grid-layout .tile:nth-child(1)>hr:last-child { margin-right: 20%; height: 28px}

/* Every nth article - examples */
.grid-layout .tile:nth-child(8n) { grid-column: -3 / -1; background: rgba(255,200,255,0.3)}
.grid-layout .tile:nth-child(12n) { grid-column: 1 / -2; background: rgba(255,200,255,0.3)}
.grid-layout .tile:nth-child(12n)>hr:first-child { padding-bottom: 30%}
.grid-layout .tile:after { color: #808; font-weight: bold;}

@media (max-width: 680px) {
 .grid-layout { display: flex; flex-direction: column; }
 .grid-layout .tile { margin-bottom: 1em; }
 }

.grid {margin:0 auto;padding:0;width:95%; max-width: 1400px;}
[class*="col"]{float:left;padding:0;margin: 0;}
.col1{width:8.33%;}
.col2{width:16.66%;}
.col3{width:25%;}
.col4{width:33.33%;}
.col5{width:41.66%;}
.col6{width:50%;}
.col7{width:58.33%;}
.col8{width:66.66%;}
.col9{width:75%;}
.col10{width:83.33%;}
.col11{width:91.66%;}
.col12{width:100%;margin:0;}

#search-area .breadcrumbs{display: none;}

/* Grid Organizer Test*/
.featured-products .bg {padding-bottom: 100%; position: relative; background-size: cover; width: 100%; height: 100%;}
.featured-overlay{color:#fff;background:rgba(0,0,0,0.5);padding:10px;text-align:center;position:absolute;opacity:0;width:100%;height:100%;transition:all linear 0.3s;-moz-transition:all linear 0.3s;-webkit-transition:all linear 0.3s; display: table;}
.featured-overlay .inner-border{border:solid 4px rgba(255,255,255,0.5);height:100%; display: table-cell; vertical-align: middle;}
.featured-products {padding:5px;}
.featured-products section{padding:10px;}
.featured-products section .bg:hover > .featured-overlay{position:absolute;opacity:1;width:100%;height:100%;}

.featured-products section:nth-child(1) {grid-area: 1 / 1 / 13 / 7;}
.featured-products section:nth-child(2) {grid-area: 1 / 7 / 7 / 10;}
.featured-products section:nth-child(3) {grid-area: 7 / 7 / 13 / 10;}
.featured-products section:nth-child(4) {grid-area: 1 / 10 / 13 / 13;}

.featured-products section:nth-child(1) h3 {margin: 0!important;}
.featured-products section:nth-child(2) h3, .featured-products section:nth-child(3) h3 {border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 10px 0;font-size: 24px;font-weight: normal;text-align: center;margin: 0!important;color:#fff;text-transform:uppercase;}
.featured-products section:nth-child(4) h3 {border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 10px 0;font-size: 29px;font-weight: normal;text-align: center;margin: 0!important;color:#fff;text-transform:uppercase;}
.featured-products .inner-border {display: table-cell; vertical-align: middle; border:solid 4px rgba(255,255,255,0.5);}
.inner-border h3{border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 10px 0;font-size: 39px;font-weight: normal;text-align: center;margin:0;color:#fff;text-transform:uppercase;}
.title-wrap {padding: 0 10px;}
.featured-products a {margin: 10px 0 0 0;} 


a.start_chat{background:#b72025;}
 a.start_chat:hover {
      animation: colorchange 5s infinite; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 5s infinite; /* Chrome and Safari */
    }

    @keyframes colorchange
    {
      0%   {background: #b72025;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #b72025;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

a.start_chat{font-size:30px;position: fixed;z-index:9999;bottom:20px;right:20px;border-radius:100%;text-align:center;width:80px;line-height:80px;color:#fff;height:80px;
-webkit-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
-moz-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);

}
.live_chat_box h1{font-size:20px;margin:0;color:#000;}
.live_chat_box input{width:100%;}
.live_chat_box{overflow:hidden;position: fixed; right: 0; bottom: 0px; width: 320px;padding:10px; height: 415px; background-color: #fff;color:#000; z-index: 10000; display: none;
-webkit-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
-moz-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
}
.conversation{color:#000;width:100%}
.conversation .red{color:#800040;}
.conversation .green{color:#008040}
.live_chat_box textarea{position:absolute;bottom:0;right:0;left:0;overflow:hidden;border:none;-webkit-box-shadow: 0px 12px 38px 7px rgba(109,115,181,1);
-moz-box-shadow: 0px 12px 38px 7px rgba(109,115,181,1);
box-shadow: 0px 12px 38px 7px rgba(109,115,181,1);}

ul#conversation { overflow: scroll;}
ul#conversation {padding-bottom:100px; flex: 1 1 90%; display: flex; flex-direction: column; 
}

li.bubble { flex: 1 1 auto; clear: both; } /* clear the floats here on parent */
li.bubble p {
    border-radius: 5px;
    padding: 8px; margin: 8px 12px;
    max-width: 80%;  /* this will make it not exceed 80% and then wrap */
    position: relative; transition: background-color 0.5s; 
}
li.left_bubble p { background-color: #efefef; float: left; } /* floated left */
li.right_bubble p { background-color: #b72025; color: #fff; float: right; } /* floated right */
li.right_bubble .green{color:#fff}
/* classes below are only for arrows, not relevant */
li.left_bubble p::before {
    content: ''; position: absolute;
    width: 0; height: 0; left: -8px; top: 8px;
    border-top: 4px solid transparent;
    border-right: 8px solid #efefef;
    border-bottom: 4px solid transparent;
}
li.right_bubble p::after {
    content: ''; position: absolute;
    width: 0; height: 0; right: -8px; bottom: 8px;
    border-top: 4px solid transparent;
    border-left: 8px solid #b72025;
    border-bottom: 4px solid transparent;
}





#social-box{visibility:hidden;background:#fff;    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    padding: 20px;
    position: absolute;
	transition:linear .2s;
opacity:0;
display:inline-block;z-index:1}
#social-box.social-box-open{visibility:visible;opacity:1;}

ul.social-share-links{margin:0 0 20px 0;padding:0 0 30px;} 
ul.social-share-links li{height:30px;line-height:30px;font-size:0.8em;display:inline-block;background:#ccc;margin:0;padding:0 10px;float:left;} 
ul.social-share-links li a{color:#fff;}
ul.social-share-links li.linkedin{background:#92bf3e;}
ul.social-share-links li.facebook{background:#4ac2c6;}
ul.social-share-links li.twitter{background:#02968d;}
ul.social-share-links li.email{background:#fbb92c;}

.live_chat_box .open{display:block;}


/* Media Queries */
/* Everything but mobile */

@media screen and (min-width:768px) {

/* .header #menu_toggle{line-height:40px;	width:100%;} */

/* 
ul.nav__list{margin:0;padding:0;}
nav.main-menu{} 
nav.main-menu ul li{display:inline-block; font-size:1em;padding:0 10px;color:#b72025;text-transform: uppercase;}
nav.main-menu ul li a{display:block;}
nav.main-menu ul li:last-child{ padding-right:0;}
nav.main-menu ul li ul{display:none;}
nav.main-menu ul li:hover > ul{visibility:visible;display:block; position:absolute;margin:0;z-index: 9999; background:rgba(0,0,0,0.8);}
nav.main-menu ul li:hover > ul li{color:#fff;text-align:left;height:40px;line-height:40px;font-size: 16px;display:list-item;float:none;list-style:none; }
nav.main-menu ul li:hover > ul li:after{content:'';}
nav.main-menu ul li:hover > ul li a{color:#fff;width: 100%;transition:0.6s;font-size: 16px;}
nav.main-menu ul li:hover > ul li a:hover{color:#fff;height:40px; }
nav.main-menu ul ul li:hover > ul,nav.main-menu ul ul ul li:hover > ul{visibility:visible;display:block; position:absolute;left:304px;height:400px;top:0;width:auto;z-index: 9999; background:rgba(0,0,0,0.8); padding:15px;}
nav.main-menu ul ul li:hover > ul li{text-align:left;width:650px; line-height: initial;}
nav.main-menu ul ul li:hover > ul li a{color:#fff;}
nav.main-menu ul ul li:hover > ul li a:hover{color:#fff;}
nav.main-menu ul.big-menu{width:100%;left:0;}
nav.main-menu .products-menu section{position:absolute;top:0;right:0;}
nav.main-menu .products-menu section img{width:300px;display:block;}
td.t_name, .m-viz {display:none;}
 */

/* a#search_handle{display:none;} */
}
.c_group_2 ul li{width:100%!important;}


.wide-grid{padding:0 5%}
/* largest visual size */
@media screen and (min-width: 1500px) {
html{  background-color: #DDDDDD; }
body{box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);/* max-width:1500px; */margin:0 auto;    transition: opacity .3s ease .2s; opacity: 1 !important;position:relative;z-index: -3;}
/* 
#menu_toggle #left_nav{opacity: 0;height: 100vh;width:458px;background:rgba(2, 110,151,1);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-81%,0);transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0);color:#fff;padding:0 5px 5px 80px;margin-top:-83px;padding-top:80px;margin-left:-105px;}
#menu_toggle input:checked ~ #left_nav{transform:scale(1.0,1.0);opacity:1;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease}
 */

.grid{max-width:1500px;width:95%} 
/* #slides{ min-height:800px;max-height:900px;} */
.c_group ul li{width:20%;}

}

@media screen and (min-width: 1401px) and (max-width: 1499px) {
.grid{max-width:1400px;width:95%} 
/* #slides{height: 400px;} */
}

@media screen and (min-width: 1281px) and (max-width: 1400px) {
.grid{max-width:1280px;width:95%} 
}

@media screen and (min-width: 1201px) and (max-width: 1280px) {
.grid{max-width:1100px;} 
}
@media screen and (min-width: 1081px) and (max-width: 1200px) { 
.grid{max-width:1000px;width:95%}
}

@media screen and (min-width: 961px) and (max-width: 1080px) {
.grid{width:95%}
}
@media screen and (min-width: 768px) and (max-width: 960px) {


.grid{width:95%}
.logo img{max-width:180px;}
#products_list.tile-view ul li{padding:5px;}
.c_group ul li{width:33%;}
.brands .c_group ul li {width: 12.5%;}
.tabs ul li.tab, .tabs > ul li.tab:hover {padding: 10px 20px 0px 20px; font-size: 10px;}
.review-box {padding: 55px 40px; margin: 30px auto 0 auto;}
.review {width: 65%;}
.featured-products section:nth-child(1) h3 {font-size: 20px;}
.featured-products section:nth-child(2) h3, .featured-products section:nth-child(3) h3 {font-size: 15px;}
.featured-products section:nth-child(4) h3 {font-size: 15px;}
.featured-products a {font-size: 15px;}
}

td.t_name{display:revert;}
td .chart_image{width:100%;}
.page-header{background-position: center;}

/* mobile navigation switch */
#menu_toggle {
    display: block;
    position: absolute;
    height: 70px;
    top: -35px;
    left: 35px;
    width: 70px;
    padding: 25px 0;
    -webkit-user-select: none;
    user-select: none;
}

#left_nav {

    opacity: 0;
    transition: opacity 0.5s ease, z-index 0.5s ease; /* Transition for opacity and z-index */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: -1; /* Keep hidden when not visible */
	top:2px;
}

header.alt #menu_toggle {
    top: 28px;
}


#menu_toggle input[type=checkbox].menu_toggle {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1002;
    top: 0;
    left: -10px;
    cursor: pointer;
    opacity: 0;
    -webkit-touch-callout: none;
}

#menu_toggle span.line {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 7px;
    position: relative;
    border-radius: 2px;
    background: #fff;
    z-index: 1001;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(0.77,0.2,0.05,1.0), background .5s cubic-bezier(0.77,0.2,0.05,1.0), opacity .55s ease;
}

#menu_toggle span.line:first-child {
    transform-origin: 0 0;
}

#menu_toggle span.line:nth-last-child(2) {
    transform-origin: 0 100%;
}

#menu_toggle input:checked ~ span.line {
    opacity: 1;
    transform: rotate(45deg) translate(-2px,-1px);
    background: #000;
}

#menu_toggle input:checked ~ span.line:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menu_toggle input:checked ~ span.line:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0,-1px);
}

#menu_toggle #left_nav {
/*     height: 120vh; */
    width: 500px;
    background: rgba(255, 255, 255, 1);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    color: #000;
    padding-top: 80px;
    margin-left: -20px;
}

#menu_toggle input:checked ~ #left_nav {
    opacity: 1;
    z-index: 999; /* Bring to front */
/*     overflow: scroll; */
}

/* Ensure z-index lowers after fade-out */
#menu_toggle input:not(:checked) ~ #left_nav {
    transition: opacity 0.5s ease, z-index 0s 0.5s; /* Delay z-index change until fade-out completes */
}

/* Base styles */
.nav__list {
    position: relative;
    list-style: none; /* Remove bullet points */
    padding-left: 0;
    width: 100%;
    margin: 0;
}
.nav__list li {
	height:0;
    position: relative;
    line-height: 60px;
    font-size: 20px;
    text-align: left;
    list-style: none; /* Ensure bullet points are removed for all levels */
}
#menu_toggle input:checked ~ #left_nav .nav__list li {
height:initial;}


.nav__list .dropdown-toggle {
    display: flex; /* Use flex to align arrow icons */
    justify-content: space-between; /* Space out the text and arrow */
    align-items: center;
/*     padding: 10px 20px; */
    color: #000;
    text-decoration: none;
    transition: background 0.3s ease;
    cursor: pointer;
}

.nav__list .dropdown {
    position: relative;
}

/* Hide submenus by default */
.nav__list ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    width: 400px; /* Increased width for subnavigation */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    list-style: none; /* Ensure no bullets for nested lists */
}

/* Show submenus on hover */
.nav__list .dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
}

/* Submenu position and smooth transition */
.nav__list ul ul {
    transform: translateX(-10px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.nav__list .dropdown:hover > ul {
    transform: translateX(0);
}

/* Styles for nested items */
.nav__list li li {
    line-height: 26px;
    font-size: 16px;
    list-style: none; /* Remove bullets */
}

.nav__list li li a {
    display: flex; /* Flex to ensure arrow alignment */
    justify-content: space-between; /* Keep arrows aligned right */
    align-items: center;
/*     line-height: 40px; */
    font-size: 16px;
    padding: 10px 15px; /* Adjust padding for better spacing */
}

/* Arrow icon alignment */
.nav__list .dropdown-toggle span.icon-down-open {
    margin-left: 10px;
    transform: rotate(0deg); /* Always point to the right */
}

/* Ensure no overlap or shrinking */
.nav__list li:hover {
    width: 100%;
}



/* Mobile Navigation */
/* 
ul.nav__list{margin:0 7px 0 0px;padding-left:0;}
ul.nav__list ul{padding-left:0;}
ul.nav__list li{line-height: 60px;font-size: 20px;text-align:left;list-style:none;}
ul.nav__list li a{color:#000;}
ul.nav__list li label{line-height:60px;font-size:20px;display:block;}
ul.nav__list ul li ul {padding-left:20px;}
ul.nav__list li li{line-height: 26px;font-size: 16px;text-align:left;list-style:none;}
ul.nav__list li li label{line-height:40px;font-size:16px;display:block;}
ul.big-menu{paddding:0;}
.navbar ul li{font-size:1.2em;}
.navbar a, .navbar label{text-transform:uppercase;line-height:50px;font-size:28px;display: block;padding: 0;color: #000;  -webkit-transition: all .25s ease-in;transition: all .25s ease-in;}
.left_nav_menu i {font-size:14px;padding-right:10px;}
.navbar a:focus, .navbar a:hover, .navbar label:focus, .navbar label:hover { color: #000);  }
.navbar label { cursor: pointer; }
.group-list a, .group-list label {padding-left: 5px;line-height:40px;font-size:20px;display:block;}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { }
.sub-group-list a, .sub-group-list label { }
 .sub-group-list label:hover { background: rgba(0,0,0,0.2); }
.sub-sub-group-list a, .sub-sub-group-list label {}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {  border-bottom:1px dotted #ccc; }
.group-list, .sub-group-list, .sub-sub-group-list,.sub-sub-sub-group-list  { padding-left:12px; height: 100%;  max-height: 0;  overflow: hidden;  -webkit-transition: max-height .25s ease-in-out;  transition: max-height .25s ease-in-out;}
.nav__list input[type=checkbox]:checked + label + ul { max-height: 2000px; }
ul.nav__list label > span {  float: right;  -webkit-transition: -webkit-transform .25s ease; transition: transform .25s ease;-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.nav__list input[type=checkbox]:checked + label > span {  -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
 */

@media screen and (max-width: 768px){
.nav__list ul ul {top:70px;left:-50px}

.tile .image{width:80%;height:initial;line-height:initial;margin:0 auto;}

/* 
#menu_toggle{top:0;height:70px;left:10px;width:40px;border-right:none;padding: 0;top:0;z-index: 1000; -webkit-user-select: none;user-select: none;}
#menu_toggle #left_nav{margin-top:-83px;padding-top:80px;margin-left:-105px;}
 */

dashboard-header,.page-header{background-blend-mode: soft-light;}

#my-account{top: 0; padding-left: 80px;}
.header{display:block;}    
#search-area{display:none;}
a#search_handle{display:inline;}
  
#search-area.search-area-open{min-width:300px;position:fixed;top:0;left:5px;right:5px;}
.hero h1 {    font-size: 2.1em;  line-height: 1em;margin-bottom:30px;}
.hero h2 {    font-size: 1.5em;}
.filter-btn{display:block;}

#filters{display:none;}
#filters.show{display:block;}
    
section.hero{height:50vh}
.hero{background-attachment: initial!important;}
section#what .a-left{width:100%}
.live_chat_box{right:5%;width:90%;left:5%;z-index:10000;}
a.start_chat{right:5%;width:80px;z-index:9999;}
.brands .c_group ul li {width: 50%;}
/* Tables */
td.t_sku, td.t_length, td.t_width, td.t_height, td.t_attrs, td.t_uofm, .t_head {display:none;}
td.t_atc input[name=quantity] {width: 90%; padding: 5px!important;}

ul.f_category li{width:100%;}

.mod{width:100%;}

/* Responsive */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {float: none;width: 100%;}

.search-bar{display:none;}
#slides { height: 180px;}

.review-box {padding: 55px 40px; margin: 30px auto 0 auto; width: 75%;}
.review {width: 75%;}

/* Header */
.topbar{height:40px;line-height:40px;text-align:center;}
.topbar span{display:none;}
.topbar .col6{width:initial;float:left;}
.topbar .call{margin:0 0 0 50px;}
/* header{background:#fff; height:75px;} */

.head-stuff {    float: right;
    width: initial;
    right: 0;
/*     padding-top: 20px; */
    line-height: initial;

    }
header.alt .head-stuff {line-height: initial;}

.head-stuff i{font-size:2em;}
/* .header .logo {display:block;width: 100px;overflow: hidden;} */
/* .logo{ display: block;padding-left:50px;} */
.logo img{max-height:50px;}

/* #menu_toggle{top:25px;} */
#nav_bar .flex {justify-content:space-evenly}
#my-account ul {
    padding: 0;
    margin: 0;
    line-height: 70px;
 }   
#my-account ul li{padding:0}
#my-account ul li i {font-size:30px;}

#my-account ul li span{display:none;}
.page-header, .dashboard-header{height:initial;padding:20px;}
.page-header, .dashboard-header h1{font-size:.5em;}
 .man_menu{display:none;}
 #menu_toggle #left_nav{width:380px;    margin-left: -40px}

.account-open, .mini-cart-open, .mini-quote-open{width:100%;padding:20px;top:40px;}
.search-area-open{}
.mini-cart-open, .mini-quote-open{width:100%;padding: 40px 20px;position: fixed;overflow-y: scroll;height: 100%;top: 0;}


footer{height:400px}
.gallery .image, .product_gallery .image{width:100%;}
.gallery ul.thumbs, .product_gallery ul.thumbs {
    float: none;
    margin: 0;
    padding: 0 5px 5px 5px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.gallery ul.thumbs li, .product_gallery ul.thumbs li{border:none;}

.product-details{padding:0;}
.purchase_bar .add_to_cart_area {left:0;}

.purchase_bar.show .product_name{padding:0;font-size:0.8em;}
.add_to_cart_area input[type=text]{height:30px;}
.product button.add_to_cart_button{background:#b72025;height:50px;font-size:1.2em;}

.modal_box{width:95%}
.login-modal{width:100%;}

#search_results #products_list ul li{width:100%;}
#search-area #products_list.list-view ul li{width:100%;padding:5px;}
/* Categories */


.categories .img-holder{height:initial;}
/* 
.categories ul{display:flex;margin:0;}

.categories ul li {
    display: flex;
    width: 100%;
    vertical-align: top;
    padding: 0 0 45px 0;
}
 */



/* Products - Tile View */
#products_list ul, .categories ul{    grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));}
#products_list.tile-view ul{margin:0;padding:0;}
/* #products_list.tile-view ul li{width:50%;padding:5px;} */
#products_list.tile-view .products-product{height:400px;}
#products_list.tile-view li .image_holder{width:100%;height:80px;margin:20px 0 0 0;}
#products_list.tile-view li .image{width:100%;height:80px;}
#products_list.tile-view  h2{font-size:12px;width:100%}
#products_list.tile-view .product-info{}
/* Products - List View */
#products_list.list-view li .image_holder{width:40%;height:200px;float:left;margin:20px 0 0 0;}
#products_list.list-view li .image{width:100%;height:100px;line-height:100px;}
#products_list.list-view li .product-info {left:150px;right:10px;}
#products_list.list-view  h2{font-size:1em;width:100%}
/* #products_list .product-info h2{font-size:1em;width:100%;display:table;table-layout:fixed;margin:10px 0;position:relative;z-index:2;} */
/* #products_list.list-view  h2 a{white-space:nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;} */

/* 
#products_list.list-view li .product-info{width:60%;float:left;padding:0 5px}
 */
#products_list.list-view .price-box{position:initial;}

.product section .flex{display:block;}
.product section:nth-child(odd) .col7,.product section:nth-child(even) .col7{padding:0;}

/* Checkout */
.field-input.r{margin-left:0;}
.field-input.l{margin-right:0;}
.field-input.c{margin:0;}



/* Carousel */
 .c_group ul li{width:100%;float: left;}
.facet-header {    background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    padding: 10px 5px;
    font-size: 1em;
    margin:0;}
.facets .icon-plus {display: inline-block;float:right;}
.facets .icon-minus {display: inline-block;float:right;}

.facet-list {display: none;}
.tabs ul{margin:20px 0 50px 0}
.tabs ul li.tab.active{display: block;padding: 10px 20px 10px 20px;}
.tabs ul li.tab{    width: 100%;
    display: block;padding: 10px 20px 10px 20px;}
/* .tabs ul li.tab, .tabs > ul li.tab:hover {padding: 10px 20px 0px 20px; font-size: 10px;} */
.home_tile .col9{min-height: 600px;}

#order_customer_list form[action='/orders'] tr {display: grid;}

.featured-products section:nth-child(1) {grid-area: 1 / 1 / 4 / 13;}
.featured-products section:nth-child(2) {grid-area: 4 / 1 / 7 / 13;}
.featured-products section:nth-child(3) {grid-area: 7 / 1 / 10 / 13;}
.featured-products section:nth-child(4) {grid-area: 10 / 1 / 13 / 13;}
}
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}