@charset "UTF-8";
/* CSS RESET. standardizes cross-browser rendering on common elements, neutralizing browsers' built-in stylesheets. */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe {
margin: 0;
padding: 0; }

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

fieldset, img {
border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal; }

ol, ul {
list-style: none; }

caption, th {
text-align: left; }

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal; }

q:before, q:after {
content: ''; }

abbr, acronym {
border: 0; }

a, img a {
border: 0 none;
margin: 0;
padding: 0; }

/* End RESET. */
/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
font-family: 'Metropolis Regular';
font-style: normal;
font-weight: normal;
src: local("Metropolis Regular"), url("../fonts/Metropolis-Regular.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Regular Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Regular Italic"), url("../fonts/Metropolis-RegularItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Extra Light';
font-style: normal;
font-weight: normal;
src: local("Metropolis Extra Light"), url("../fonts/Metropolis-ExtraLight.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Light';
font-style: normal;
font-weight: normal;
src: local("Metropolis Light"), url("../fonts/Metropolis-Light.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Thin';
font-style: normal;
font-weight: normal;
src: local("Metropolis Thin"), url("../fonts/Metropolis-Thin.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Extra Light Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Extra Light Italic"), url("../fonts/Metropolis-ExtraLightItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Light Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Light Italic"), url("../fonts/Metropolis-LightItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Thin Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Thin Italic"), url("../fonts/Metropolis-ThinItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Medium';
font-style: normal;
font-weight: normal;
src: local("Metropolis Medium"), url("../fonts/Metropolis-Medium.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Semi Bold';
font-style: normal;
font-weight: normal;
src: local("Metropolis Semi Bold"), url("../fonts/Metropolis-SemiBold.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Bold';
font-style: normal;
font-weight: normal;
src: local("Metropolis Bold"), url("../fonts/Metropolis-Bold.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Bold Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Bold Italic"), url("../fonts/Metropolis-BoldItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Medium Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Medium Italic"), url("../fonts/Metropolis-MediumItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Semi Bold Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Semi Bold Italic"), url("../fonts/Metropolis-SemiBoldItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Extra Bold';
font-style: normal;
font-weight: normal;
src: local("Metropolis Extra Bold"), url("../fonts/Metropolis-ExtraBold.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Extra Bold Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Extra Bold Italic"), url("../fonts/Metropolis-ExtraBoldItalic.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Black';
font-style: normal;
font-weight: normal;
src: local("Metropolis Black"), url("../fonts/Metropolis-Black.woff") format("woff"); }

@font-face {
font-family: 'Metropolis Black Italic';
font-style: normal;
font-weight: normal;
src: local("Metropolis Black Italic"), url("../fonts/Metropolis-BlackItalic.woff") format("woff"); }

button.lines-button {
-webkit-appearance: none;
background: transparent;
border: 0 none;
outline: 0 none; }

button .lines {
background: #444345; }
button .lines:before, button .lines:after {
background: #444345; }

.lines {
vertical-align: middle;
background: #444345;
border-radius: 0.0833333333rem;
display: inline-block;
height: 0.125rem;
-webkit-transition: 0.3s;
transition: 0.3s;
width: 1.25rem;
position: relative; }
.lines:before, .lines:after {
background: #444345;
border-radius: 0.0833333333rem;
display: inline-block;
height: 0.125rem;
-webkit-transition: 0.3s;
transition: 0.3s;
width: 1.25rem;
position: absolute;
left: 0;
content: '';
transform-origin: 0.0892857143rem center;
-webkit-transform-origin: 0.0892857143rem center; }
.lines:before {
top: 0.3125rem; }
.lines:after {
top: -0.3125rem; }

.lines-button {
border-radius: 0.1785714286rem;
cursor: pointer;
display: inline-block;
padding: 0.4385964912rem;
padding-bottom: 0.625rem;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.lines-button:hover {
opacity: 1; }
.lines-button:active {
background: rgba(0, 0, 0, 0.1);
-webkit-transition: 0;
transition: 0; }
.lines-button.x.close .lines {
background: transparent; }
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
top: 0;
width: 1.25rem; }
.lines-button.x.close .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg); }
.lines-button.x.close .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg); }

/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }

.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }

.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }

.slick-arrow.slick-hidden {
display: none; }

/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }

.mfp-align-top .mfp-container:before {
display: none; }

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }

.mfp-ajax-cur {
cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.mfp-loading.mfp-figure {
display: none; }

.mfp-hide {
display: none !important; }

.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }

.mfp-preloader a {
color: #CCC; }

.mfp-preloader a:hover {
color: #FFF; }

.mfp-s-ready .mfp-preloader {
display: none; }

.mfp-s-error .mfp-content {
display: none; }

button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation; }

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

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }

.mfp-close:active {
top: 1px; }

.mfp-close-btn-in .mfp-close {
color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }

.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }

.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }

.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }

.mfp-arrow-left {
left: 0; }

.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }

.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
right: 0; }

.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }

.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }

.mfp-iframe-holder .mfp-close {
top: -40px; }

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
line-height: 0; }

.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }

.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }

.mfp-figure figure {
margin: 0; }

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }

.mfp-image-holder .mfp-content {
max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }

@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }

/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=aab46673704e7643d5fdec2d2e9cbeca)
* Config saved to config.json and https://gist.github.com/aab46673704e7643d5fdec2d2e9cbeca
*/
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.container, .row, *[class^="col-"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }

@media (min-width: 768px) {
.container {
width: 750px; } }

@media (min-width: 992px) {
.container {
width: 970px; } }

@media (min-width: 1200px) {
.container {
width: 1170px; } }

.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }

.row {
margin-left: -15px;
margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }

.col-xs-12 {
width: 100%; }

.col-xs-11 {
width: 91.66666667%; }

.col-xs-10 {
width: 83.33333333%; }

.col-xs-9 {
width: 75%; }

.col-xs-8 {
width: 66.66666667%; }

.col-xs-7 {
width: 58.33333333%; }

.col-xs-6 {
width: 50%; }

.col-xs-5 {
width: 41.66666667%; }

.col-xs-4 {
width: 33.33333333%; }

.col-xs-3 {
width: 25%; }

.col-xs-2 {
width: 16.66666667%; }

.col-xs-1 {
width: 8.33333333%; }

.col-xs-pull-12 {
right: 100%; }

.col-xs-pull-11 {
right: 91.66666667%; }

.col-xs-pull-10 {
right: 83.33333333%; }

.col-xs-pull-9 {
right: 75%; }

.col-xs-pull-8 {
right: 66.66666667%; }

.col-xs-pull-7 {
right: 58.33333333%; }

.col-xs-pull-6 {
right: 50%; }

.col-xs-pull-5 {
right: 41.66666667%; }

.col-xs-pull-4 {
right: 33.33333333%; }

.col-xs-pull-3 {
right: 25%; }

.col-xs-pull-2 {
right: 16.66666667%; }

.col-xs-pull-1 {
right: 8.33333333%; }

.col-xs-pull-0 {
right: auto; }

.col-xs-push-12 {
left: 100%; }

.col-xs-push-11 {
left: 91.66666667%; }

.col-xs-push-10 {
left: 83.33333333%; }

.col-xs-push-9 {
left: 75%; }

.col-xs-push-8 {
left: 66.66666667%; }

.col-xs-push-7 {
left: 58.33333333%; }

.col-xs-push-6 {
left: 50%; }

.col-xs-push-5 {
left: 41.66666667%; }

.col-xs-push-4 {
left: 33.33333333%; }

.col-xs-push-3 {
left: 25%; }

.col-xs-push-2 {
left: 16.66666667%; }

.col-xs-push-1 {
left: 8.33333333%; }

.col-xs-push-0 {
left: auto; }

.col-xs-offset-12 {
margin-left: 100%; }

.col-xs-offset-11 {
margin-left: 91.66666667%; }

.col-xs-offset-10 {
margin-left: 83.33333333%; }

.col-xs-offset-9 {
margin-left: 75%; }

.col-xs-offset-8 {
margin-left: 66.66666667%; }

.col-xs-offset-7 {
margin-left: 58.33333333%; }

.col-xs-offset-6 {
margin-left: 50%; }

.col-xs-offset-5 {
margin-left: 41.66666667%; }

.col-xs-offset-4 {
margin-left: 33.33333333%; }

.col-xs-offset-3 {
margin-left: 25%; }

.col-xs-offset-2 {
margin-left: 16.66666667%; }

.col-xs-offset-1 {
margin-left: 8.33333333%; }

.col-xs-offset-0 {
margin-left: 0%; }

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-12 {
width: 100%; }
.col-sm-11 {
width: 91.66666667%; }
.col-sm-10 {
width: 83.33333333%; }
.col-sm-9 {
width: 75%; }
.col-sm-8 {
width: 66.66666667%; }
.col-sm-7 {
width: 58.33333333%; }
.col-sm-6 {
width: 50%; }
.col-sm-5 {
width: 41.66666667%; }
.col-sm-4 {
width: 33.33333333%; }
.col-sm-3 {
width: 25%; }
.col-sm-2 {
width: 16.66666667%; }
.col-sm-1 {
width: 8.33333333%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-pull-11 {
right: 91.66666667%; }
.col-sm-pull-10 {
right: 83.33333333%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-8 {
right: 66.66666667%; }
.col-sm-pull-7 {
right: 58.33333333%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-5 {
right: 41.66666667%; }
.col-sm-pull-4 {
right: 33.33333333%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-2 {
right: 16.66666667%; }
.col-sm-pull-1 {
right: 8.33333333%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-push-12 {
left: 100%; }
.col-sm-push-11 {
left: 91.66666667%; }
.col-sm-push-10 {
left: 83.33333333%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-8 {
left: 66.66666667%; }
.col-sm-push-7 {
left: 58.33333333%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-5 {
left: 41.66666667%; }
.col-sm-push-4 {
left: 33.33333333%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-2 {
left: 16.66666667%; }
.col-sm-push-1 {
left: 8.33333333%; }
.col-sm-push-0 {
left: auto; }
.col-sm-offset-12 {
margin-left: 100%; }
.col-sm-offset-11 {
margin-left: 91.66666667%; }
.col-sm-offset-10 {
margin-left: 83.33333333%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-8 {
margin-left: 66.66666667%; }
.col-sm-offset-7 {
margin-left: 58.33333333%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-5 {
margin-left: 41.66666667%; }
.col-sm-offset-4 {
margin-left: 33.33333333%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-2 {
margin-left: 16.66666667%; }
.col-sm-offset-1 {
margin-left: 8.33333333%; }
.col-sm-offset-0 {
margin-left: 0%; } }

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-12 {
width: 100%; }
.col-md-11 {
width: 91.66666667%; }
.col-md-10 {
width: 83.33333333%; }
.col-md-9 {
width: 75%; }
.col-md-8 {
width: 66.66666667%; }
.col-md-7 {
width: 58.33333333%; }
.col-md-6 {
width: 50%; }
.col-md-5 {
width: 41.66666667%; }
.col-md-4 {
width: 33.33333333%; }
.col-md-3 {
width: 25%; }
.col-md-2 {
width: 16.66666667%; }
.col-md-1 {
width: 8.33333333%; }
.col-md-pull-12 {
right: 100%; }
.col-md-pull-11 {
right: 91.66666667%; }
.col-md-pull-10 {
right: 83.33333333%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-8 {
right: 66.66666667%; }
.col-md-pull-7 {
right: 58.33333333%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-5 {
right: 41.66666667%; }
.col-md-pull-4 {
right: 33.33333333%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-2 {
right: 16.66666667%; }
.col-md-pull-1 {
right: 8.33333333%; }
.col-md-pull-0 {
right: auto; }
.col-md-push-12 {
left: 100%; }
.col-md-push-11 {
left: 91.66666667%; }
.col-md-push-10 {
left: 83.33333333%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-8 {
left: 66.66666667%; }
.col-md-push-7 {
left: 58.33333333%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-5 {
left: 41.66666667%; }
.col-md-push-4 {
left: 33.33333333%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-2 {
left: 16.66666667%; }
.col-md-push-1 {
left: 8.33333333%; }
.col-md-push-0 {
left: auto; }
.col-md-offset-12 {
margin-left: 100%; }
.col-md-offset-11 {
margin-left: 91.66666667%; }
.col-md-offset-10 {
margin-left: 83.33333333%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-8 {
margin-left: 66.66666667%; }
.col-md-offset-7 {
margin-left: 58.33333333%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-5 {
margin-left: 41.66666667%; }
.col-md-offset-4 {
margin-left: 33.33333333%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-2 {
margin-left: 16.66666667%; }
.col-md-offset-1 {
margin-left: 8.33333333%; }
.col-md-offset-0 {
margin-left: 0%; } }

@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-12 {
width: 100%; }
.col-lg-11 {
width: 91.66666667%; }
.col-lg-10 {
width: 83.33333333%; }
.col-lg-9 {
width: 75%; }
.col-lg-8 {
width: 66.66666667%; }
.col-lg-7 {
width: 58.33333333%; }
.col-lg-6 {
width: 50%; }
.col-lg-5 {
width: 41.66666667%; }
.col-lg-4 {
width: 33.33333333%; }
.col-lg-3 {
width: 25%; }
.col-lg-2 {
width: 16.66666667%; }
.col-lg-1 {
width: 8.33333333%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-pull-11 {
right: 91.66666667%; }
.col-lg-pull-10 {
right: 83.33333333%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-8 {
right: 66.66666667%; }
.col-lg-pull-7 {
right: 58.33333333%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-5 {
right: 41.66666667%; }
.col-lg-pull-4 {
right: 33.33333333%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-2 {
right: 16.66666667%; }
.col-lg-pull-1 {
right: 8.33333333%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-push-12 {
left: 100%; }
.col-lg-push-11 {
left: 91.66666667%; }
.col-lg-push-10 {
left: 83.33333333%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-8 {
left: 66.66666667%; }
.col-lg-push-7 {
left: 58.33333333%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-5 {
left: 41.66666667%; }
.col-lg-push-4 {
left: 33.33333333%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-2 {
left: 16.66666667%; }
.col-lg-push-1 {
left: 8.33333333%; }
.col-lg-push-0 {
left: auto; }
.col-lg-offset-12 {
margin-left: 100%; }
.col-lg-offset-11 {
margin-left: 91.66666667%; }
.col-lg-offset-10 {
margin-left: 83.33333333%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-8 {
margin-left: 66.66666667%; }
.col-lg-offset-7 {
margin-left: 58.33333333%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-5 {
margin-left: 41.66666667%; }
.col-lg-offset-4 {
margin-left: 33.33333333%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-2 {
margin-left: 16.66666667%; }
.col-lg-offset-1 {
margin-left: 8.33333333%; }
.col-lg-offset-0 {
margin-left: 0%; } }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both; }

.center-block {
display: block;
margin-left: auto;
margin-right: auto; }

.pull-right {
float: right !important; }

.pull-left {
float: left !important; }

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom; }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto; }

.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr; }

.mCSB_container {
overflow: hidden;
width: auto;
height: auto; }

.mCSB_inside > .mCSB_container {
margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
margin-right: 0;
margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0; }

.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"; }

.mCSB_outside + .mCSB_scrollTools {
right: -26px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
right: auto;
left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
left: -26px; }

.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px; }

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0; }

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0; }

.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0; }

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
transition: opacity .2s ease-in-out,background-color .2s ease-in-out; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"; }

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
background-image: url(mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0; }

.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px; }

.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px; }

.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px; }

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"; }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0; }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px; }

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px; }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%; }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px; }

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 14px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0; }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0; }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px; }

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); }

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px; }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px; }

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
border-radius: 16px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px; }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px; }

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
border-radius: 7px; }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
right: 1px; }

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
bottom: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px;
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0; }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
height: 12px;
width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px; }

.mCS-3d-thick-dark.mCSB_scrollTools {
-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px; }

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px; }

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
left: 0;
right: auto; }

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px; }

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"; }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px; }

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0; }

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px; }

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0; }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0; }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2); }

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9); }

.br-theme-fontawesome-stars-o .br-widget {
height: 28px;
white-space: nowrap; }

.br-theme-fontawesome-stars-o .br-widget a {
font: normal normal normal 20px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
text-decoration: none;
margin-right: 2px; }

.br-theme-fontawesome-stars-o .br-widget a:after {
content: '\f006';
color: #999DA0; }

.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
content: '\f005';
color: #DA2125; }

.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
content: '\f005';
color: #DA2125; }

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
content: '\f123';
color: #DA2125; }

.br-theme-fontawesome-stars-o .br-widget .br-current-rating {
display: none; }

.br-theme-fontawesome-stars-o .br-readonly a {
cursor: default; }

.br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
display: inline-block;
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH"; }

@media print {
.br-theme-fontawesome-stars-o .br-widget a:after {
content: '\f006';
color: black; }
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
content: '\f005';
color: black; }
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
content: '\f123';
color: black; } }

#lcl_overlay, #lcl_wrap {
position: fixed;
top: 0;
left: 0; }

#lcl_loader, #lcll_1, #lcll_2 {
left: 50%;
position: absolute;
top: 50%; }

#lcl_window, #lcl_wrap:before {
display: inline-block;
vertical-align: middle; }

#lcl_overlay, #lcl_window, #lcll_1, #lcll_2 {
width: 100%;
height: 100%; }

@font-face {
font-family: lc_lightbox;
src: url(../fonts/lc_lightbox.eot);
src: url(../fonts/lc_lightbox.eot) format("embedded-opentype"), url(../fonts/lc_lightbox.woff) format("woff"), url(../fonts/lc_lightbox.ttf) format("truetype"), url(../fonts/lc_lightbox.svg) format("svg");
font-weight: 400;
font-style: normal; }

#lcl_wrap {
bottom: 0;
right: 0;
text-align: center;
overflow-x: hidden;
overflow-y: hidden;
z-index: 999999999;
-webkit-overflow-scrolling: touch; }

#lcl_wrap:before {
content: "";
height: 100%; }

#lcl_wrap > * {
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

#lcl_overlay {
overflow: hidden;
z-index: -1;
background-position: top left;
background-repeat: repeat;
-webkit-transform: translateZ(0);
transform: translateZ(0); }

#lcl_wrap:not(.lcl_pre_show) {
-webkit-transition: all .35s ease-in;
transition: all .35s ease-in; }

#lcl_loader {
display: block;
opacity: 0;
height: 40px;
width: 40px;
margin-left: -20px;
margin-top: -20px;
z-index: -1;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out; }

#lcl_loader.lcl_loader_pre_first_el {
opacity: 0 !important; }

.lcl_first_sizing #lcl_loader:not(.no_loader), .lcl_loading_iframe #lcl_loader:not(.no_loader), .lcl_loading_videojs #lcl_loader:not(.no_loader), .lcl_switching_elem #lcl_loader:not(.no_loader) {
opacity: 1;
z-index: 99999; }

#lcll_1, #lcll_2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
margin-top: -50%;
margin-left: -50%;
background: 0 0;
border-color: #aaa #aaa transparent;
border-width: 3px;
border-style: solid;
-webkit-animation: lcl-loader 1.4s infinite linear;
animation: lcl-loader 1.4s infinite linear; }

#lcll_2 {
width: 50%;
height: 50%;
margin-left: -25%;
margin-top: -25%;
border-right-color: transparent !important;
-webkit-animation-duration: 1.15s;
animation-duration: 1.15s;
-webkit-animation-direction: reverse;
animation-direction: reverse; }

@-webkit-keyframes lcl-loader {
100% {
-webkit-transform: rotate(360deg) translateZ(0); } }

@keyframes lcl-loader {
100% {
-webkit-transform: rotate(360deg) translateZ(0);
transform: rotate(360deg) translateZ(0); } }

#lcl_subj.lcl_switching_el > * {
opacity: 0; }

.lcl_first_sizing #lcl_contents_wrap, .lcl_first_sizing #lcl_nav_cmd, .lcl_loading_iframe #lcl_contents_wrap, .lcl_loading_iframe #lcl_nav_cmd, .lcl_loading_videojs #lcl_contents_wrap, .lcl_loading_videojs #lcl_nav_cmd, .lcl_switching_elem #lcl_contents_wrap, .lcl_switching_elem #lcl_nav_cmd, .lcl_toggling_fs #lcl_contents_wrap, .lcl_toggling_fs #lcl_nav_cmd, .lcl_toggling_txt.lcl_inner_cmd #lcl_nav_cmd {
opacity: 0 !important; }

#lcl_contents_wrap {
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease; }

.lcl_first_sizing #lcl_contents_wrap *, .lcl_loading_iframe #lcl_contents_wrap *, .lcl_loading_videojs #lcl_contents_wrap *, .lcl_switching_elem #lcl_contents_wrap *, .lcl_toggling_fs #lcl_contents_wrap * {
-webkit-transition: none !important;
transition: none !important; }

#lcl_window {
text-align: left;
z-index: 30;
max-height: 100%;
max-width: 100%;
min-width: 50px;
min-height: 50px;
line-height: 0 !important;
overflow: visible;
position: relative;
top: 0;
left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0); }

#lcl_elem_wrap:not(.lcl_image_elem) .lcl_elem, .lcl_image_elem {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }

.lcl_toggling_fs #lcl_elem_wrap .lcl_elem, .lcl_toggling_fs #lcl_window, .lcl_toggling_fs .lcl_image_elem, #lcl_wrap.lcl_toggling_fs {
-webkit-transition: all .05s linear;
transition: all .05s linear; }

.lcl_is_resizing:not(.lcl_first_sizing):not(.lcl_toggling_txt):not(.lcl_toggling_tn):not(.lcl_toggling_fs) #lcl_window, .lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) #lcl_elem_wrap:not(.lcl_image_elem), .lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) .lcl_image_elem, .lcl_show_already_shaped #lcl_window {
-webkit-transition: none !important;
transition: none !important; }

.lcl_tn_hidden #lcl_window {
margin-top: 0 !important; }

.lcl_pre_first_el:not(.lcl_show_already_shaped) #lcl_window {
width: 100px;
height: 100px;
max-width: 85px !important;
max-height: 85px !important; }

.lcl_is_closing #lcl_window {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }

#lcl_contents_wrap, #lcl_subj {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden; }

#lcl_subj {
z-index: 10; }

#lcl_wrap:not(.lcl_switching_elem) #lcl_subj {
-webkit-transition: border-width .35s ease;
transition: border-width .35s ease; }

.lcl_toggling_txt #lcl_subj {
-webkit-transition-delay: 0.55s !important;
transition-delay: 0.55s !important; }

#lcl_elem_wrap {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }

.lcl_html_elem, .lcl_image_elem {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0; }

.lcl_image_elem img {
left: -99999px;
position: fixed !important; }

.lcl_html_elem {
line-height: normal;
padding: 15px;
overflow-y: auto;
background: #fdfdfd; }

.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
top: 60px; }

.lcl_dailymotion_elem > *, .lcl_iframe_elem > *, .lcl_postered_video > iframe, .lcl_video_elem > *, .lcl_vimeo_elem > *, .lcl_youtube_elem > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.lcl_elem.video-js {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
background: #000 !important; }

.lcl_elem.video-js .vjs-poster, .lcl_postered_video {
background-size: cover; }

.lcl_elem.video-js .vjs-fullscreen-control {
display: none !important; }

.lcl_elem.video-js .vjs-big-play-button {
background-color: rgba(43, 51, 63, 0.7);
border: 2px solid #fff;
border-radius: 50%;
font-size: 40px;
line-height: 62px;
width: 66px;
height: 66px;
left: 50%;
top: 50%;
margin: -33px 0 0 -33px; }

.lcl_postered_video {
background-position: center; }

.lcl_postered_video:not(.lcl_poster_clicked) {
cursor: pointer; }

.lcl_postered_video:not(.lcl_poster_clicked):before {
  content: "►";
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 38px !important;
line-height: 62px !important;
text-indent: 5px !important;
color: #fff;
border-radius: 50%;
background: rgba(43, 51, 63, 0.7);
top: 50%;
left: 50%;
width: 66px;
height: 66px;
margin-left: -33px;
margin-top: -33px;
border: 2px solid #fff; }

#lcl_corner_close, #lcl_thumbs_nav, .lcl_icon {
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }

.lcl_postered_video:not(.lcl_poster_clicked):hover:before {
background: rgba(115, 133, 159, 0.5); }

.lcl_postered_video:not(.lcl_poster_clicked) iframe {
display: none; }

.lcl_html_container {
margin: auto;
overflow: auto;
position: relative; }

#lcl_wrap[lcl-type=html]:not(.lcl_fullscreen_mode) .lcl_html_elem {
position: static !important; }

#lcl_wrap.lcl_txt_under[lcl-type=html]:not(.lcl_fullscreen_mode) #lcl_txt, #lcl_wrap[lcl-type=html]:not(.lcl_fullscreen_mode) #lcl_contents_wrap, #lcl_wrap[lcl-type=html]:not(.lcl_fullscreen_mode) #lcl_subj {
position: relative !important; }

#lcl_wrap[lcl-type=html] #lcl_subj, #lcl_wrap.lcl_txt_under[lcl-type=html]:not(.lcl_forced_over) #lcl_contents_wrap {
overflow: auto; }

#lcl_wrap.lcl_fullscreen_mode[lcl-type=html] #lcl_elem_wrap {
display: flex;
align-items: center; }

.lcl_fullscreen_mode .lcl_html_elem {
padding-top: 18px;
border-top: 42px solid #fdfdfd;
padding-bottom: 0;
border-bottom: 15px solid #fdfdfd; }

#lcl_inline {
padding: 15px 10px;
line-height: 20px; }

#lcl_nav_cmd {
position: absolute;
top: 0;
z-index: 100;
overflow: visible;
padding: 8px;
height: 0;
right: 0;
left: 0; }

.lcl_corner_close.lcl_force_txt_over:not(.lcl_forced_outer_cmd) #lcl_nav_cmd, .lcl_corner_close.lcl_hidden_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd, .lcl_corner_close.lcl_inner_cmd:not(.lcl_txt_rside):not(.lcl_forced_outer_cmd) #lcl_nav_cmd, .lcl_corner_close.lcl_no_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd {
padding-right: 24px !important; }

.lcl_outer_cmd #lcl_nav_cmd {
z-index: 99999;
margin: 0 !important;
padding: 10px 15px; }

.lcl_outer_cmd:not(.lcl_first_sizing):not(.lcl_first_sizing):not(.lcl_loading_iframe):not(.lcl_switching_elem):not(.lcl_toggling_txt):not(.lcl_toggling_fs):not(.lcl_is_closing) #lcl_nav_cmd {
opacity: 1 !important; }

.lcl_is_closing.lcl_outer_cmd #lcl_nav_cmd {
-webkit-transition: all .2s ease;
transition: all .2s ease;
opacity: 0 !important; }

#lcl_nav_cmd .lcl_icon {
display: inline-block;
border-radius: 3px;
background: #fefefe;
-webkit-box-shadow: 0 0 2px rgba(20, 20, 20, 0.05);
box-shadow: 0 0 2px rgba(20, 20, 20, 0.05);
border: 1px solid #eaeaea;
text-align: center;
vertical-align: top;
margin: 4px;
width: 28px;
height: 28px;
color: #6f6f6f;
position: relative; }

.lcl_outer_cmd .lcl_close {
right: 0 !important;
top: 0 !important; }

@media screen and (min-width: 450px) {
.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd .lcl_icon, .lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd .lcl_icon {
opacity: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: opacity .2s ease-in .5s,box-shadow .2s ease-in .5s,-webkit-transform .2s ease-in .5s;
-webkit-transition: opacity .2s ease-in .5s,-webkit-box-shadow .2s ease-in .5s,-webkit-transform .2s ease-in .5s;
transition: opacity .2s ease-in .5s,-webkit-box-shadow .2s ease-in .5s,-webkit-transform .2s ease-in .5s;
transition: opacity .2s ease-in .5s,box-shadow .2s ease-in .5s,transform .2s ease-in .5s;
transition: opacity .2s ease-in .5s,box-shadow .2s ease-in .5s,transform .2s ease-in .5s,-webkit-box-shadow .2s ease-in .5s,-webkit-transform .2s ease-in .5s; }
#lcl_window:not(.lcl_on_mobile):hover #lcl_nav_cmd .lcl_icon, .lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]):hover #lcl_nav_cmd .lcl_icon {
opacity: 1;
-webkit-transition: all .2s ease-in 0s;
transition: all .2s ease-in 0s;
-webkit-transform: scale(1);
transform: scale(1); } }

#lcl_corner_close:before, .lcl_icon:before, .lcl_postered_video:not(.lcl_poster_clicked):before, .lcl_tn_next:before, .lcl_tn_prev:before {
font-family: lc_lightbox !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-align: center;
display: block;
font-size: 16px;
line-height: 27px;
z-index: 10;
position: relative;
-webkit-transition: all .15s ease;
transition: all .15s ease;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

.lcl_icon:not(.lcl_counter):after {
content: "";
display: block;
left: -1px;
right: -1px;
position: absolute;
top: -1px;
bottom: -1px;
z-index: 5;
border-radius: 3px;
opcity: 0;
background: #6f6f6f;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(0);
transform: scale(0); }

.lcl_nav_btn_middle .lcl_next:after, .lcl_nav_btn_middle .lcl_prev:after {
-webkit-transition-duration: .15s;
transition-duration: .15s; }

.lcl_nav_btn_middle.lcl_inner_cmd .lcl_next:after {
right: 0 !important; }

.lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev:after {
left: 0 !important; }

#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover {
border-radius: 5px !important; }

#lcl_corner_close:before, #lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before {
color: #fff; }

#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }

.lcl_prev:before {
  content: "←";
text-indent: -1px; }

.lcl_next:before {
  content: "→";
text-indent: 1px; }

.lcl_play:before {
  content: "►";
font-size: 20px;
line-height: 28px;
text-indent: 1px; }

.lcl_is_playing .lcl_play:before {
content: "◼";
font-size: 20px;
line-height: 28px;
text-indent: 0; }

#lcl_corner_close:before, .lcl_close:before {
  content: "×";
font-size: 20px;
line-height: 28px; }

.lcl_fullscreen:before {
content: "\f065"; }

.lcl_fullscreen_mode .lcl_fullscreen:before {
content: "\e900"; }

.lcl_zoom_out:before {
content: "\e909";
font-size: 16px; }

.lcl_zoom_in:before {
content: "\e908";
font-size: 16px; }

.lcl_txt_toggle:before {
content: "\f10e";
font-size: 16px; }

.lcl_thumbs_toggle:before {
  content: "↕";
font-size: 15px;
line-height: 26px;
  text-indent: -1px;
  transform: rotate(45deg);
}

.lcl_window:before {
content: "\e900"; }

.lcl_download:before {
content: "\e9c5"; }

.lcl_socials:before {
content: "\e600";
font-size: 15px;
line-height: 26px; }

.lcl_fb:before {
content: "\f09a";
font-size: 17px; }

.lcl_twit:before {
content: "\f099";
font-size: 18px; }

.lcl_pint:before {
content: "\f0d2";
font-size: 18px; }

.lcl_wa:before {
content: "\f232";
font-size: 18px; }

.lcl_tn_prev:before {
content: "◄"; }

.lcl_tn_next:before {
content: "►"; }

.lcl_right_icon {
float: right; }

.lcl_close {
margin-left: 36px !important; }

.lcl_counter {
cursor: default !important;
font-size: 12px;
font-weight: 700;
line-height: 27px;
padding: 0 10px;
width: auto !important; }

@media screen and (max-width: 340px) {
.lcl_counter {
display: none !important; } }

.lcl_download {
position: relative; }

.lcl_download a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50; }

.lcl_first_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_prev, .lcl_last_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_next {
opacity: 0.5 !important;
cursor: default !important; }

.lcl_last_elem .lcl_play {
display: none !important; }

#lcl_thumb_next div:before, #lcl_thumb_prev div:before {
font-size: 20px; }

.lcl_icon {
cursor: pointer;
display: inline-block;
height: 24px;
width: 24px;
border-radius: 2px;
-webkit-transition: all .2s linear;
transition: all .2s linear; }

.lcl_corner_close.lcl_inner_cmd .lcl_close, .lcl_no_carousel.lcl_last_elem .lcl_next:after, .lcl_no_carousel[lc-lelem="0"] .lcl_prev:after, .lcl_normal_close #lcl_corner_close, .lcl_outer_cmd #lcl_corner_close, .lcl_zoom_icon.lcl_zoom_disabled:after {
display: none !important; }

.lcl_hidden_txt .lcl_txt_toggle:before, .lcl_no_carousel.lcl_last_elem .lcl_next:before, .lcl_no_carousel[lc-lelem="0"] .lcl_prev:before, .lcl_tn_hidden .lcl_thumbs_toggle:before, .lcl_zoom_icon.lcl_zoom_disabled:before {
opacity: 0.6 !important; }

.lcl_first_sizing #lcl_corner_close, .lcl_loading_iframe #lcl_corner_close, .lcl_loading_videojs #lcl_corner_close, .lcl_switching_elem #lcl_corner_close, .lcl_toggling_fs #lcl_corner_close, .lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_under.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt {
opacity: 0 !important; }

.lcl_no_carousel.lcl_last_elem .lcl_next, .lcl_no_carousel[lc-lelem="0"] .lcl_prev {
cursor: default !important; }

#lcl_corner_close {
position: absolute;
right: -22px;
top: -24px;
border: 3px solid #d3d3d3;
background: #6f6f6f;
border-radius: 50%;
min-height: 34px;
min-width: 34px;
cursor: pointer;
z-index: 150;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease; }

#lcl_corner_close:before {
font-size: 20px !important;
line-height: 34px !important;
-webkit-transition: all .3s ease;
transition: all .3s ease; }

#lcl_corner_close:not(.lcl_on_mobile):hover:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }

.lcl_nav_btn_middle .lcl_next, .lcl_nav_btn_middle .lcl_prev {
position: fixed !important;
top: 50%;
margin-top: -32px !important;
padding: 16px 4px; }

.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next, .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important; }

.lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev, .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev:after {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }

.lcl_nav_btn_middle.lcl_inner_cmd .lcl_next, .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next:after {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }

.lcl_nav_btn_middle .lcl_next:before, .lcl_nav_btn_middle .lcl_prev:before {
font-size: 23px !important; }

.lcl_nav_btn_middle .lcl_prev {
left: 0; }

.lcl_nav_btn_middle .lcl_next {
right: 0; }

.lcl_nav_btn_middle.lcl_outer_cmd .lcl_prev {
margin-left: 19px !important; }

.lcl_nav_btn_middle.lcl_outer_cmd .lcl_next {
margin-right: 19px !important; }

@media screen and (max-width: 450px) {
#lcl_nav_cmd .lcl_icon {
margin: 0; }
.lcl_close {
margin-left: 26px !important; } }

.lcl_on_mobile .lcl_zoom_wrap {
overflow: scroll !important; }

.lcl_zoom_wrap, .lcl_zoom_wrap * {
cursor: move;
cursor: grab;
cursor: -webkit-grab;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.lcl_zoom_wrap:active {
cursor: move;
cursor: grabbing;
cursor: -webkit-grabbing; }

.lcl_zoom_icon.lcl_zoom_disabled {
cursor: default !important; }

.lcl_zoom_helper {
position: absolute;
font-size: 8.4px;
color: #fafafa;
background: #972626;
display: inline-block;
border: 2px solid #972626;
padding: 5px 1px;
font-family: arial;
text-shadow: 0 0 0 rgba(250, 250, 250, 0.8);
letter-spacing: .28px;
border-radius: 1px;
line-height: 0;
z-index: 10;
bottom: -11px;
right: -7px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none; }

#lcl_wrap[lcl-type=html] .lcl_socials, #lcl_wrap[lcl-type=iframe] .lcl_socials, .lcl_no_txt #lcl_txt {
display: none !important; }

#lcl_txt {
padding: 12px 10px;
line-height: 20px;
z-index: 50;
position: absolute;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.lcl_toggling_txt #lcl_txt {
-webkit-transition: -webkit-transform .45s ease .1s,opacity .35s ease .1s;
-webkit-transition: opacity .35s ease .1s,-webkit-transform .45s ease .1s;
transition: opacity .35s ease .1s,-webkit-transform .45s ease .1s;
transition: transform .45s ease .1s,opacity .35s ease .1s;
transition: transform .45s ease .1s,opacity .35s ease .1s,-webkit-transform .45s ease .1s; }

#lcl_txt * {
font-family: Arial,​ sans-serif; }

#lcl_txt > * {
padding: 0;
margin: 0;
text-align: left;
position: relative;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }

#lcl_title {
font-size: 17px;
font-weight: 700;
line-height: normal;
margin-bottom: 4px; }

#lcl_author {
font-size: 12px;
line-height: 15px;
font-weight: 400; }

.lcl_comments_wrap {
min-width: 178px; }

.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border, .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border {
border-bottom: 1px dashed #cfcfcf;
margin-bottom: 12px;
padding-bottom: 17px; }

.lcl_force_txt_over #lcl_txt .lcl_txt_border, .lcl_txt_over #lcl_txt .lcl_txt_border, .lcl_txt_under #lcl_txt .lcl_txt_border {
border-bottom: 1px dashed #cfcfcf;
margin-bottom: 10px;
padding-bottom: 12px; }

#lcl_descr {
font-size: 14px;
line-height: 20px; }

.lcl_switching_el #lcl_txt, .lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_under_calc #lcl_txt, .lcl_txt_under_calc #lcl_txt * {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important; }

.lcl_txt_over #lcl_txt, .lcl_txt_under #lcl_txt {
left: 0;
bottom: 0; }

.lcl_txt_under #lcl_txt {
background: #fff; }

.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt {
padding: 18px 25px 22px;
margin-bottom: 0 !important; }

.lcl_txt_under.lcl_hidden_txt.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt {
visibility: hidden !important; }

.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt:after {
height: 7px;
left: 0;
position: absolute;
right: 0;
top: 0; }

.lcl_force_txt_over #lcl_txt, .lcl_txt_over #lcl_txt {
background: rgba(255, 255, 255, 0.9);
background-clip: padding-box !important;
border: 15px solid transparent;
border-radius: 0 17px 17px 0;
max-height: calc(100% - 42px);
padding: 13px 22px;
overflow: auto;
bottom: 0; }

.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
bottom: auto !important;
right: auto !important;
left: 0 !important;
top: 42px !important;
padding: 17px 22px !important;
max-width: 33.3%;
max-height: calc(100% - 42px);
-webkit-transition: -webkit-transform .45s ease .1s,opacity .35s ease .1s,bottom .3s ease;
-webkit-transition: opacity .35s ease .1s,bottom .3s ease,-webkit-transform .45s ease .1s;
transition: opacity .35s ease .1s,bottom .3s ease,-webkit-transform .45s ease .1s;
transition: transform .45s ease .1s,opacity .35s ease .1s,bottom .3s ease;
transition: transform .45s ease .1s,opacity .35s ease .1s,bottom .3s ease,-webkit-transform .45s ease .1s; }

.lcl_playing_video.lcl_force_txt_over #lcl_txt, .lcl_playing_video.lcl_txt_over #lcl_txt {
max-height: calc(100% - 42px - 45px);
bottom: 45px; }

@media screen and (max-width: 1024px) {
.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
max-width: 66.6%; } 
#hero{align-items: center;}
.hero-row{flex-direction: column;padding-top: 100px;}
#hero .home_slider_container {width: 100% !important;padding-top: 20px;}
}

.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt {
padding: 16px 24px;
top: 0;
bottom: 0;
width: 330px;
overflow-y: auto;
overflow-x: hidden; }

.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after, .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after {
bottom: 0;
position: absolute;
top: 0;
width: 4px; }

.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj {
border-right: 330px solid transparent; }

.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd {
right: 330px; }

.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt {
padding-right: 18px;
right: 0;
background: #fefefe; }

.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj {
border-left: 330px solid transparent; }

.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_nav_btn_middle.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd {
left: 330px; }

.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt {
padding-left: 18px;
left: 0;
background: #fefefe; }

@media screen and (max-width: 780px) {
.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
max-width: 100%; }
.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt {
width: 220px; }
.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj {
border-right-width: 220px; }
.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj {
border-left-width: 220px; }
.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd {
right: 220px; }
.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_nav_btn_middle .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd {
left: 220px; } }

@media screen and (min-width: 1700px) {
.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt {
width: 400px; }
.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj {
border-right-width: 400px; }
.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj {
border-left-width: 400px; }
.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav {
right: 400px; }
.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav {
left: 400px; } }

.lcl_fullscreen_mode.lcl_hidden_txt #lcl_thumbs_nav, .lcl_hidden_txt.lcl_inner_cmd #lcl_nav_cmd, .lcl_hidden_txt.lcl_outer_cmd #lcl_nav_cmd {
right: 0 !important;
left: 0 !important; }

.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev {
left: 0 !important; }

.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next {
right: 0 !important; }

#lcl_txt > :first-child {
padding-top: 0;
margin-top: 0; }

#lcl_txt > :last-child {
padding-bottom: 0;
margin-bottom: 0; }

.lcl_hidden_txt.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt {
height: 0 !important;
padding: 0 !important;
-webkit-transform: translateY(100%);
transform: translateY(100%); }

.lcl_hidden_txt.lcl_force_txt_over:not(.lcl_fullscreen_mode) #lcl_txt, .lcl_hidden_txt.lcl_txt_over:not(.lcl_fullscreen_mode) #lcl_txt {
opacity: 0 !important;
z-index: -1;
-webkit-transform: translateY(30px) scale(0.95);
transform: translateY(30px) scale(0.95); }

.lcl_hidden_txt.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_hidden_txt.lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
-webkit-transform: translateX(-110%) scale(0.8);
transform: translateX(-110%) scale(0.8); }

.lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_subj, .lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_subj {
border-width: 0 !important; }

.lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt {
-webkit-transform: translateX(100%);
transform: translateX(100%); }

.lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }

.lcl_tooltip {
position: absolute;
left: 50%;
background: #fff;
padding: 7px;
border-radius: 3px;
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
opacity: 0;
font-size: 14px;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out; }

.lcl_tooltip:before {
content: "";
border-style: solid;
border-width: 7px;
left: 50%;
margin-left: -7px;
position: absolute; }

.lcl_fullscreen_mode #lcl_subj, .lcl_fullscreen_mode #lcl_txt, .lcl_socials_tt a {
margin: 0 !important; }

.lcl_tooltip.lcl_tt_bottom:before {
bottom: 100%;
border-color: transparent transparent #fff; }

.lcl_tooltip.lcl_tt_top:before {
top: 100%;
border-color: #fff transparent transparent; }

.lcl_tooltip.lcl_tt_bottom {
top: 115%;
-webkit-transform: translate(-50%, 8px);
transform: translate(-50%, 8px); }

.lcl_tooltip.lcl_tt_top {
bottom: 115%;
-webkit-transform: translate(-50%, -8px);
transform: translate(-50%, -8px); }

.lcl_tooltip.lcl_show_tt {
opacity: 1;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }

.lcl_tooltip.lcl_socials_tt {
white-space: nowrap;
padding-left: 0;
padding-right: 0;
top: 150%; }

.lcl_socials {
position: relative; }

.lcl_socials_tt a {
border-width: 0 0 0 1px !important;
border-style: solid;
border-color: #eaeaea;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0 12px;
text-decoration: none !important;
max-width: 17px; }

.lcl_socials_tt a:first-child {
border: none !important; }

#lcl_wrap.lcl_fullscreen_mode {
padding: 0 !important; }

.lcl_fullscreen_mode #lcl_contents_wrap, .lcl_fullscreen_mode #lcl_window {
border-radius: 0 !important; }

.lcl_fullscreen_mode #lcl_window {
border-width: 0 !important;
margin-top: 0 !important; }

.lcl_fullscreen_mode #lcl_elem_wrap {
bottom: 0 !important; }

.lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_next, .lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_prev, .lcl_fullscreen_mode.lcl_toggling_txt.lcl_outer_cmd {
-webkit-transition: all 0.4s ease 0.2s !important;
transition: all 0.4s ease 0.2s !important; }

#lcl_thumbs_nav {
margin: 10px 20px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 60;
-webkit-transition: -webkit-transform .35s ease-in,opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s;
-webkit-transition: opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s,-webkit-transform .35s ease-in;
transition: opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s,-webkit-transform .35s ease-in;
transition: transform .35s ease-in,opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s;
transition: transform .35s ease-in,opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s,-webkit-transform .35s ease-in; }

#lcl_thumbs_nav, #lcl_thumbs_nav * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.lcl_playing_video.lcl_fullscreen_mode #lcl_thumbs_nav {
margin-bottom: 50px; }

.lcl_pre_first_el #lcl_thumbs_nav, .lcl_tn_hidden #lcl_thumbs_nav {
opacity: 0;
-webkit-transform: translateY(150%);
transform: translateY(150%); }

#lcl_thumbs_nav .lcl_tn_inner {
position: absolute;
z-index: 10;
left: 45px;
right: 45px;
bottom: 0;
top: 0;
list-style: none !important;
margin: 0 !important;
text-align: center;
white-space: nowrap;
overflow: hidden; }

.lcl_on_mobile .lcl_tn_inner {
overflow: auto !important;
-ms-touch-action: pan-x;
touch-action: pan-x; }

.lcl_tn_inner li {
height: 100%;
margin: 0 0 0 10px;
display: inline-block;
border: 0 solid #ccc;
border-radius: 2px;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-clip: content-box;
background-color: #9f9f9f;
cursor: pointer;
overflow: hidden;
-webkit-box-shadow: 0 0 4px rgba(10, 10, 10, 0.45);
box-shadow: 0 0 4px rgba(10, 10, 10, 0.45);
-webkit-transform: scale(0.83) translateZ(0);
transform: scale(0.83) translateZ(0);
-webkit-transition: all .25s ease;
transition: all .25s ease; }

.lcl_tn_inner li:first-child {
margin: 0; }

#lcl_wrap:not(.lcl_on_mobile) .lcl_tn_inner li:not(.lcl_sel_thumb):hover, .lcl_tn_inner li.lcl_sel_thumb {
-webkit-transform: scale(0.97);
transform: scale(0.97); }

.lcl_tn_inner li.lcl_sel_thumb.lcl_tn_preload, .lcl_tn_inner li.lcl_tn_preload {
margin: 0 !important;
width: 0 !important;
height: 0 !important;
-webkit-transform: scale(0) !important;
transform: scale(0) !important; }

.lcl_thumb_title_tt {
padding: 7px 10px; }

#lcl_thumbs_nav span {
position: absolute;
cursor: pointer;
width: 23px;
height: 23px;
top: 50%;
margin-top: -12px;
z-index: 15;
color: #f5f5f5; }

#lcl_thumbs_nav:not(.lcl_tn_has_arr) span {
display: none !important; }

#lcl_thumbs_nav.lcl_tn_has_arr span {
display: inline-block !important; }

#lcl_thumbs_nav.lcl_tn_has_arr span:before {
font-size: 23px; }

#lcl_thumbs_nav span.lcl_tn_prev {
left: 0; }

#lcl_thumbs_nav span.lcl_tn_next {
right: 0; }

.lcl_tn_video video {
position: absolute;
top: -15%;
left: -15%;
width: 130%;
height: 130%; }

.lcl_tn_mixed_types li::before {
background: rgba(0, 0, 0, 0.25);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
-webkit-transition: all .25s ease;
transition: all .25s ease; }

.lcl_tn_mixed_types li.lcl_sel_thumb::before {
opacity: 0; }

.lcl_tn_mixed_types li:after {
font-family: lc_lightbox !important;
bottom: 0;
color: #fff;
font-size: 18px;
line-height: 28px;
right: 5px;
position: absolute;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
z-index: 15;
content: "\e929"; }

.lcl_tn_mixed_types li.lcl_tn_image:after {
content: "\e927"; }

.lcl_tn_mixed_types li.lcl_tn_iframe:after {
content: "\e903"; }

.lcl_tn_mixed_types li.lcl_tn_html:after {
content: "\e926"; }

#lcl_progressbar {
position: fixed;
z-index: 99999;
top: 0;
height: 2px;
left: 0;
width: 0;
background: #fff;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease; }

.lcl_loading_iframe #lcl_progressbar, .lcl_loading_videojs #lcl_progressbar {
opacity: 0;
-webkit-transition-duration: 0s;
transition-duration: 0s; }

.lcl_pattern_oblique_dots {
background-image: url(../images/lc_lightbox/patterns/oblique_dots.png); }

.lcl_pattern_1 {
background-image: url(../images/lc_lightbox/patterns/pattern-1.png); }

.lcl_pattern_dot-1 {
background-image: url(../images/lc_lightbox/patterns/pattern-dot-1.png); }

.lcl_pattern_dot-2 {
background-image: url(../images/lc_lightbox/patterns/pattern-dot-2.png); }

.lcl_pattern_dot-b1 {
background-image: url(../images/lc_lightbox/patterns/pattern-dot-b1.png); }

.lcl_pattern_dot-b2 {
background-image: url(../images/lc_lightbox/patterns/pattern-dot-b2.png); }

.lcl_pattern_dot-b3 {
background-image: url(../images/lc_lightbox/patterns/pattern-dot-b3.png); }

.lcl_pattern_dot-b4 {
background-image: url(../images/lc_lightbox/patterns/pattern-dot-b4.png); }

.lcl_pattern_triangle-05 {
background-image: url(../images/lc_lightbox/patterns/pattern-triangle-05.png); }

.lcl_pattern_triangle-10 {
background-image: url(../images/lc_lightbox/patterns/pattern-triangle-10.png); }

.lcl_pattern_triangle-20 {
background-image: url(../images/lc_lightbox/patterns/pattern-triangle-20.png); }

.lcl_pattern_triangle-30 {
background-image: url(../images/lc_lightbox/patterns/pattern-triangle-30.png); }

.lcl_pattern_triangle-40 {
background-image: url(../images/lc_lightbox/patterns/pattern-triangle-40.png); }

.lcl_pattern_ver-line-10 {
background-image: url(../images/lc_lightbox/patterns/pattern-ver-line-10.png); }

.lcl_pattern_ver-line-20 {
background-image: url(../images/lc_lightbox/patterns/pattern-ver-line-20.png); }

.lcl_pattern_ver-line-30 {
background-image: url(../images/lc_lightbox/patterns/pattern-ver-line-30.png); }

.lcl_pattern_ver-line-40 {
background-image: url(../images/lc_lightbox/patterns/pattern-ver-line-40.png); }

.lcl_pattern_ver-line-50 {
background-image: url(../images/lc_lightbox/patterns/pattern-ver-line-50.png); }

.lcl_minimal #lcl_window,
.lcl_minimal.lcl_txt_under #lcl_txt,
.lcl_minimal.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_minimal.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt {
background-color: #3d3d3d; }

.lcl_minimal #lcl_subj {
background-color: #474747; }

.lcl_minimal.lcl_fullscreen_mode #lcl_subj {
background-color: #252525; }

.lcl_minimal #lcl_loader > span {
border-color: #999 #999 transparent; }

.lcl_minimal.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after,
.lcl_minimal.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
width: 1px; }

/* COMMANDS */
.lcl_minimal #lcl_nav_cmd,
.lcl_minimal .lcl_outer_cmd #lcl_nav_cmd,
.lcl_minimal .lcl_forced_outer_cmd #lcl_nav_cmd {
padding: 4px !important; }

.lcl_minimal #lcl_nav_cmd:before {
content: "";
background: rgba(0, 0, 0, 0.4);
height: 42px;
left: 0;
position: absolute;
right: 0;
top: 0; }

.lcl_minimal.lcl_fullscreen_mode[lcl-type=iframe] #lcl_nav_cmd:before {
background: #3d3d3d; }

.lcl_minimal.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
top: 42px; }

.lcl_minimal .lcl_close {
margin-left: 14px !important; }

.lcl_minimal .lcl_zoom_in {
margin-right: 14px !important; }

@media screen and (min-width: 450px) {
.lcl_minimal .lcl_close {
margin-left: 28px !important; }
.lcl_minimal .lcl_zoom_in {
margin-right: 28px !important; }
.lcl_minimal.lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd:before,
.lcl_minimal.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd:before {
opacity: 0;
-webkit-transition: opacity .2s ease-in .5s;
transition: opacity .2s ease-in .5s; }
.lcl_minimal:not(.lcl_on_mobile) #lcl_window:hover #lcl_nav_cmd:before,
.lcl_minimal.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]):hover #lcl_nav_cmd:before {
opacity: 1;
-webkit-transition: all .2s ease-in 0s;
transition: all .2s ease-in 0s; } }

.lcl_minimal #lcl_nav_cmd .lcl_icon {
color: #fafafa;
background: transparent;
border-radius: 0 !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: 3px; }

@media screen and (max-width: 475px) {
.lcl_minimal #lcl_nav_cmd .lcl_icon {
margin: 3px 0; }
.lcl_minimal .lcl_counter {
letter-spacing: -1px; } }

@media screen and (max-width: 400px) {
.lcl_minimal #lcl_nav_cmd .lcl_icon {
width: 24px; } }

.lcl_minimal #lcl_nav_cmd .lcl_icon:before,
.lcl_minimal #lcl_nav_cmd .lcl_icon * {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }

.lcl_minimal .lcl_icon:not(.lcl_counter):after {
background: #cfcfcf; }

#lcl_wrap.lcl_minimal:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(a):hover:before {
color: #fff;
text-shadow: none; }

.lcl_minimal:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):after,
.lcl_minimal:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):hover:after {
border-radius: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.15) !important;
-webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.15); }

.lcl_minimal.lcl_nav_btn_middle .lcl_prev:before,
.lcl_minimal.lcl_nav_btn_middle .lcl_next:before {
font-size: 28px !important; }

.lcl_minimal.lcl_nav_btn_middle .lcl_prev:after,
.lcl_minimal.lcl_nav_btn_middle .lcl_next:after {
-webkit-box-shadow: none !important;
box-shadow: none !important; }

.lcl_minimal.lcl_nav_btn_middle .lcl_next:after, .lcl_minimal.lcl_nav_btn_middle .lcl_prev:after,
.lcl_minimal.lcl_nav_btn_middle:not(.lcl_on_mobile) .lcl_next:hover:after, .lcl_minimal.lcl_nav_btn_middle .lcl_prev:hover:after {
background: rgba(0, 0, 0, 0.3) !important; }

.lcl_minimal .lcl_counter {
font-size: 13px;
line-height: 28px; }

/* alternative inner close button */
.lcl_minimal #lcl_corner_close {
background: #303030;
border-color: transparent !important;
border-radius: 0 !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }

.lcl_minimal #lcl_corner_close:before {
color: #eee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }

.lcl_minimal:not(.lcl_on_mobile) #lcl_corner_close:hover:before {
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }

/* TEXTS */
.lcl_minimal #lcl_txt * {
font-family: Arial,​ 'sans-serif';
color: #ddd; }

.lcl_minimal #lcl_title {
color: #eee; }

.lcl_minimal #lcl_author {
color: #bfbfbf; }

.lcl_minimal .lcl_txt_border {
border-bottom: 1px dotted #666 !important; }

/* text over */
.lcl_minimal.lcl_force_txt_over #lcl_txt,
.lcl_minimal.lcl_txt_over #lcl_txt {
background: rgba(26, 26, 26, 0.9); }

.lcl_minimal.lcl_force_txt_over #lcl_txt:before,
.lcl_minimal.lcl_txt_over #lcl_txt:before {
background: #444; }

.lcl_minimal.lcl_force_txt_over #lcl_txt:after,
.lcl_minimal.lcl_txt_over #lcl_txt:after {
border-color: #3e3e3e; }

/* text block shadow */
.lcl_minimal.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
left: 0; }

.lcl_minimal.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
right: 0; }

.lcl_minimal.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt::after {
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
height: 2px; }

/* TOOLTIP */
.lcl_minimal .lcl_tooltip {
background: rgba(0, 0, 0, 0.5); }

.lcl_minimal .lcl_tooltip.lcl_tt_bottom:before {
border-color: transparent transparent #000;
opacity: .5; }

.lcl_minimal .lcl_tooltip.lcl_tt_top:before {
border-color: #000 transparent transparent;
opacity: .5; }

/* SOCIALS VISIBILITY */
.lcl_minimal .lcl_socials_tt a {
border-color: #666; }

/* THUMBS NAVIGATOR */
.lcl_minimal .lcl_tn_inner li {
border-radius: 0; }

.lcl_minimal #lcl_thumbs_nav span {
color: #dfdfdf; }

.lcl_minimal .lcl_tn_mixed_types li::before {
background: rgba(0, 0, 0, 0.25); }

.lcl_minimal .lcl_tn_mixed_types li:after {
color: #fff; }

/* PROGRESSBAR */
.lcl_minimal #lcl_progressbar {
background: #eee; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
/* this ensures that a constrained height set by functionPosition,
if greater that the natural height of the tooltip, will be enforced
in browsers that support display:flex */
display: flex;
pointer-events: none;
/* this may be overriden in JS for fixed position origins */
position: absolute; }

.tooltipster-box {
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
and flex-basis auto for IE11- (at least) */
flex: 1 1 auto; }

.tooltipster-content {
/* prevents an overflow if the user adds padding to the div */
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* these make sure we'll be able to detect any overflow */
max-height: 100%;
max-width: 100%;
overflow: auto; }

.tooltipster-ruler {
/* these let us test the size of the tooltip without overflowing the window */
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
opacity: 1; }

/* grow */
.tooltipster-grow {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }

.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
-webkit-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0; }

/* slide */
.tooltipster-slide {
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
of !important */
/* fade */
@-webkit-keyframes tooltipster-fading {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes tooltipster-fading {
0% {
opacity: 0; }
100% {
opacity: 1; } }

.tooltipster-update-fade {
-webkit-animation: tooltipster-fading 400ms;
animation: tooltipster-fading 400ms; }

/* rotate */
@-webkit-keyframes tooltipster-rotating {
25% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg); }
75% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes tooltipster-rotating {
25% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg); }
75% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }

.tooltipster-update-rotate {
-webkit-animation: tooltipster-rotating 600ms;
animation: tooltipster-rotating 600ms; }

/* scale */
@-webkit-keyframes tooltipster-scaling {
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes tooltipster-scaling {
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }

.tooltipster-update-scale {
-webkit-animation: tooltipster-scaling 600ms;
animation: tooltipster-scaling 600ms; }

/**
* DEFAULT STYLE OF THE SIDETIP PLUGIN
*
* All styles are "namespaced" with .tooltipster-sidetip to prevent
* conflicts between plugins.
*/
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
background: #565656;
border: 2px solid black;
border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
color: white;
line-height: 18px;
padding: 6px 14px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
/* half the width, for centering */
margin-left: -10px;
top: 0;
width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
been positioned yet */
top: 0;
width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
/* same as .tooltipster-left .tooltipster-arrow */
top: 0;
width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0;
top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
left: 0;
top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: black; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: black; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: black; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: black; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px; }

button.btn, .btn, .btn[href^="tel"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #DA2125;
background: -moz-linear-gradient(left, #DA2125 0%, #b71c1f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #DA2125), color-stop(100%, #b71c1f));
border-radius: 16px;
border: 0 none;
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.5);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.5);
color: white;
font-family: 'Metropolis Medium';
cursor: pointer;
display: inline-block;
line-height: normal;
padding: 7px 15px;
text-align: center;
text-transform: uppercase; }
button.btn:hover, button.btn:focus, button.btn:active, .btn:hover, .btn:focus, .btn:active, .btn[href^="tel"]:hover, .btn[href^="tel"]:focus, .btn[href^="tel"]:active {
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.9);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.9);
-webkit-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02); }
button.btn.soft, .btn.soft, .btn.soft[href^="tel"] {
background: #e55356;
background: -moz-linear-gradient(left, #e55356 0%, #e44a4e 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e55356), color-stop(100%, #e44a4e));
-webkit-box-shadow: 0 0 12px rgba(229, 83, 86, 0.5);
box-shadow: 0 0 12px rgba(229, 83, 86, 0.5); }
button.btn.soft:hover, button.btn.soft:focus, button.btn.soft:active, .btn.soft:hover, .btn.soft:focus, .btn.soft:active, .btn.soft[href^="tel"]:hover, .btn.soft[href^="tel"]:focus, .btn.soft[href^="tel"]:active {
background: #DA2125;
background: -moz-linear-gradient(left, #DA2125 0%, #b71c1f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #DA2125), color-stop(100%, #b71c1f)); }
button.btn.lowercase, .btn.lowercase, .btn.lowercase[href^="tel"] {
text-transform: none; }
button.btn > *, .btn > *, .btn[href^="tel"] > * {
display: inline-block;
vertical-align: middle; }
button.btn i, .btn i, .btn[href^="tel"] i {
vertical-align: inherit; }
button.btn.block, .btn.block, .btn.block[href^="tel"] {
display: block;
width: 100%; }
button.btn.phone:before, .btn.phone:before, .btn.phone[href^="tel"]:before {
background: url(../images/icon-phone.svg) no-repeat center center;
background-size: contain;
content: "";
display: inline-block;
height: 18px;
margin-right: 3px;
vertical-align: middle;
width: 18px; }
button.btn.md, .btn.md, .btn.md[href^="tel"] {
font-size: 12px;
padding: 10px 18px 8px;
border-radius: 20px; }
button.btn.lg, .btn.lg, .btn.lg[href^="tel"] {
padding: 18px 32px;
font-family: 'Metropolis Semi Bold';
border-radius: 28px; }
button.btn.sm, .btn.sm, .btn.sm[href^="tel"] {
font-size: 11px; }
button.btn.angle, .btn.angle, .btn.angle[href^="tel"] {
text-transform: none;
font-family: 'Metropolis Semi Bold';
font-size: 12px;
padding: 10px 20px;
border-radius: 20px; }
button.btn.angle:after, .btn.angle:after, .btn.angle[href^="tel"]:after {
font-family: 'fontAwesome';
content: "\f105";
font-weight: normal;
margin-left: 5px; }
button.btn.white, .btn.white, .btn.white[href^="tel"] {
background: white;
-webkit-box-shadow: 0 0 12px rgba(68, 67, 69, 0.15);
box-shadow: 0 0 12px rgba(68, 67, 69, 0.15);
color: #444345;
border: 1px solid rgba(168, 169, 168, 0.5); }
button.btn.secondary, .btn.secondary, .btn.secondary[href^="tel"] {
background: #1F5F99;
background: -moz-linear-gradient(left, #1F5F99 0%, #184a77 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1F5F99), color-stop(100%, #184a77));
-webkit-box-shadow: 0 0 12px rgba(31, 95, 153, 0.5);
box-shadow: 0 0 12px rgba(31, 95, 153, 0.5); }
button.btn.secondary:hover, button.btn.secondary:focus, button.btn.secondary:active, .btn.secondary:hover, .btn.secondary:focus, .btn.secondary:active, .btn.secondary[href^="tel"]:hover, .btn.secondary[href^="tel"]:focus, .btn.secondary[href^="tel"]:active {
-webkit-box-shadow: 0 0 12px rgba(31, 95, 153, 0.9);
box-shadow: 0 0 12px rgba(31, 95, 153, 0.9); }
button.btn.secondary.soft, .btn.secondary.soft, .btn.secondary.soft[href^="tel"] {
background: #569ddd;
background: -moz-linear-gradient(left, #569ddd 0%, #4593d9 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #569ddd), color-stop(100%, #4593d9));
-webkit-box-shadow: 0 0 12px rgba(86, 157, 221, 0.5);
box-shadow: 0 0 12px rgba(86, 157, 221, 0.5); }
button.btn.secondary.soft:hover, button.btn.secondary.soft:focus, button.btn.secondary.soft:active, .btn.secondary.soft:hover, .btn.secondary.soft:focus, .btn.secondary.soft:active, .btn.secondary.soft[href^="tel"]:hover, .btn.secondary.soft[href^="tel"]:focus, .btn.secondary.soft[href^="tel"]:active {
background: #1F5F99;
background: -moz-linear-gradient(left, #1F5F99 0%, #184a77 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1F5F99), color-stop(100%, #184a77)); }
button.btn.secondary.outline, .btn.secondary.outline, .btn.secondary.outline[href^="tel"] {
background: white;
color: #1F5F99;
-webkit-box-shadow: 0 0 12px rgba(31, 95, 153, 0.25), 0 0 0 2px #1F5F99 inset;
box-shadow: 0 0 12px rgba(31, 95, 153, 0.25), 0 0 0 2px #1F5F99 inset; }
button.btn span + span, button.btn i + span, .btn span + span, .btn i + span, .btn[href^="tel"] span + span, .btn[href^="tel"] i + span {
margin-left: 7px; }
button.btn span.icon, .btn span.icon, .btn[href^="tel"] span.icon {
background: url(../images/icon-sample.svg) no-repeat center top;
background-size: 100% auto;
height: 18px;
width: 16px; }
button.btn span.icon.pdf, .btn span.icon.pdf, .btn[href^="tel"] span.icon.pdf {
background-image: url(../images/icon-pdf.svg);
background-size: contain;
margin-right: -2px; }
button.btn span.icon.pdf + span, .btn span.icon.pdf + span, .btn[href^="tel"] span.icon.pdf + span {
max-width: calc(100% - 28px); }
button.btn span.icon.info, .btn span.icon.info, .btn[href^="tel"] span.icon.info {
/*background-image: url(../images/icon-info.svg);*/
}
button.btn span.icon.buy, .btn span.icon.buy, .btn[href^="tel"] span.icon.buy {
background-image: url(../images/icon-cart-white.svg); }
button.btn span.icon.send, .btn span.icon.send, .btn[href^="tel"] span.icon.send {
background-image: url(../images/icon-send.svg); }
button.btn span.icon.finance, .btn span.icon.finance, .btn[href^="tel"] span.icon.finance {
background-image: url(../images/icon-finance.svg); }
button.btn span.icon.ok, .btn span.icon.ok, .btn[href^="tel"] span.icon.ok {
background-image: url(../images/icon-ok.svg); }
button.btn span.icon.save, .btn span.icon.save, .btn[href^="tel"] span.icon.save {
background-image: url(../images/icon-save.svg); }
button.btn span.icon.cancel, .btn span.icon.cancel, .btn[href^="tel"] span.icon.cancel {
background-image: url(../images/icon-cancel.svg); }

a.plus-minus {
color: #DA2125;
font-family: 'Metropolis Semi Bold';
text-decoration: none !important; }
a.plus-minus span {
display: inline-block;
vertical-align: middle; }
a.plus-minus span.icon {
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-radius: 50%;
width: 40px;
height: 40px;
background: white;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
position: relative;
margin-right: 10px;
border: 1px solid white; }
a.plus-minus span.icon:before, a.plus-minus span.icon:after {
-webkit-transition: all 0.2s;
transition: all 0.2s;
content: "";
position: absolute;
width: 12px;
height: 2px;
background: #DA2125;
left: 50%;
top: 50%;
margin: -1px 0 0 -6px; }
a.plus-minus:not(.open) span.icon:after {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg); }
a.plus-minus:hover span.icon {
border-color: rgba(168, 169, 168, 0.75); }
a.plus-minus + .toggle-content, a.plus-minus + .slideToggle-content {
padding-top: 25px; }

.icon_circle {
background: no-repeat center center;
border-radius: 50%;
height: 48px;
position: relative;
width: 48px;
overflow: hidden; }
.icon_circle:before {
background-color: #DA2125;
background-image: -webkit-gradient(linear, left top, left bottom, from(#DA2125), to(#B21212));
background-image: linear-gradient(to bottom, #DA2125, #B21212);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }
.icon_circle.money {
background-image: url(../images/icons/money-dollar-circle-line.svg); }
.icon_circle.shipping {
background-image: url(../images/icons/truck-line.svg); }
.icon_circle.financing {
background-image: url(../images/icons/hand-coin-line.svg); }
.icon_circle.discounts {
background-image: url(../images/icons/percent-line.svg); }
.icon_circle.timer {
background-image: url(../images/icons/timer-line.svg); }
.icon_circle.archive {
background-image: url(../images/icons/archive-line.svg); }
.icon_circle.tools {
background-image: url(../images/icons/tools-line.svg); }

input.common-input, textarea.common-input, select.common-input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
background: white;
border-radius: 28px;
border: 1px solid rgba(168, 169, 168, 0.75);
color: #444345;
display: block;
font-family: 'Metropolis Medium', sans-serif;
font-size: 14px;
padding: 17px 24px;
width: 100%; }

.subtext {font-size: 18px}
body.free-design section .group p {font-size: 22px;margin: 0 auto 30px; }

@media (max-width: 767px) {
input.common-input, textarea.common-input, select.common-input {
font-size: 16px; } }
input.common-input:focus, textarea.common-input:focus, select.common-input:focus {
background-color: rgba(31, 95, 153, 0.05);
border-color: #1F5F99;
-webkit-box-shadow: 0 0 0 1px #1F5F99 inset, 0 0 2px #1F5F99;
box-shadow: 0 0 0 1px #1F5F99 inset, 0 0 2px #1F5F99;
color: #1F5F99;
outline: 0 none; }
input.common-input:not(:focus)::-webkit-input-placeholder, textarea.common-input:not(:focus)::-webkit-input-placeholder, select.common-input:not(:focus)::-webkit-input-placeholder {
color: rgba(168, 169, 168, 0.75); }
input.common-input:not(:focus):-ms-input-placeholder, textarea.common-input:not(:focus):-ms-input-placeholder, select.common-input:not(:focus):-ms-input-placeholder {
color: rgba(168, 169, 168, 0.75); }
input.common-input:not(:focus)::-moz-placeholder, textarea.common-input:not(:focus)::-moz-placeholder, select.common-input:not(:focus)::-moz-placeholder {
color: rgba(168, 169, 168, 0.75); }
input.common-input:not(:focus)::-ms-input-placeholder, textarea.common-input:not(:focus)::-ms-input-placeholder, select.common-input:not(:focus)::-ms-input-placeholder {
color: rgba(168, 169, 168, 0.75); }
input.common-input:not(:focus)::placeholder, textarea.common-input:not(:focus)::placeholder, select.common-input:not(:focus)::placeholder {
color: rgba(168, 169, 168, 0.75); }
input.common-input.filled:not(:focus), textarea.common-input.filled:not(:focus), select.common-input.filled:not(:focus) {
background-color: rgba(69, 147, 217, 0.05);
border-color: #4593d9;
-webkit-box-shadow: 0 0 0 1px #4593d9 inset;
box-shadow: 0 0 0 1px #4593d9 inset;
color: #4593d9; }
input.common-input.date, textarea.common-input.date, select.common-input.date {
background: url(../images/icon-calendar.svg) no-repeat right center;
background-size: 55px auto; }

input.sm, textarea.sm, select.sm {
padding: 10px 16px;
border-radius: 20px; }

input.common-input[type="number"] {
padding: 12px 16px;
width: 64px;
border-radius: 28px;
display: inline-block; }
input.common-input[type="number"]::-webkit-inner-spin-button, input.common-input[type="number"]::-webkit-outer-spin-button {
opacity: 1;
height: 20px; }

.common-form .col-sm-6, .common-form .col-sm-12, .common-form .form_group {
margin-bottom: 12px; }

@media (min-width: 768px) {
.common-form .col-sm-6:first-child {
padding-right: 6px; }
.common-form .col-sm-6:last-child {
padding-left: 6px; } }

select.common-input {
color: rgba(168, 169, 168, 0.75); }

.select {
position: relative; }
.select:after {
font-family: 'fontAwesome';
content: "\f107";
font-weight: normal;
color: #DA2125;
display: inline-block;
pointer-events: none;
position: absolute;
right: 40px;
top: 18px; }
.select.filled:after {
color: #4593d9; }
.select.small:after {
right: 20px;
top: 10px; }
.select.small select {
padding: 10px 18px;
min-width: 100px; }

legend:not(.form-title) {
color: rgba(168, 169, 168, 0.75);
margin: 12px 0; }
legend:not(.form-title) span.red {
color: #DA2125; }

.upload {
border: 1px solid rgba(168, 169, 168, 0.75);
padding: 5px;
border-radius: 28px; }
.FrmContactUs .upload {border: 0; padding: 0; border-radius: 0;}
.FrmContactUs .upload label{display: none;}
.FrmContactUs .upload input{display: block;}
.FrmContactUs .fileUploadcontainer{
    position: relative;
    padding: 5px;
    border: 1px solid rgba(168, 169, 168, 0.75);
    border-radius: 30px;
    overflow: hidden
}
.FrmContactUs .fileUploadcontainer .file-border {
    width: 100%;
    padding: 0 5px;
    height: 40px;
    text-overflow: clip;
    opacity: 0;
}
.FrmContactUs .fileUploadcontainer .upload-btn {
    display: block;
    width: auto;
    height: 40px;
    position: absolute;
    top: 5px;
    z-index: -1;
    padding-left: 110px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.FrmContactUs .fileUploadcontainer .upload-btn::before {
    position: absolute;
    content: "Select";
    background: #246fb2;
    border-radius: 50px;
    color: #fff;
    height: 40px;
    width: 75px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    text-align: center;
}
.upload label {
background: #1F5F99;
border-radius: 28px;
color: white;
display: inline-block;
font-family: 'Metropolis Semi Bold';
font-size: 12px;
padding: 16px 36px;
text-transform: uppercase; }
.upload label:hover {
background: #246fb2; }
.upload input {
display: none; }

textarea {
min-height: 120px;
resize: none; }

.common-form a.add {
color: #DA2125;
font-family: 'Metropolis Semi Bold';
display: inline-block;
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease; }
@media (min-width: 768px) {
.common-form a.add {
margin-top: 15px; } }
.common-form a.add:before {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
background: white url(../images/icon-plus.svg) no-repeat center center;
background-size: 12px auto;
border-radius: 50%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
content: "";
display: inline-block;
height: 32px;
margin-right: 10px;
vertical-align: middle;
width: 32px; }
.common-form a.add:hover {
text-decoration: underline; }
.common-form a.add:hover:before {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

@media (min-width: 768px) {
.common-form .actions {
text-align: right; }
.common-form .actions .btn {
min-width: 200px; } }

@media (max-width: 767px) {
.common-form .actions {
margin-bottom: 35px; }
.common-form .actions .btn {
display: block;
width: 100%;
border-radius: 30px;
font-size: 14px; }
.common-form .actions .btn:not(.lg) {
padding: 10px; } }

.price-input {
display: flex;
margin: 20px 0 0; }
.price-input .field {
display: flex;
width: 100%;
align-items: center;
flex: 2;
position: relative; }
.price-input .field:before {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
color: #444345;
content: "$";
font-family: 'Metropolis Regular';
font-size: 16px;
left: 20px;
pointer-events: none;
position: absolute; }
.price-input .field.focus:before {
color: #1F5F99; }
.price-input .field input {
width: 100%;
padding-left: 30px; }
.price-input input[type="number"]::-webkit-outer-spin-button, .price-input input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none; }
.price-input .separator {
width: 10px; }

.slider {
height: 3px;
position: relative;
background: rgba(168, 169, 168, 0.5);
border-radius: 3px; }
.slider .progress {
height: 100%;
left: 25%;
right: 25%;
position: absolute;
border-radius: 5px;
background: #DA2125; }

.range-input {
position: relative; }
.range-input input {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none; }

input[type="range"]::-webkit-slider-thumb {
height: 14px;
width: 14px;
border-radius: 50%;
background: #DA2125;
pointer-events: auto;
-webkit-appearance: none;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); }

input[type="range"]::-moz-range-thumb {
height: 14px;
width: 14px;
border: none;
border-radius: 50%;
background: #DA2125;
pointer-events: auto;
-moz-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); }

.inline-fields {
display: flex;
justify-content: space-between;
margin-bottom: 10px; }
.inline-fields input:first-child {
margin-right: -30px;
padding-right: 35px; }
.inline-fields .btn {
border-radius: 20px;
white-space: nowrap; }

label.block {
font-family: 'Metropolis Semi Bold';
display: block;
margin-bottom: 10px; }

.form-title {
display: flex;
flex-wrap: wrap;
font-family: 'Metropolis Semi Bold';
justify-content: space-between;
padding-bottom: 16px;
padding-top: 16px; }
.form-title > *:not(span) {
font-family: 'Metropolis Regular', sans-serif;
font-size: 13px;
text-transform: none; }
.form-title .hint {
margin-top: 0; }
.form-title.blue {
color: #1F5F99; }
.form-title .red {
color: #DA2125; }
@media (min-width: 768px) {
.form-title .long_item {
white-space: nowrap; } }
@media (max-width: 767px) {
.form-title .long_item {
margin-top: 12px; }
.form-title .long_item .styled-checkbox {
vertical-align: top; } }
.form-title, .divider {
border-bottom: 1px solid rgba(168, 169, 168, 0.5);
margin-bottom: 16px; }

.divider + .form-title {
border: 0 none;
padding: 4px 0 0; }

.white_container + .white_container {
margin-top: 35px; }

.white_container > .form-title:first-child {
padding-top: 0; }

.white_container > .form-title + .form-title {
margin-top: -16px; }

.white_container a:not(.btn):not(.edit) {
color: #DA2125;
text-decoration: underline; }
.white_container a:not(.btn):not(.edit):hover {
color: #1F5F99; }

label.required:after {
content: " *";
color: #DA2125; }

.form_group {
position: relative;
margin-bottom: 20px; }
.form_group label.fixed {
background: white;
color: rgba(168, 169, 168, 0.75);
font-size: 11px;
left: 24px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease; }
.form_group input.alt:focus, .form_group select.alt:focus {
background: white; }
.form_group input:focus + label.fixed, .form_group select:focus + label.fixed {
color: #1F5F99; }
.form_group input.filled.alt, .form_group select.filled.alt {
background: white; }
.form_group input.filled + label.fixed, .form_group select.filled + label.fixed {
color: #4593d9; }
@media (min-width: 768px) {
.form_group .cc-icons {
position: absolute;
pointer-events: none;
right: 50px;
top: 13px; } }
@media (max-width: 767px) {
.form_group .cc-icons {
margin: 16px 0 0 24px; } }
.form_group .cc-icons li {
display: inline-block;
margin-right: 4px; }
.form_group i.fa.fixed {
color: rgba(168, 169, 168, 0.75);
position: absolute;
right: 20px;
top: 18px;
font-size: 16px; }

.cc-icons .cc-icon {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border-radius: 2px;
height: 24px;
opacity: 0.5;
text-indent: -30000px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
width: 40px; }
.cc-icons .cc-icon.visa {
background-image: url(../images/logos/checkout/cc-icon-visa.svg); }
.cc-icons .cc-icon.mastercard {
background-image: url(../images/logos/checkout/cc-icon-mastercard.svg); }
.cc-icons .cc-icon.discover {
background-image: url(../images/logos/checkout/cc-icon-discover.svg); }

.visa .cc-icons .cc-icon.visa {
background-image: url(../images/logos/checkout/cc-icon-visa-focus.svg);
opacity: 1; }

.visa .filled + ul.cc-icons .cc-icon.visa {
background-image: url(../images/logos/checkout/cc-icon-visa-filled.svg); }

.mastercard .cc-icons .cc-icon.mastercard {
background-image: url(../images/logos/checkout/cc-icon-mastercard-focus.svg);
opacity: 1; }

.mastercard .filled + ul.cc-icons .cc-icon.mastercard {
background-image: url(../images/logos/checkout/cc-icon-mastercard-filled.svg); }

.discover .cc-icons .cc-icon.discover {
background-image: url(../images/logos/checkout/cc-icon-discover-focus.svg);
opacity: 1; }

.discover .filled + ul.cc-icons .cc-icon.discover {
background-image: url(../images/logos/checkout/cc-icon-discover-filled.svg); }

a.edit {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
color: #444345;
font-family: 'Metropolis Regular', sans-serif;
font-size: 13px;
opacity: 0.4;
text-transform: none; }
a.edit:before {
background: url("../images/icon-edit.svg") no-repeat center center;
background-size: contain;
content: "";
display: inline-block;
height: 16px;
margin-right: 5px;
vertical-align: middle;
width: 16px; }
a.edit:hover {
opacity: 0.7; }

.hint {
color: rgba(168, 169, 168, 0.75);
margin-top: 5px; }

ul.toggles-list {
margin-bottom: 24px; }
ul.toggles-list > li > a {
border-bottom: 1px solid rgba(168, 169, 168, 0.5);
color: #444345 !important;
display: block;
justify-content: space-between;
padding-bottom: 16px;
padding-right: 24px;
padding-top: 16px;
position: relative;
text-decoration: none !important;
-webkit-transition: all 0.15s;
transition: all 0.15s; }
ul.toggles-list > li > a:hover {
color: #1F5F99 !important;
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, #f3f3f3), to(white));
background: linear-gradient(90deg, white 0%, #f3f3f3 20%, white 100%); }
ul.toggles-list > li > a strong {
font-family: 'Metropolis Semi Bold'; }
ul.toggles-list > li > a .radio {
border-radius: 50%;
border: 1px solid #444345;
background: url(../images/icon-checkmark-white.svg) no-repeat center center;
background-size: 12px 12px;
width: 16px;
top: 16px;
height: 16px;
position: absolute;
right: 0; }
ul.toggles-list .open > a {
color: #1F5F99 !important;
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, #f3f3f3), to(white));
background: linear-gradient(90deg, white 0%, #f3f3f3 20%, white 100%); }
ul.toggles-list .open .radio {
background-color: #444345; }
ul.toggles-list .open > .content {
display: block; }
ul.toggles-list .content {
display: none;
padding: 16px 0 24px; }
@media (max-width: 991px) {
ul.toggles-list .col-md-3 {
margin-bottom: 0; } }
input.cc-owner, input.cc-card, input.cc-date {
background-repeat: no-repeat;
background-position: 20px center;
background-size: 16px auto;
padding-left: 44px; }

input.cc-owner {
background-image: url(../images/icon-cc-owner.svg); }
input.cc-owner:focus {
background-image: url(../images/icon-cc-owner-focus.svg); }
input.cc-owner.filled {
background-image: url(../images/icon-cc-owner-filled.svg); }

input.cc-card {
background-image: url(../images/icon-cc-card.svg); }
input.cc-card:focus {
background-image: url(../images/icon-cc-card-focus.svg); }
input.cc-card.filled {
background-image: url(../images/icon-cc-card-filled.svg); }

input.cc-date {
background-image: url(../images/icon-cc-date.svg); }
input.cc-date:focus {
background-image: url(../images/icon-cc-date-focus.svg); }
input.cc-date.filled {
background-image: url(../images/icon-cc-date-filled.svg); }

.inline-radios {
display: flex;
justify-content: space-between;
align-items: center; }
@media (min-width: 768px) {
.inline-radios {
padding-top: 15px; } }
ul.common-tabs {
border-bottom: 1px solid rgba(68, 67, 69, 0.25);
margin-bottom: 20px; }
ul.common-tabs li {
display: inline-block;
vertical-align: bottom; }
ul.common-tabs li:not(:last-child) {
margin-right: 40px; }
ul.common-tabs li a {
color: #A8A9A8;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding-bottom: 7px;
font-family: 'Metropolis Semi Bold';
text-transform: uppercase;
border-bottom: 3px solid transparent; }
ul.common-tabs li.selected a {
color: #1F5F99;
border-color: #1F5F99; }
ul.common-tabs li:not(.selected) a:hover {
color: #707070; }

.testimonial {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 25px 40px; }
.testimonial .stars {
color: #DA2125;
margin-bottom: 10px; }
.testimonial a.more {
font-family: 'Metropolis Semi Bold';
margin-top: 15px;
display: inline-block; }
.testimonial blockquote {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 30px 40px 30px 60px;
background: white;
position: relative;
text-align: left;
max-width: 300px;
margin: 0 auto;
min-height: 100px; }
.testimonial blockquote:before {
content: url(../images/quotes.svg);
position: absolute;
right: 35px;
top: -22px; }
.testimonial blockquote .name, .testimonial blockquote .title {
font-family: 'Metropolis Semi Bold';
margin-bottom: 15px;
font-size: 16px; }
.testimonial blockquote img {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 50%;
left: 0;
position: absolute;
top: 68px; }
.testimonial.center {
padding: 50px 15px 25px; }
.testimonial.center blockquote {
max-width: 100%;
padding: 40px;
text-align: center; }
.testimonial.center blockquote p:last-child {
margin-bottom: 0; }
.testimonial.center blockquote:before {
right: 50%;
top: -32px;
-webkit-transform: translateX(50%);
transform: translateX(50%); }
.testimonial.balloon {
position: relative;
padding-left: 120px;
padding-top: 0;
margin-top: 20px; }
.testimonial.balloon blockquote {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
padding: 30px;
position: initial;
max-width: 100%; }
.testimonial.balloon blockquote:after {
background: url(../images/triang.svg) no-repeat right center;
content: "";
height: 20px;
left: 104px;
position: absolute;
top: 26px;
width: 20px; }
@media (min-width: 768px) {
.testimonial.balloon blockquote:before {
right: 65px; } }
.testimonial.balloon img {
-webkit-transform: translateX(0);
transform: translateX(0);
left: 15px;
top: 0; }
.testimonial.balloon .details {
position: absolute;
width: 110px;
color: rgba(168, 169, 168, 0.75);
left: 0;
text-align: center;
top: 80px; }
@media (max-width: 767px) {
.testimonial.balloon {
padding-right: 0; }
.testimonial.balloon blockquote {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 600px) {
.slider-testimonials-three:not(.slick-slider) {
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; } }

@media (min-width: 701px) {
.slider-testimonials-three:not(.slick-slider) {
grid-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; } }

#hero {
align-items: flex-end;
background: #E8E5E0 no-repeat center center;
background-size: cover;
display: flex;
margin-bottom: 35px;
min-height: 560px;
overflow: hidden; }
#hero .breadcrumbs {
margin: 40px 0 25px; }
@media (max-width: 767px) {
#hero .breadcrumbs {
display: none; } }
.hero-row{display: flex;align-items: center}
#hero .home_slider_container{width: calc(100% - 500px)}
#hero .home_slider_container .slick-slider {display: table !important; table-layout: fixed !important; width: 100% !important;}
#hero .home_slider_container .slick-slide img{margin: 0 auto; max-height: 400px}
#hero .wrapper .hero-row > h1 {
max-width: 490px; }
#hero h1 {
font-size: 50px;
font-family: 'Metropolis Semi Bold';
line-height: 1.05;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); }
@media (min-width: 768px) {
#hero h1.xl {
font-size: 60px; } }
#hero .line_break {
display: block;
margin-top: 20px; }
#hero.white:after {
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
background: rgba(255, 255, 255, 0.5); }
#hero.white .wrapper {
position: relative;
z-index: 1; }
#hero.gradient {
position: relative; }
#hero.gradient:before {
background: -webkit-gradient(linear, left top, right top, color-stop(20%, white), to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, white 20%, rgba(255, 255, 255, 0) 100%);
background-color: transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%; }
@media (max-width: 767px) {
#hero.gradient:before {
background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
background-color: transparent; }
#hero h1 {
font-size: 34px; } }
#hero .wrapper {
position: relative;
flex: 2; }
#hero .blue {
color: #1F5F99; }
#hero.md, #hero.sm, #hero.xs {
min-height: 400px;
margin-bottom: 60px; }
#hero.md .wrapper, #hero.sm .wrapper, #hero.xs .wrapper {
padding-top: 50px; }
#hero.md h1, #hero.sm h1, #hero.xs h1 {
max-width: 100%;
font-family: 'Metropolis Medium', sans-serif;
color: #DA2125; }
#hero.md h2, #hero.sm h2, #hero.xs h2 {
font-family: 'Metropolis Regular', sans-serif;
font-size: 32px; }
#hero.md p, #hero.sm p, #hero.xs p {
max-width: 670px;
margin: 20px auto 0;
font-size: 17px; }
#hero.md p.sm, #hero.sm p.sm, #hero.xs p.sm {
margin-top: 10px;
font-size: 15px; }
#hero.sm {
min-height: 300px; }
#hero.xs {
min-height: 240px; }
#hero.no-margin {
margin-bottom: 0; }
#hero.minimal {
min-height: 120px;
position: relative;
margin-bottom: 0; }
#hero.minimal:before {
background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0.7)));
background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.7) 100%);
background-color: transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%; }
@media (min-width: 768px) {
#hero .title-row {
display: block; } }
.cabinet-style #hero {
background-image: url(../images/hero-cabinet-style.jpg);
min-height: 560px; }
@media (max-width: 1009px) {
.cabinet-style #hero .wrapper {
padding-top: 90px;
padding-bottom: 25px; } }
.cabinet-style #hero h1 {
line-height: 1; }
.cabinet-style #hero h1 span {
display: block; }
.cabinet-style #hero h1 small {
color: #DA2125;
display: block;
font-family: 'Metropolis Regular';
font-size: 52%;
margin-bottom: 5px; }

.steps {
font-family: 'Metropolis Semi Bold';
margin-top: 40px; }
.steps .title {
color: #1F5F99;
white-space: nowrap;
font-size: 18px; }
@media (min-width: 1010px) {
.steps {
display: flex;
justify-content: space-between;
align-items: center; }
.steps ol {
display: -ms-grid;
display: grid;
grid-gap: 50px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 1fr; }
.steps ol li {
display: flex;
flex-grow: 1; }
.steps ol li:not(:last-child) {
position: relative; }
.steps ol li:not(:last-child):after {
font-family: 'fontAwesome';
content: "\f105";
font-weight: normal;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #DA2125;
position: absolute;
right: -33px;
top: 50%;
font-size: 50px;
line-height: 1; }
.steps .title {
transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
margin-left: -25px;
margin-right: -10px; } }
.steps ol li .number {
-webkit-transform: scale(1.1);
transform: scale(1.1);
background: #1F5F99;
border-radius: 50%;
-webkit-box-shadow: 0 0 12px rgba(31, 95, 153, 0.5);
box-shadow: 0 0 12px rgba(31, 95, 153, 0.5);
color: white;
flex: none;
font-size: 45px;
height: 100px;
line-height: 100px;
text-align: center;
width: 100px; }
.steps ol li .pill {
align-items: center;
background: white;
border-radius: 64px;
border: 3px solid #1F5F99;
-webkit-box-shadow: 0 0 16px rgba(68, 67, 69, 0.5);
box-shadow: 0 0 16px rgba(68, 67, 69, 0.5);
display: flex;
justify-content: space-between; }
.steps ol li .pill h3 {
font-size: 16px;
line-height: 1;
padding: 10px 20px 10px 10px;
text-transform: uppercase; }
.steps ol li .number + * {
margin-left: 14px; }
.steps ol li .icon {
background: no-repeat center center;
display: inline-block;
flex: none;
height: 32px;
width: 32px;
-webkit-filter: saturate(0);
filter: saturate(0); }
.steps ol li .icon.filter {
background-image: url(../images/icon-filter.svg);
}
.steps ol li .icon.secure {
background-image: url(../images/icon-secure.png);
background-size: cover; }
.steps ol li .icon.shipping {
background-image: url(../images/icon-shipping.svg);
}
@media (min-width: 1010px) and (max-width: 1300px) {
.steps ol {
grid-gap: 40px; }
.steps ol li:not(:last-child):after {
right: -28px; }
.steps ol li .pill .number {
font-size: 36px;
height: 80px;
line-height: 80px;
width: 80px; }
.steps ol li .pill h3 {
font-size: 14px;
padding: 10px 15px 10px 10px; } }
@media (max-width: 1080px) {
.steps ol {
grid-gap: 24px; }
.steps ol li:not(:last-child):after {
right: -21px; }
.steps ol li:nth-child(even) .pill .number {
order: 2; }
.steps ol li:nth-child(even) .pill h3 {
padding: 10px 10px 10px 20px; }
.steps ol li .pill .number {
font-size: 32px;
height: 70px;
line-height: 70px;
width: 70px; }
.steps ol li .pill h3 {
font-size: 13px; } }
@media (max-width: 1009px) {
.steps {
margin-top: 30px; }
.steps .title {
text-align: center; }
.steps ol li {
max-width: 400px;
display: block;
margin: 15px auto 0; } }
@media (min-width: 1010px) {
.steps.alt li:after {
display: none; }
.steps.alt li:not(:first-child) {
position: relative; }
.steps.alt li:not(:first-child):before {
font-family: 'fontAwesome';
content: "\f105";
font-weight: normal;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #DA2125;
position: absolute;
left: -7px;
top: 50%;
font-size: 50px;
line-height: 1; } }
.steps.alt .pill {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-top-left-radius: 0;
margin-left: 48px;
border-width: 2px;
padding: 30px 45px 50px 75px;
flex-direction: column;
justify-content: flex-start;
position: relative;
align-items: flex-start; }
@media (max-width: 1009px) {
.steps.alt .pill {
margin-left: 33px;
padding: 30px 40px 50px 50px;
margin-bottom: 30px; } }
.steps.alt .pill .number {
position: absolute;
left: 0;
top: -2px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.steps.alt .pill img {
margin: 0 0 20px; }
.steps.alt .pill h3 {
margin: 0 0 10px;
padding: 0 !important; }
.steps.alt .pill p {
font-family: 'Metropolis Regular', sans-serif; }
.steps.alt .pill p:last-of-type {
margin-bottom: 0; }

a.filters-toggle {
background: url(../images/icon-filters.svg) no-repeat 10px center;
border-radius: 3px;
border: 1px solid #A8A9A8;
display: inline-block;
font-size: 18px;
margin: -10px 0 15px;
padding: 5px 12px 5px 34px; }
a.filters-toggle.close {
background-image: url(../images/icon-clear.svg);
}

@media (max-width: 767px) {
#filters {
display: none;
margin-top: 12px;
margin-bottom: 20px; } }

.filters {
display: flex;
justify-content: space-between;
align-items: center; }
@media (min-width: 768px) {
.filters {
margin-bottom: 30px; } }
.filters .group {
display: flex;
justify-content: space-between;
align-items: center;
flex: 2;
max-width: 700px; }
.filters .group:nth-child(2) {
max-width: 500px;
margin-left: 20px; }
.filters .group > * {
margin-right: 30px; }
@media (max-width: 767px) {
.filters .group > * {
margin-right: 20px; } }
.filters .group .toggle-group {
flex: 2; }

label.label {
font-family: 'Metropolis Semi Bold';
font-size: 19px;
white-space: nowrap; }

.label:hover {
opacity: 0.75; }

section .toggle-group {
background: white;
border-radius: 30px;
position: relative; }
section .toggle-group a.toggle-trigger {
transition: background 0.15s, color 0.15s;
-moz-transition: background 0.15s, color 0.15s;
-webkit-transition: background 0.15s, color 0.15s;
-o-transition: background 0.15s, color 0.15s;
color: #A8A9A8;
display: block;
padding: 20px 30px;
border: 1px solid #A8A9A8;
border-radius: 30px;
font-size: 15px;
line-height: 1; }
section .toggle-group a.toggle-trigger:after {
font-family: 'fontAwesome';
content: "\f107";
font-weight: normal;
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
color: #DA2125;
display: inline-block;
float: right; }
section .toggle-group:not(.open) a.toggle-trigger:hover {
background-color: rgba(168, 169, 168, 0.1); }
section .toggle-group .toggle-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: white;
border-radius: 30px;
border: 1px solid #A8A9A8;
border-top: 0 none;
padding: 15px;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
z-index: 5;
margin-top: -1px; }
section .toggle-group .toggle-content li {
white-space: nowrap; }
section .toggle-group .toggle-content li:not(:last-child) {
margin-bottom: 4px; }
section .toggle-group .toggle-content label {
margin-left: 4px; }
section .toggle-group .toggle-content input:checked + label {
font-family: 'Metropolis Semi Bold';
color: #1F5F99; }
section .toggle-group .toggle-content a:hover, section .toggle-group .toggle-content a.active {
color: #1F5F99; }
section .toggle-group .toggle-content a.active {
font-family: 'Metropolis Semi Bold'; }
section .toggle-group.open {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 30px 30px 0 0; }
section .toggle-group.open a.toggle-trigger {
border-radius: 30px 30px 0 0;
color: #707070; }
section .toggle-group.open a.toggle-trigger:after {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg); }
section .toggle-group.has-filters a.toggle-trigger {
color: #1F5F99;
font-family: 'Metropolis Semi Bold'; }
section .toggle-group.has-filters .toggle-trigger, section .toggle-group.has-filters .toggle-content {
border-color: #1F5F99; }

.sortbyTooltip[tooltip] { position: relative;color: blue;text-decoration: underline; }
.sortbyTooltip[tooltip]::before,.sortbyTooltip[tooltip]::after {
  text-transform: none;
  font-size: 14px;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
.sortbyTooltip[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
.sortbyTooltip[tooltip]::after {
  content: attr(tooltip);
  min-width: 300px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  white-space: normal;
  z-index: 1000;
}
.sortbyTooltip[tooltip]:hover::before,
.sortbyTooltip[tooltip]:hover::after {
  display: block;
}
.sortbyTooltip[tooltip]:not([flow])::before,
.sortbyTooltip[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
.sortbyTooltip[tooltip]:not([flow])::after,
.sortbyTooltip[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
.sortbyTooltip[tooltip]:not([flow])::before,
.sortbyTooltip[tooltip]:not([flow])::after,
.sortbyTooltip[tooltip][flow^="up"]::before,
.sortbyTooltip[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}
.sortbyTooltip[tooltip]:not([flow]):hover::before,
.sortbyTooltip[tooltip]:not([flow]):hover::after,
.sortbyTooltip[tooltip][flow^="up"]:hover::before,
.sortbyTooltip[tooltip][flow^="up"]:hover::after,
.sortbyTooltip[tooltip][flow^="down"]:hover::before,
.sortbyTooltip[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

@media (max-width: 1100px) {
section label.label {
font-size: 17px; } }

@media (max-width: 1000px) {
section .group:nth-child(2) {
margin-left: 10px; }
section .group > * {
margin-right: 15px; }
section .toggle-group {
border-radius: 24px; }
section .toggle-group a.toggle-trigger {
padding: 16px 24px;
border-radius: 24px;
font-size: 14px; }
section .toggle-group .toggle-content {
border-radius: 0 0 24px 24px;
padding: 0 24px 24px; } }

@media (min-width: 768px) and (max-width: 850px) {
section .group:nth-child(2) {
margin-left: 5px; }
section .group > * {
margin-right: 10px; }
section label.label {
font-size: 15px; }
section .toggle-group a.toggle-trigger {
padding: 16px; }
section .toggle-group .toggle-content {
padding: 0 16px 16px;
font-size: 12px; } }

@media (max-width: 767px) {
section .filters {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
align-items: unset;
background: white;
border-radius: 12px;
border: 1px solid #A8A9A8;
flex-direction: column;
padding: 20px 10px;
width: 100%; }
section .filters label.label {
font-size: 13px; }
section .filters .group {
order: 2;
margin: 20px 0 0 !important;
max-width: 700px !important;
position: relative; }
section .filters .group > *:last-child {
margin-right: 0; }
section .filters a.clear {
order: 1;
-ms-grid-row-align: center;
align-self: center; }
section .filters .toggle-group {
position: initial; }
section .filters .toggle-group.open .toggle-trigger {
z-index: 2;
position: relative;
border-bottom-color: white; }
section .filters .toggle-group a.toggle-trigger {
padding: 16px; }
section .filters .toggle-group .toggle-content {
padding: 24px;
right: 0;
border-top: 1px solid #A8A9A8;
border-radius: 24px; }
section .filters .toggle-group:last-child .toggle-content {
border-top-right-radius: 0; } }

.grid-four .card {
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.grid-four .card.highlight {
-webkit-box-shadow: 0 0 0 2px #DA2125, 0 0 10px #DA2125;
box-shadow: 0 0 0 2px #DA2125, 0 0 10px #DA2125; }
.grid-four .card .image {
background: no-repeat center center;
background-size: cover;
margin-bottom: 14%;
padding-bottom: 100%;
position: relative; }
.grid-four .card .image:after {
background: rgba(255, 255, 255, 0.2);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.grid-four .card .image * {
position: absolute;
z-index: 2; }
.grid-four .card .image img {
bottom: -12%;
height: 92%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
margin: 0; }
.grid-four .card .label, .grid-four .card a.favorite {
background-color: rgba(255, 255, 255, 0.9);
top: 10px; }
.grid-four .card a.favorite {
right: 10px;
left: auto; }
.grid-four .card div.label {
border-radius: 12px;
padding: 6px 12px 5px;
left: 10px;
line-height: 1;
display: none; }
.grid-four .card .bottom {
padding: 10px 10px 20px 10px; }
.grid-four .card .bottom .title-md {
color: #1F5F99;
text-align: center; }
.grid-four .card .bottom .flex {
display: flex;
justify-content: space-between; }
.grid-four .card .bottom .flex div {
text-align: center;
color: #707070;
line-height: 1.1;
font-size: 12px; }
.grid-four .card .bottom .flex div .price {
color: #1F5F99;
font-size: 15px;
font-family: 'Metropolis Semi Bold'; }
.grid-four .card .bottom .flex div .monthly {
color: #DA2125;
font-size: 80%; }
.grid-four .card .bottom ul a, .grid-four .card .bottom .label {
font-size: 13px; }
.grid-four .card .bottom .styled-checkbox input:empty ~ label:before {
height: 14px;
width: 14px; }
.grid-four .card .bottom .styled-checkbox.disable {
pointer-events: none;
opacity: 0.4; }
.grid-four .card .bottom .styled-checkbox.disable + .label {
pointer-events: none;
opacity: 0.4; }
.grid-four .card .bottom ul li {
margin-bottom: 2px; }
.grid-four .card .bottom ul a {
background: url(../images/icon-compare.svg) no-repeat left top;
padding-left: 26px;
background-size: 16px 16px;
display: inline-block;
line-height: 1;
min-height: 20px;
padding-top: 3px; }
.grid-four .card .bottom ul a:hover {
color: #DA2125; }
.grid-four .card .bottom .buttons {
margin-top: 20px; }
.grid-four .card .bottom .buttons a.btn {
width: calc(50% - 5px);
padding-left: 5px;
padding-right: 5px; }
.grid-four .card .bottom ul div {display: initial}
.grid-four .card .bottom ul div a {color: #444345}

@media (min-width: 920px) {
.notes {
display: flex;
justify-content: space-between;
align-items: center; } }

@media (max-width: 919px) {
.notes p {
margin-bottom: 20px; } }

.notes p {
font-size: 16px;
font-family: 'Metropolis Medium';
color: #DA2125; }

@media (max-width: 767px) {
.notes {
margin-bottom: 10px; } }

.product-page .breadcrumbs {
margin-bottom: 20px; }

.product-page .title-row {
margin-bottom: 30px; }

@media (min-width: 768px) {
.product-page #main-area {
display: flex;
justify-content: space-between; }
.product-page #main-area > *:first-child {
width: calc(43% - 20px); }
.product-page #main-area > *:last-child {
margin-left: 50px;
width: calc(57% + 20px); } }

@media (max-width: 767px) {
.product-page #main-area > *:first-child {
margin-bottom: 30px; } }

.product-page #main-area #main-image {
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
overflow: hidden;
position: relative;
margin-bottom: 20px; }
.product-page #main-area #main-image a.favorite {
left: auto;
right: 16px;
top: 16px;
-webkit-transform: scale(1.1);
transform: scale(1.1);
background-color: rgba(255, 255, 255, 0.9); }
.product-page #main-area #main-image a.favorite:hover {
background-color: white; }
.product-page #main-area #main-image .ribbon {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
background: #DA2125;
color: white;
font-family: 'Metropolis Semi Bold';
font-size: 16px;
left: -60px;
line-height: 1;
padding: 10px 0;
position: absolute;
text-align: center;
top: 25px;
width: 200px;
z-index: 1; }
.product-page #main-area #main-image a.zoom {
display: block;
padding-bottom: 80%;
position: relative; }
.product-page #main-area #main-image a.zoom img {
height: 100%;
width: 100%;
position: absolute;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover; }

.product-page #main-area ul.main-slider li:not(:first-child):not(.slick-slide) {
display: none; }

.product-page #main-area .thumbnails-and-arrows {
position: relative;
padding: 0 25px 0 45px; }
.product-page #main-area .thumbnails-and-arrows .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2; }
.product-page #main-area .thumbnails-and-arrows .slick-arrow.slick-next {
right: -10px; }
.product-page #main-area .thumbnails-and-arrows .slick-arrow.slick-prev {
left: -10px; }
@media (max-width: 767px) {
.product-page #main-area .thumbnails-and-arrows {
padding: 0 35px 0 45px; }
.product-page #main-area .thumbnails-and-arrows .slick-arrow.slick-next {
right: -5px; }
.product-page #main-area .thumbnails-and-arrows .slick-arrow.slick-prev {
left: -5px; } }
.product-page #main-area ul.thumbnails li, .product-page #main-area ul.thumbnails .slick-slide {
display: inline-block;
margin-right: 20px; }
@media (max-width: 767px) {
.product-page #main-area ul.thumbnails li, .product-page #main-area ul.thumbnails .slick-slide {
margin-right: 10px; } }
.product-page #main-area ul.thumbnails .slick-active li {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.product-page #main-area ul.thumbnails .slick-active li:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 8px;
border: 3px solid #707070;
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
-webkit-transition: all 0.15s;
transition: all 0.15s;
opacity: 0;
background: rgba(0, 0, 0, 0.1); }

.product-page #main-area ul.thumbnails .slick-current li:before {
opacity: 1; }

.product-page #main-area ul.thumbnails li {
border-radius: 8px;
overflow: hidden;
padding-bottom: 65%;
position: relative; }
.product-page #main-area ul.thumbnails li img {
height: 100%;
width: 100%;
position: absolute;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover; }

.product-page #description:not(.overflow-visible) {
overflow: hidden; }

.product-page #description a.more {
display: inline-block;
font-family: 'Metropolis Semi Bold';
font-size: 16px;
margin-bottom: 25px; }
.product-page #description a.more:hover {
text-decoration: underline; }

@media (max-width: 767px) {
.product-page #description {
margin-left: -15px;
width: calc(100% + 30px); }
.product-page #description > *:not(ul.styles) {
margin-left: 15px;
margin-right: 15px; }
.product-page #description .mCSB_container {
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box; }
.product-page #description .mCSB_scrollTools {
margin: 0 15px; } }

.product-page .section .product-cta.card {
margin: 0 0 20px;
padding: 12px; }
.product-page .section .product-cta.card .flex {
display: flex;
align-items: center; }
.product-page .section .product-cta.card img {
border-radius: 0;
margin: 0;
max-width: 100%;
width: 22%;
margin-right: 20px; }
.product-page .section .product-cta.card .btn {
font-size: 11px;
margin: 0; }
.product-page .section .product-cta.card .btn + .btn {
margin-top: 10px; }

.product-page .section .section-title .items {
color: #A8A9A8;
text-transform: uppercase;
font-size: 16px; }

.product-page .section .section-title i.fa {
color: #1F5F99;
display: inline-block;
font-size: 55%;
margin: 0 5px 3px;
vertical-align: middle; }

@media (min-width: 960px) {
.product-page .section .section-title {
display: flex;
justify-content: space-between;
align-items: flex-end; }
.product-page .section .section-title .title-lg {
margin-bottom: 0;
line-height: 1; } }

.product-page .section .product.card {
margin: 20px 0 40px 0;
max-width: 100%;
padding: 20px 0 20px 20px;
width: 100%; }
.product-page .section .product.card .sku {
min-width: 162px; }
@media (min-width: 1150px) {
.product-page .section .product.card .flex {
display: flex;
justify-content: space-between;
align-items: center; }
.product-page .section .product.card .flex .img {
width: 220px;
max-width: 100%;
height: auto;
margin-right: 20px; } }
.product-page .section .product.card .list {
flex: 2; }
.product-page .section .product.card .list li:not(:last-child) {
margin-bottom: 25px; }
.product-page .section .product.card .list .separator {
border-right: 1px solid rgba(168, 169, 168, 0.5);
height: 16px; }
.product-page .section .product.card .list h4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
font-family: 'Metropolis Semi Bold';
font-size: 16px;
margin-bottom: 20px;
min-width: 174px;
padding-left: 20px;
text-transform: uppercase; }
.product-page .section .product.card .list .line {
padding: 16px 20px;
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, #e7e4e4), to(#e7e4e4));
background: linear-gradient(90deg, white 0%, #e7e4e4 20%, #e7e4e4 100%);
border: 1px solid rgba(168, 169, 168, 0.5);
border-width: 1px 0;
display: flex;
align-items: center;
min-height: 53px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box; }
.product-page .section .product.card .list .line:nth-child(odd) .separator {
margin-right: 16px; }
.product-page .section .product.card .list .line:nth-child(even) {
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, #f3f3f3), to(#f3f3f3));
background: linear-gradient(90deg, white 0%, #f3f3f3 20%, #f3f3f3 100%);
justify-content: space-between;
padding: 10px 20px; }
.product-page .section .product.card .list .line + .line {
border-top: 0 none; }
.product-page .section .product.card .list .discount {
color: #1F5F99; }
.product-page .section .product.card .list .btn {
white-space: nowrap; }
.product-page .section .product.card .list .amount {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
white-space: nowrap; }
.product-page .section .product.card .list .amount a {
display: inline-block;
font-size: 22px;
min-width: 20px;
padding: 5px;
border-radius: 3px; }
.product-page .section .product.card .list .amount a:hover {
-webkit-box-shadow: 0 0 0 1px rgba(168, 169, 168, 0.35) inset;
box-shadow: 0 0 0 1px rgba(168, 169, 168, 0.35) inset;
background: rgba(255, 255, 255, 0.25); }
.product-page .section .product.card .list .amount input {
color: #444345;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 0 none;
-ms-grid-row-align: stretch;
align-self: stretch;
background: transparent;
border: 0 none;
font-size: 16px;
padding: 4px;
text-align: center;
width: 24px; }
.product-page .section .product.card .list .amount input:focus {
outline-color: #1F5F99; }

@media (min-width: 768px) and (max-width: 1300px) {
.product-page .section aside {
width: 250px;
margin-right: 30px; } }

@media (min-width: 768px) and (max-width: 1200px) {
.product-page .section .line:nth-child(even) .separator {
display: none; } }

@media (max-width: 1149px) {
.product-page .section .img {
margin: 0 auto 20px;
width: auto; } }

@media (max-width: 767px) {
.product-page .section aside {
margin-bottom: 25px; }
.product-page .section .product.card {
margin-top: 20px;
padding: 20px 0px 20px 20px; }
.product-page .section .product.card .list h4 {
display: none; }
.product-page .section .product.card .list .line:first-child {
display: block; }
.product-page .section .product.card .list .line:nth-child(even) {
flex-wrap: wrap; }
.product-page .section .product.card .list .line:nth-child(even) .separator {
display: none; }
.product-page .section .product.card .list .line:nth-child(even) .discount, .product-page .section .product.card .list .line:nth-child(even) .price {
margin-bottom: 10px; } }

.product-page #description h1.title-xl {
margin-bottom: 2px; }

.product-page #description .subtitle {
font-size: 18px;
margin-bottom: 20px; }

.product-page #description .rating {
border-bottom: 1px solid rgba(68, 67, 69, 0.25);
color: #DA2125;
padding-bottom: 20px;
margin-bottom: 20px; }
.product-page #description .rating span + span {
margin-left: 20px; }

.product-page #description span.gray {
color: #A8A9A8; }

.product-page #description ul.details li {
margin-bottom: 10px; }

.product-page #description .price strong {
font-size: 180%;
line-height: 1; }

.product-page #description .notice {
font-size: 13px; }
.product-page #description .notice .blue {
color: #1F5F99; }

.product-page #description .title-md {
margin: 30px 0 10px; }

.product-page #description .lg {
font-size: 17px; }
.product-page #description .lg li {
margin-bottom: 15px; }

.product-page #description .flex {
color: #A8A9A8;
margin-bottom: 25px; }
.product-page #description .flex > * {
margin-right: 10px; }
.product-page #description .flex strong {
font-family: 'Metropolis Semi Bold'; }

.product-page #description .btn.lg {
min-width: 280px; }
@media (max-width: 600px) {
.product-page #description .btn.lg {
display: block;
max-width: 100%; } }
.product-page .ratings-header {
margin-bottom: 10px; }
.product-page .ratings-header .rating {
-webkit-transform: translateY(10px);
transform: translateY(10px);
display: block; }
.product-page .ratings-header .rating a {
font-size: 18px;
margin-left: 2px; }

@media (max-width: 767px) {
.product-page .two-columns .col + .col {
margin-top: 60px; } }

body.contact #hero {
background-image: url(../images/hero-contact.jpg); }

@media (max-width: 767px) {
body.contact .map {
margin-bottom: 35px; } }

body.contact .map iframe {
width: 100%;
border: 0 none; }

body.contact section .title-lg {
margin-bottom: 35px; }

body.contact #hours {
text-align: center;
margin-top: 35px; }
body.contact #hours h4 {
color: #DA2125;
font-family: 'Metropolis Semi Bold';
text-transform: uppercase;
font-size: 15px;
margin: 20px 0 5px; }
body.contact #hours p {
max-width: 660px;
margin: 0 auto;
font-size: 17px; }
body.contact #hours p a {
color: #DA2125; }
body.contact #hours p a:hover {
text-decoration: underline; }

body.terms #hero {
background-image: url(../images/hero-contact.jpg); }

body.terms section p {
margin-bottom: 25px; }
body.terms section p + h2 {
margin-top: 50px; }

@media (min-width: 768px) {
body.free-design .contact-info a[href*="mailto:"] {
font-size: 14px; } }

body.free-design .actions {
margin-top: 12px; }

body.free-design .steps {
background: rgba(168, 169, 168, 0.2);
padding: 60px 0;
margin: 80px 0 -10px; }
body.free-design .steps.no-margin {
margin: 20px 0 30px;
background: transparent; }
@media (max-width: 767px) {
body.free-design .steps {
margin: 40px 0 -20px; }
body.free-design .steps ol li {
margin-top: 35px; }
body.free-design .steps ol li:first-child {
margin-top: 0; } }
body.free-design .two-columns {
margin-top: 50px; }
body.free-design .two-columns.no-margin {
margin-top: 0; }
body.free-design .two-columns .col {
margin-bottom: 40px; }
body.free-design .two-columns h4 {
margin-bottom: 35px; }
body.free-design .two-columns a.btn {
margin-top: 35px; }
body.free-design .two-columns .img_container {
padding-bottom: 60%;
position: relative; }
body.free-design .two-columns .img_container img {
position: absolute;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%; }
body.free-design .two-columns .padding-right .img_container {
padding-bottom: 61%; }

@media (min-width: 768px) {
body.free-design .contact-info {
margin-bottom: -15px; } }

@media (max-width: 699px) {
body.free-design .flex-horizontal {
flex-wrap: wrap; }
body.free-design .flex-horizontal .slider-nav {
width: 100%;
text-align: center;
margin: 20px 0 0; } }

@media (min-width: 700px) {
body.free-design .flex-horizontal {
position: relative; }
body.free-design .flex-horizontal .slider-nav {
position: absolute;
right: 0; } }

body.free-design .testimonial {
margin-bottom: 25px; }

body.products-listing #hero {
background-image: url(../images/hero-cabinet-style.jpg);
margin-bottom: 10px; }
body.products-listing #hero h1 {
color: #444345; }

body.products-listing a.view-mode {
width: 24px;
height: 24px;
display: inline-block;
background: url(../images/icon-list.svg) no-repeat center top;
background-size: 100% auto;
text-indent: -30000px; }
body.products-listing a.view-mode.selected {
background-position: center -24px;
pointer-events: none; }
body.products-listing a.view-mode:not(.selected):hover {
opacity: 0.6; }
body.products-listing a.view-mode.grid {
background-image: url(../images/icon-grid.svg);
margin-right: 12px; }

body.products-listing #sort {
align-items: center;
display: flex;
justify-content: space-between;
white-space: norwrap; }
body.products-listing #sort > *:not(:last-child) {
margin-right: 30px; }
body.products-listing #sort .common-form .select {
flex: 2;
max-width: 100%;
width: 200px; }
body.products-listing #sort label {
font-family: 'Metropolis Medium';
margin-right: 12px; }
body.products-listing #sort .group {
display: flex;
align-items: center; }
body.products-listing #sort .group .gray {
margin-left: 10px; }
body.products-listing #sort .gray {
color: #A8A9A8; }
@media (max-width: 1230px) {
body.products-listing #sort > *:not(:last-child) {
margin-right: 20px; }
body.products-listing #sort .common-form {
flex: 2; }
body.products-listing #sort .common-form .select {
width: auto; } }
@media (max-width: 1060px) {
body.products-listing #sort {
flex-wrap: wrap; }
body.products-listing #sort > * {
order: 1;
flex: 1 0 40%; }
body.products-listing #sort > *:last-child {
justify-content: flex-end; }
body.products-listing #sort .common-form {
order: 2;
margin-top: 10px; }
body.products-listing #sort .common-form + .common-form {
order: 3;
margin-right: 0;
justify-content: flex-end; } }
#product-list, #product-cards{position: relative;}
#product-list .filter_processing, #product-cards .filter_processing {position: absolute;
width: 100%;;
height: 100%;}
#product-list .filter_processing img, #product-cards .filter_processing img{position: sticky;
width: 50px;
height: auto;
top: 50%;
margin: 0 auto;
z-index: 5}
#product-list.active:before, #product-cards.active:before {
content: '';
background: rgba(232,232,232, 0.65) /*url(../images/loader.gif) no-repeat*/;
/*background-size: 50px auto;
background-position: center 100px;*/
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;}
ul.listings {
margin: 0 -10px; }
ul.listings .slick-slide {
margin: 10px; }
ul.listings > li, ul.listings .slick-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: white;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
display: inline-block;
max-width: 450px;
overflow: hidden;
position: relative;
text-align: center; }
ul.listings .pic {
position: relative;
padding-bottom: 100%; }
ul.listings img {
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%; }
ul.listings .body {
padding: 20px 12px; }
ul.listings .title-md {
color: #1F5F99;
margin-bottom: 0; }
ul.listings .title-sm {
margin-bottom: 10px; }
ul.listings .price {
font-family: 'Metropolis Medium';
margin-bottom: 10px; }
ul.listings .price strong {
color: #1F5F99;
font-size: 16px; }
ul.listings .price .strikethrough {
margin-right: 8px; }
ul.listings a.favorite {
left: auto;
right: 10px;
top: 10px; }
ul.listings .flex input {
margin-right: 5px; }
@media (max-width: 600px) {
ul.listings .body {
padding: 10px; }
ul.listings .body input {
margin: 0 0 10px; }
ul.listings .body .btn {
padding-left: 12px;
padding-right: 12px; } }
ul.listings.list-view {
display: block; }
ul.listings.list-view li {
display: flex;
align-items: stretch;
margin-bottom: 25px;
max-width: 100%;
text-align: left; }
ul.listings.list-view li .pic {
width: 170px;
min-height: 160px;
padding: 0; }
ul.listings.list-view li .body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 20px; }
@media (min-width: 901px) {
ul.listings.list-view li .body {
width: calc(100% - 170px);
align-items: center;
display: flex;
justify-content: space-between; } }
@media (max-width: 900px) {
ul.listings.list-view li .body {
padding: 10px;width: calc(100% - 170px); }
ul.listings.list-view li input {
margin: 0; }
ul.listings.list-view li .pic {
width: 170px;
min-height: 120px; } }
#compare {
-webkit-backdrop-filter: blur(4px);
transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.75);
position: fixed;
right: 0;
z-index: 9;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 6px 0 0 6px;
margin-top: 10px;
border: 2px solid #4593d9;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
#compare.minimize {
-webkit-transform: translateY(-50%) translateX(164px);
transform: translateY(-50%) translateX(164px); }
#compare:not(.appear) {
right: -220px; }
#compare .wrapper {
padding: 10px;
width: 190px; }
#compare .wrapper ul li {
margin-bottom: 10px; }
#compare .wrapper ul li .image {
height: 60px;
width: 80px; }
#compare .wrapper ul li .title {
margin-top: 10px;
overflow: hidden;
max-width: 80px;
max-height: 50px;
font-size: 10px;
flex: 1; }
@media (max-width: 767px) {
#compare .wrapper ul li .image {
height: 50px; }
#compare .wrapper ul li .title {
margin-top: 5px; } }
#compare .wrapper .actions a.clear {
-ms-grid-row-align: center;
align-self: center; }
@media (max-width: 1020px) {
#compare .wrapper .actions {
flex-direction: column;
flex: 0;
display: flex; }
#compare .wrapper .actions a.btn {
margin: 0 0 15px; } }
#compare .legend {
color: white;
margin: 0 0 10px 50px;
font-size: 13px;
line-height: 1.2; }
#compare ul li {
background: white;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
position: relative;
padding: 5px 20px 5px 5px;
color: #1F5F99;
display: flex; }
#compare ul li a.remove {
position: absolute;
top: 0;
right: 0;
width: 26px;
height: 26px;
/*background: url(../images/icon-clear.svg) no-repeat center center;*/
background-size: 14px 14px;
border-radius: 0 3px; }
#compare ul li a.remove:hover {
background-color: rgba(168, 169, 168, 0.25); }
#compare ul li.empty {
display: none;
background: rgba(255, 255, 255, 0.3);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px); }
#compare ul li.empty a.remove {
display: none; }
#compare ul li .title {
margin-left: 10px;
font-size: 12px;
margin-top: 12px;
font-family: "Metropolis Semi Bold"; }
#compare ul li .image {
background-size: cover;
border-radius: 5px;
width: 100px;
height: 70px; }
#compare a.clear {
color: white;
/*background-image: url(../images/icon-clear-white.svg);*/
opacity: 0.75;
margin-left: 5px; }
#compare a.clear:hover {
opacity: 1; }

.compare .actions a {
margin-right: 10px; }

.compare .actions .swipe-hint {
font-size: 12px;
font-style: italic;
margin-top: 10px; }
.compare .actions .swipe-hint:after {
font-family: 'fontAwesome';
content: "\f105";
font-weight: normal;
margin-left: 5px; }

@media (max-width: 767px) {
.compare .actions {
display: flex;
flex-wrap: wrap;
align-items: center; }
.compare .actions span.buttons {
width: 100%; } }

.table_wrapper {
overflow-x: scroll;
margin: 20px 0; }
@media (min-width: 600px) {
.table_wrapper {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.table_wrapper.fade {
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0.25; } }
@media (max-width: 767px) {
.table_wrapper {
margin-left: -15px;
width: calc(100% + 30px); } }
#compare-table {
width: 100%; }
#compare-table th, #compare-table td {
padding: 15px; }
#compare-table th:not(:first-child), #compare-table td:not(:first-child) {
min-width: 200px; }
#compare-table th:first-child, #compare-table td:first-child {
background: rgba(168, 169, 168, 0.12); }
#compare-table thead th h2 {
margin-bottom: 10px;
font-family: "Metropolis Semi Bold"; }
#compare-table thead th:not(:first-child) {
text-align: center; }
#compare-table thead th .image {
border-radius: 8px;
background-size: cover;
margin-bottom: 35px;
position: relative; }
#compare-table thead th .image:after {
background: rgba(255, 255, 255, 0.2);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
#compare-table thead th .image img {
-webkit-transform: translateY(20px);
transform: translateY(20px);
margin: 0 auto;
display: block;
max-width: 60%;
max-height: 150px;
width: auto;
height: auto;
position: relative;
z-index: 2; }
#compare-table tr {
border-bottom: 1px solid rgba(168, 169, 168, 0.25); }
#compare-table tr:nth-child(even) {
background: rgba(168, 169, 168, 0.12); }
@media (max-width: 767px) {
#compare-table {
font-size: 13px; }
#compare-table th, #compare-table td {
padding: 10px; }
#compare-table th:first-child, #compare-table td:first-child {
max-width: 100px;
min-width: 100px;
word-break: break-word; } }
#compare-toggle {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background: rgba(69, 147, 217, 0.75);
border-radius: 6px 0;
color: white;
font-size: 30px;
height: 45px;
line-height: 45px;
padding: 0 0 0 5px;
position: absolute;
left: -2px;
text-align: center;
top: -2px;
width: 45px;
-webkit-box-shadow: 0 0 0 2px #4593d9 inset;
box-shadow: 0 0 0 2px #4593d9 inset;
transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
z-index: 2; }
#compare-toggle i {
transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease; }
#compare-toggle:hover {
background: rgba(31, 95, 153, 0.75);
color: white; }

.minimize #compare-toggle i {
-webkit-transform: translateY(2px) rotate(180deg);
transform: translateY(2px) rotate(180deg); }

.mfp-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: white;
border-radius: 8px;
margin: 20px auto;
max-height: 90vh;
max-width: 1480px;
overflow-y: scroll;
padding: 20px;
position: relative;
width: auto; }
@media (max-width: 767px) {
.mfp-content {
padding: 20px 0; } }
.toggle-area {
position: relative; }
@media (min-width: 600px) {
.toggle-area a.btn.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } }
#toggle-form {
display: none; }
@media (max-width: 599px) {
#toggle-form {
padding: 20px 0; }
#toggle-form .actions {
margin-bottom: 0; } }
@media (min-width: 600px) {
#toggle-form {
background: white;
border-radius: 0 0 8px 8px;
border-top: 4px solid #DA2125;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
left: -1px;
padding: 20px 12px;
position: absolute;
text-align: left;
width: 240px;
z-index: 11; }
#toggle-form button.btn {
min-width: 120px; } }
#toggle-form input {
margin-bottom: 15px; }

body.financing #hero {
background-image: url(../images/hero-cabinet-style.jpg);
margin-bottom: 10px; }
body.financing #hero h1 {
color: #444345; }
body.financing #hero p {
max-width: 760px; }

body.financing form {
margin: 50px auto 0; }
body.financing form legend {
text-align: right; }
body.financing form .hint {
color: rgba(218, 33, 37, 0.75);
font-size: 12px;
margin: -20px 0 0 25px; }
@media (min-width: 768px) {
body.financing form .extra_margin_bottom {
margin-bottom: 33px; } }
body.financing form .actions {
text-align: center; }

body.assembly #hero {
background-image: url(../images/hero-contact.jpg); }

body.assembly .two-columns {
max-width: 700px;
margin: 70px auto 50px; }

body.assembly ul.styles {
margin: 20px 0 50px; }

body.assembly .slider-three.pictures {
margin: 0 -6px; }
body.assembly .slider-three.pictures > li, body.assembly .slider-three.pictures .slick-slide {
position: relative;
margin: 0 6px; }
body.assembly .slider-three.pictures li {
vertical-align: top; }
body.assembly .slider-three.pictures .pic {
padding-bottom: 60%;
position: relative; }
body.assembly .slider-three.pictures .pic img {
position: absolute;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%; }
body.assembly .slider-three.pictures img {
display: block;
width: 100%;
height: auto; }
body.assembly .slider-three.pictures .text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
background-color: transparent;
bottom: 0;
color: white;
font-size: 16px;
left: 0;
padding: 20px;
position: absolute;
width: 100%; }

body.assembly .slick-track {
margin-left: 0; }

body.assembly .slider-four.videos {
margin: 0 -15px; }
body.assembly .slider-four.videos > li, body.assembly .slider-four.videos .slick-slide {
position: relative;
margin: 0 15px; }
body.assembly .slider-four.videos .card {
margin-left: 0;
margin-right: 0;
padding: 10px; }

body.assembly .line-title {
display: flex;
justify-content: center;
align-items: center;
margin: -30px 0 30px;
color: #1F5F99;
font-size: 20px;
font-family: 'Metropolis Semi Bold'; }
body.assembly .line-title:before, body.assembly .line-title:after {
content: "";
border-top: 1px solid rgba(31, 95, 153, 0.25);
flex: 2; }
body.assembly .line-title:before {
margin-right: 15px; }
body.assembly .line-title:after {
margin-left: 15px; }

.small-modal .mfp-content {
max-width: 720px;
padding: 0; }

.small-modal a.link {
color: #1F5F99;
font-family: 'Metropolis Medium'; }
.small-modal a.link:hover {
text-decoration: underline; }

.modal-title {
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, rgba(231, 228, 228, 0.5)), to(white));
background: linear-gradient(90deg, white 0%, rgba(231, 228, 228, 0.5) 20%, white 100%);
border-bottom: 1px solid rgba(168, 169, 168, 0.5);
font-family: 'Metropolis Bold';
font-size: 16px;
padding: 20px; }

.modal-body {
padding: 20px; }

.modal-footer {
border-top: 1px solid rgba(168, 169, 168, 0.5);
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px; }
.modal-footer a.remove {
color: #DA2125;
font-family: 'Metropolis Semi Bold'; }
.modal-footer a.remove:hover {
text-decoration: underline; }
.modal-footer a.btn + a.btn {
margin-left: 15px; }
@media (max-width: 700px) {
.modal-footer {
flex-wrap: wrap;
text-align: center; }
.modal-footer .left {
width: 100%;
order: 2; }
.modal-footer .left + .right {
margin-bottom: 20px; }
.modal-footer .right {
order: 1;
width: 100%;
display: flex; }
.modal-footer .right a.btn {
flex: 2; } }
.divide .billing-address p {
margin-bottom: 15px; }

@media (max-width: 767px) {
.divide .billing-address {
margin-left: 30px; } }

@media (min-width: 768px) {
.divide {
display: flex;
justify-content: space-between; }
.divide > * {
width: 45%; }
.divide > *:first-child {
border-right: 1px solid rgba(168, 169, 168, 0.5);
padding-right: 5%; } }

@media (min-width: 768px) {
.specifications .flex {
display: flex;
justify-content: space-between;
align-items: center; } }

@media (max-width: 767px) {
.specifications .flex .left {
margin: 15px 0 20px; }
.specifications .flex .left .image {
padding: 20px 20px 40px;
margin-bottom: 40px; }
.specifications .flex .left .image img {
max-width: 40%;
margin-bottom: -70px; } }

.specifications .title-lg {
color: #1F5F99;
margin: 0; }

.specifications .left {
margin: 20px 25px 0 0;
align-self: flex-start;
flex: 2;
text-align: center;
min-width: 250px; }

.specifications .image {
padding: 30px 30px 50px;
border-radius: 8px;
margin-bottom: 55px; }
.specifications .image img {
max-width: 80%;
height: auto;
margin-bottom: -90px; }

.checkout .title-row .title-lg {
margin-bottom: 20px; }

.checkout a.action {
background: no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
display: inline-block;
text-indent: -30000px;
border-radius: 50%;
-webkit-transition: all 0.15s;
transition: all 0.15s;
opacity: 1; }
.checkout a.action.update {
background-image: url("../images/icon-update.svg"); }
.checkout a.action.edit {
background-image: url("../images/icon-edit.svg"); }
.checkout a.action.delete {
background-image: url("../images/icon-delete.svg"); }
.checkout a.action:hover {
background-color: rgba(31, 95, 153, 0.1);
-webkit-box-shadow: 0 0 0 5px rgba(31, 95, 153, 0.1);
box-shadow: 0 0 0 5px rgba(31, 95, 153, 0.1); }

.checkout table .number {
font-size: 120%; }

.checkout table .red {
color: #DA2125; }

.checkout table .green {
color: #4AC20E; }

.checkout table .blue {
color: #1F5F99; }

.checkout table .gray {
color: rgba(112, 112, 112, 0.7); }

.checkout section .section {
padding-top: 0; }
.checkout section .section table.cart {
width: 100%;
margin-bottom: 16px;
margin-top: 10px; }
.checkout section .section table.cart th, .checkout section .section table.cart td {
padding: 10px; }
@media (min-width: 768px) {
.checkout section .section table.cart th:first-child, .checkout section .section table.cart td:first-child {
padding-left: 22px; }
.checkout section .section table.cart th:last-child, .checkout section .section table.cart td:last-child {
padding-right: 22px; }
.checkout section .section table.cart th.manage, .checkout section .section table.cart td.manage {
white-space: nowrap; } }
@media (min-width: 1200px) {
.checkout section .section table.cart th.manage, .checkout section .section table.cart td.manage {
max-width: 42px; } }
.checkout section .section table.cart .details {
display: flex; }
.checkout section .section table.cart .details .description {
flex: 2; }
.checkout section .section table.cart .pic {
margin-right: 30px; }
.checkout section .section table.cart th {
font-family: 'Metropolis Semi Bold';
text-transform: uppercase;
font-size: 110%;
padding: 20px 10px; }
.checkout section .section table.cart .optional {
padding-top: 20px;
padding-bottom: 20px; }
.checkout section .section table.cart .optional .label {
font-size: 120%;
vertical-align: inherit;
margin-right: 10px; }
@media (max-width: 767px) {
.checkout section .section table.cart .optional {
font-size: 80%;
padding-top: 15px;
padding-bottom: 15px; } }
.checkout section .section table.cart a.action + a.action {
margin-left: 5px; }
@media (max-width: 1024px) {
.checkout section .section table.cart, .checkout section .section table.cart tbody, .checkout section .section table.cart th, .checkout section .section table.cart td, .checkout section .section table.cart tr {
display: block; }
.checkout section .section table.cart thead {
display: none; }
.checkout section .section table.cart tr {
padding: 10px 0; }
.checkout section .section table.cart td:not(:first-child):before {
content: attr(data-th) ": ";
display: inline-block;
margin-right: 10px;
font-family: 'Metropolis Semi Bold';
text-transform: uppercase;
width: 30%; }
.checkout section .section table.cart td:last-child:before {
vertical-align: bottom; }
.checkout section .section table.cart span.number + br {
display: none; }
.checkout section .section table.cart span.number + br + span.number {
margin-left: 5px; }
.checkout section .section table.cart a.action {
width: 22px;
height: 22px; }
.checkout section .section table.cart a.action:not(:last-child) {
margin-right: 5px; }
.checkout section .section table.cart .pic {
margin-right: 20px; } }
.checkout section .section table.cart.review th {
color: #1F5F99;
text-transform: none;
padding-top: 0; }
.checkout section .section table.cart.review thead tr {
border-top: 0 none; }
@media (min-width: 768px) {
.checkout section .section table.cart.review th:first-child, .checkout section .section table.cart.review td:first-child {
padding-left: 10px; }
.checkout section .section table.cart.review th:last-child, .checkout section .section table.cart.review td:last-child {
padding-right: 10px; } }
.checkout section .actions {
display: flex;
justify-content: space-between;
padding: 10px; }
.checkout section .actions .row {
flex: 2; }
.checkout section .actions a {
font-size: 13px; }
.checkout section .actions a:hover {
text-decoration: underline; }
.checkout section .actions a i:first-child, .checkout section .actions a span:first-child {
margin-right: 4px; }
.checkout section .actions a i:last-child, .checkout section .actions a span:last-child {
margin-left: 4px; }
.checkout section .actions a .fa-trash-o {
font-size: 115%; }
.checkout section .actions a span.icon {
background: no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: sub; }
.checkout section .actions a span.icon.update {
background-image: url("../images/icon-update.svg"); }
.checkout section .actions a span.icon.delete {
background-image: url("../images/icon-trash.svg"); }
.checkout section .actions a span.icon.later {
background-image: url("../images/icon-later.svg"); }
.checkout section .actions a span.icon.view {
background-image: url("../images/icon-view.svg"); }
.checkout section .actions a.red {
color: #DA2125; }
.checkout section .actions a.blue {
color: #1F5F99; }
.checkout section .actions a.gray {
color: rgba(112, 112, 112, 0.7); }

.checkout section .white_container {
margin-bottom: 24px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.checkout section .white_container a.edit:not(.action) {
opacity: 0;
pointer-events: none; }
.checkout section .white_container a.edit:not(.action):hover {
color: #1F5F99; }
.checkout section .white_container.disabled .form-title {
border-color: white;
margin-bottom: 0;
padding-bottom: 0; }
.checkout section .white_container.disabled .form-title .long_item {
opacity: 0;
pointer-events: none; }
@media (max-width: 767px) {
.checkout section .white_container.disabled .form-title .long_item {
display: none; } }
.checkout section .white_container.filled .form-title a.edit {
opacity: 1;
pointer-events: auto; }
@media (min-width: 992px) {
.checkout section .white_container .line_divider > div[class*="col"]:last-child {
border-left: 1px solid rgba(168, 169, 168, 0.5);
padding-left: 30px; }
.checkout section .white_container .line_divider > div[class*="col"]:first-child {
padding-right: 30px; }
.checkout section .white_container .line_divider > div[class*="col"] a.btn.secondary.outline {
padding-left: 0;
padding-right: 0; } }
@media (max-width: 991px) {
.checkout section .white_container .line_divider > div[class*="col"]:last-child {
border-top: 1px solid rgba(168, 169, 168, 0.5);
padding-top: 30px; }
.checkout section .white_container .line_divider > div[class*="col"]:first-child {
padding-bottom: 30px; } }
.checkout section .under_notes {
color: #DA2125;
margin-bottom: 30px; }
@media (min-width: 768px) {
.checkout section .under_notes {
margin-left: 20px; } }
.checkout aside legend {
font-family: 'Metropolis Medium';
font-size: 13px;
margin: 20px 0 10px; }

.checkout aside .output {
color: #1F5F99;
font-size: 12px; }

.checkout aside table {
width: 100%; }
.checkout aside table:not(:first-child) {
margin-top: 20px; }
.checkout aside table td {
padding: 5px 0;
vertical-align: top; }
.checkout aside table td:last-child {
text-align: right; }
.checkout aside table tr.line {
border-top: 1px solid rgba(168, 169, 168, 0.5); }
.checkout aside table tr.line td {
padding-top: 15px; }
.checkout aside table tfoot {
font-family: 'Metropolis Medium';
font-size: 120%; }
.checkout aside table tfoot tr.line {
border-bottom: 1px solid rgba(168, 169, 168, 0.5); }
.checkout aside table tfoot tr.line td {
vertical-align: middle;
padding: 15px 0; }

.checkout aside .legal {
text-align: center;
margin: 20px 0 -10px; }
.checkout aside .legal a {
color: #DA2125; }

@media (max-width: 767px) {
.checkout .logos {
margin-bottom: 20px; }
.checkout section .actions {
flex-wrap: wrap;
text-align: center; }
.checkout section .actions a {
font-size: 16px;
flex: 1 0 100%; }
.checkout section .actions a:not(:last-child) {
margin-bottom: 10px; }
.checkout section a.financing {
display: block;
width: 100%;
padding-top: 14px;
padding-bottom: 12px;
margin-bottom: 20px; } }
body.checkout section .section table.cart #cart-items td.manage{
text-align: center;}

.white_container + .checkout_logos {
margin-top: 40px; }

.white_container p + .toggles-list {
margin-top: -24px; }

@media (max-width: 767px) {
#chechout-forms {
margin-top: 24px; }
#chechout-forms .row.small-gap .col-sm-6 {
margin-bottom: 0; } }

#chechout-forms .total-row {
display: flex; }
@media (min-width: 900px) {
#chechout-forms .total-row {
justify-content: space-between;
align-items: center; }
#chechout-forms .total-row a.btn {
min-width: calc(33.33% - 8px); }
#chechout-forms .total-row .text {
margin-left: 30px;
flex: 2; } }
#chechout-forms .total-row p.legal {
margin-bottom: 0; }
@media (max-width: 899px) {
#chechout-forms .total-row {
flex-direction: column; }
#chechout-forms .total-row a.btn {
order: 2; }
#chechout-forms .total-row .text {
order: 1;
margin-bottom: 16px; } }
@media (min-width: 768px) and (max-width: 899px) {
#chechout-forms .total-row a.btn {
width: 50%;
margin: 0 auto;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px; } }
@media (max-width: 767px) {
#chechout-forms .total-row a.btn {
display: block;
width: 100%; } }
#chechout-forms .total {
font-size: 120%;
font-family: 'Metropolis Medium'; }
#chechout-forms .total .number {
color: #1F5F99;
margin-left: 5px;
font-size: 120%; }

ul.saved-cards > li:not(:first-child) {
margin-top: 15px; }

ul.saved-cards .styled-radio {
vertical-align: top; }

ul.saved-cards .label {
margin-top: 3px;
max-width: calc(100% - 32px); }
ul.saved-cards .label a.ajax-popup-link {
margin-left: 10px;
border-left: 1px solid rgba(168, 169, 168, 0.4);
padding-left: 10px;
font-family: 'Metropolis Medium';
font-size: 92%; }
ul.saved-cards .label a.ajax-popup-link:not(:hover) {
color: #444345 !important; }
ul.saved-cards .label i {
text-align: center;
width: 30px; }

ul.saved-cards .details {
margin: 5px 0 0 35px;
font-size: 92%; }
ul.saved-cards .details a {
font-family: 'Metropolis Medium';
margin-top: 5px;
display: inline-block; }

#credit-debit #billing-address .row:last-child .form_group {
margin-bottom: 0; }

.estimate-order .title-sm {
margin-bottom: 0; }

@media (min-width: 768px) {
.estimate-order table.cart td:not(:first-child), .estimate-order table.cart th:not(:first-child) {
text-align: center; }
.estimate-order table.cart td:last-child, .estimate-order table.cart th:last-child {
text-align: right; } }

.estimate-order .install-options {
max-width: 600px; }

@media (max-width: 767px) {
.estimate-order table.install-options td:before {
display: none !important; }
.estimate-order table.install-options td:last-child {
font-family: 'Metropolis Semi Bold'; }
.estimate-order .actions > * {
width: 100%; }
.estimate-order .actions * + * {
margin-top: 10px; } }

.payment-summary {
border: 1px solid rgba(168, 169, 168, 0.5);
border-radius: 3px;
margin-top: 15px; }
.payment-summary table th:first-child, .payment-summary table td:first-child {
padding-left: 5px; }
.payment-summary table th:last-child, .payment-summary table td:last-child {
padding-right: 5px; }
.payment-summary table thead tr {
border-top: 0 none; }
.payment-summary table thead th {
font-family: 'Metropolis Medium';
padding: 4px 0; }
.payment-summary table thead th:last-child {
text-align: right; }
.payment-summary table tfoot {
background: rgba(168, 169, 168, 0.2);
font-size: 100% !important; }

.side_nav {
margin: -20px -12px 0; }
.side_nav ul li {
margin: 0 !important; }
.side_nav ul li:not(:last-child) {
border-bottom: 1px solid rgba(168, 169, 168, 0.5); }
.side_nav ul li a {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
display: block;
font-family: 'Metropolis Medium';
font-size: 15px;
padding: 12px 17px; }
.side_nav ul li a:hover {
background: rgba(31, 95, 153, 0.05); }
.side_nav ul li a:before {
font-family: 'fontAwesome';
content: "\f105";
font-weight: normal;
margin-right: 4px;
color: #1F5F99;
font-size: 80%; }
.side_nav ul li.active a {
color: #1F5F99;
font-family: 'Metropolis Semi Bold'; }

.account .white_container p.gray {
font-size: 14px; }

.account .white_container .gray {
color: #707070; }
.account .white_container .gray li:not(:last-child), .account .white_container .gray br {
margin-bottom: 5px; }
.account .white_container .gray br {
content: "";
display: block; }

.account .action-row a:not(.btn) {
text-decoration: none;
display: inline-block; }
@media (min-width: 768px) {
.account .action-row a:not(.btn) {
margin-top: 20px; } }
@media (max-width: 767px) {
.account .action-row {
text-align: center; } }

@media (max-width: 767px) {
.account .section.with-sidebar {
padding-top: 0; }
.account .section.with-sidebar aside {
margin-bottom: 24px; } }

.account .address-row { display: flex;flex-wrap: wrap; justify-content: space-between; width: 100%;
}

.account .address-row-in {
width: calc(50% - 5px);margin-bottom: 10px; border-right: 1px solid #D3D4D3; border-bottom: 1px solid #D3D4D3; box-sizing: border-box;
}

.saved-cart .title-row {
align-items: baseline;
flex-wrap: wrap; }
.saved-cart .title-row .flex {
display: flex;
align-items: center;
margin-bottom: 8px; }
.saved-cart .title-row .flex .cart-name input {
font-size: 18px;
font-family: 'Metropolis Semi Bold';
color: #444345;
border: 0px;
width: 200px;
}

.edit_cart_name.edit-form a.rename-link {
margin-left: 5px;
font-size: 12px;
color: #1F5F99;}
.edit_cart_name.edit-form a.rename-link:hover {
color: #DA2125; }

.saved-cart .quote, .saved-cart .date, .saved-cart a.printer {
font-size: 90%;
margin-bottom: 8px; }

.saved-cart .price strong {
font-family: 'Metropolis Semi Bold'; }

.saved-cart a.printer {
display: inline-block;
color: #1F5F99 !important; }
.saved-cart a.printer:hover {
color: #DA2125 !important; }

.saved-cart a.btn.secondary.open {
background: rgba(69, 147, 217, 0.05);
border-color: #4593d9;
-webkit-box-shadow: 0 0 0 1px #4593d9 inset;
box-shadow: 0 0 0 1px #4593d9 inset;
color: #4593d9; }
.saved-cart a.btn.secondary.open i.fa-angle-down {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg); }

.saved-cart .button-group {
display: flex;
justify-content: space-between;
padding-top: 16px; }
.saved-cart .button-group .select {
width: 50%; }
.saved-cart .button-group .select select.common-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-size: 12px; }
.saved-cart .button-group .select.small:after {
right: 10px; }
.saved-cart .button-group .btn:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 50% !important;
margin-bottom: 0 !important; }

.saved-cart table {
width: 100%; }
.saved-cart table th {
font-family: 'Metropolis Semi Bold';
text-transform: uppercase; }
.saved-cart table th, .saved-cart table td {
font-size: 90%;
padding: 5px; }
.saved-cart table a:not(.btn):not(.edit) {
color: inherit;
text-decoration: none; }

.saved-cart .saved-cart-item .actions .btn {
margin-bottom: 16px;
display: block;
width: 100%; }

.saved-cart .saved-cart-item .actions .row .col-xs-6:first-child {
padding-right: 8px; }

.saved-cart .saved-cart-item .actions .row .col-xs-6:last-child {
padding-left: 8px; }

.saved-cart .saved-cart-item .actions .row + .btn {
margin-bottom: 0; }

@media (min-width: 1050px) {
.saved-cart .saved-cart-item {
display: flex;
justify-content: space-between; }
.saved-cart .saved-cart-item .description {
flex: 2;
margin-right: 5%; } }

@media (max-width: 1049px) {
.saved-cart .saved-cart-item .actions {
margin-top: 25px; } }

@media (max-width: 767px) {
.saved-cart table {
margin-left: -16px;
margin-right: -16px; }
.saved-cart table th:first-child, .saved-cart table td:first-child {
padding-left: 16px; }
.saved-cart .quote, .saved-cart .date, .saved-cart .price {
margin-bottom: 8px; } }

.status {
background: #E8E5E0;
padding: 6px 10px 4px;
display: inline-block;
border-radius: 3px;
font-family: 'Metropolis Medium'; }
.status.open {
background: #4AC20E;
color: white; }

@media (max-width: 767px) {
table.my-orders td:last-child:before {
display: none; }
table.my-orders td:last-child a.btn {
display: block;
width: 100%; } }

table.saved-payment-methods td i.fa {
margin-right: 6px; }

@media (min-width: 768px) {
.ticket-form textarea {
min-height: 180px; }
.ticket-form .action-row.flex {
display: flex;
align-items: flex-end;
justify-content: space-between;
max-width: 650px;
margin: 0 auto; }
.ticket-form .action-row.flex .form_group {
min-width: 300px;
margin-bottom: 0;
margin-right: 20px; }
.ticket-form .action-row.flex .form_group .upload label {
padding: 12px 36px; }
.ticket-form .action-row.flex a.btn {
max-width: 300px;
white-space: nowrap; } }

@media (max-width: 767px) {
.ticket-form .form_group {
text-align: left; } }

ul.ticket-details li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(168, 169, 168, 0.5); }
ul.ticket-details li strong {
font-family: 'Metropolis Semi Bold'; }
ul.ticket-details li .highlight {
background: rgba(69, 147, 217, 0.1);
background: -moz-linear-gradient(left, rgba(69, 147, 217, 0.1) 0%, rgba(69, 147, 217, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(69, 147, 217, 0.1)), color-stop(100%, rgba(69, 147, 217, 0)));
padding: 5px 16px;
margin-left: -16px;
margin-bottom: 5px;
font-family: 'Metropolis Medium';
color: #1F5F99; }
#login {
  max-width: 902px;
  margin: 0 auto; }
#login h1.title-lg{margin: 0 0 20px;}
  @media (min-width: 992px) {
    #login .line_divider > div[class*="col"]:last-child {
      border-left: 0 none;
      border-right: 1px solid rgba(168, 169, 168, 0.5);
      padding-right: 30px;
      padding-left: 15px; }
    #login .line_divider > div[class*="col"]:first-child {
      padding-left: 30px;
      padding-right: 15px; } }
header#header {
transition: all, 0.25s;
-moz-transition: all, 0.25s;
-webkit-transition: all, 0.25s;
-o-transition: all, 0.25s;
left: 0;
padding: 15px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10; }
header#header.bkg {
background: rgba(255, 255, 255, 0.94);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-bottom: 1px solid rgba(112, 112, 112, 0.5); }
header#header.scroll {
-webkit-overflow-scrolling: touch;
overflow-y: scroll; }
header#header a.btn {
font-size: 13px; }
header#header nav.main li {
position: relative; }
header#header nav.main a {
color: black;
font-size: 14px;
font-family: 'Metropolis Semi Bold'; }
header#header nav.main a:hover {
color: #DA2125; }
header#header nav.main a.dropdown-trigger:after {
font-family: 'fontAwesome';
content: "\f107";
font-weight: normal;
margin-left: 6px;
font-size: 80%;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
header#header nav.main a.dropdown-trigger.open {
color: #DA2125; }
header#header nav.main a.dropdown-trigger.open:after {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg); }
header#header .wrapper {
align-items: center;
display: flex;
justify-content: space-between;
position: relative; }
header#header .wrapper .dropdown-content {
display: none; }
@media (min-width: 1200px) {
header#header .wrapper nav.main {
margin: 0 30px;
flex: 2; }
header#header .wrapper nav.main > ul {
display: flex;
justify-content: space-between; }
header#header .wrapper nav.icons.mobile {
display: none; }
header#header .wrapper button.lines-button {
display: none; }
header#header .wrapper .dropdown-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: white;
border-radius: 0 0 8px 8px;
border-top: 4px solid #1F5F99;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin-top: 36px;
position: absolute;
text-align: left;
width: 240px;
z-index: 11; }
header#header .wrapper .dropdown-content ul li a {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
display: block;
padding: 6px 20px; }
header#header .wrapper .dropdown-content ul li:first-child a {
padding-top: 15px; }
header#header .wrapper .dropdown-content ul li:last-child a {
padding-bottom: 15px; }
header#header .wrapper .dropdown-content ul li a:hover {
background: rgba(232, 229, 224, 0.5); } }
header#header .wrapper nav.icons {
display: flex; }
header#header .wrapper nav.icons a.icon {
background: url(../images/icon-cs.svg) no-repeat center center;
display: inline-block;
height: 24px;
position: relative;
width: 28px;
margin-left: 15px; }
header#header .wrapper nav.icons a.icon:hover, header#header .wrapper nav.icons a.icon.open {
background-image: url(../images/icon-cs-hover.svg); }
header#header .wrapper nav.icons a.icon.user {
background-image: url(../images/icon-user.svg); }
header#header .wrapper nav.icons a.icon.user:hover, header#header .wrapper nav.icons a.icon.user.open {
background-image: url(../images/icon-user-hover.svg); }
header#header .wrapper nav.icons a.icon.cart {
background-image: url(../images/icon-cart.svg); }
header#header .wrapper nav.icons a.icon.cart:hover, header#header .wrapper nav.icons a.icon.cart.open {
background-image: url(../images/icon-cart-hover.svg); }
header#header .wrapper nav.icons a.icon.exit {
background-image: url(../images/icon-exit.svg); }
header#header .wrapper nav.icons a.icon.exit:hover, header#header .wrapper nav.icons a.icon.exit.open {
background-image: url(../images/icon-exit-hover.svg); }
header#header .wrapper nav.icons a.icon .items {
background: #DA2125;
border-radius: 3px;
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.5);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.5);
color: white;
height: 18px;
line-height: 18px;
position: absolute;
right: -15px;
text-align: center;
top: -15px;
width: 18px;
z-index: 1; }
@media (min-width: 1200px) and (max-width: 1299px) {
header#header a.logo img {
width: 180px; }
header#header .wrapper nav.main {
margin: 0 18px; }
header#header .wrapper nav.main a {
font-size: 14px; } }
@media (min-width: 1320px) {
header#header .wrapper nav.main a {
font-size: 15px; }
header#header .wrapper nav.icons a.icon {
width: 30px;
height: 26px;
background-size: contain; } }
@media (max-width: 1199px) {
header#header {
text-align: center; }
header#header .logo-container {
flex: 2;
text-align: left; }
header#header .wrapper {
flex-wrap: wrap; }
header#header .wrapper > * {
order: 1; }
header#header .wrapper nav.icons.desktop {
margin: 0 25px 0 15px; }
header#header .wrapper nav.icons.mobile {
order: 5;
width: 100%;
display: none; }
header#header .wrapper nav.main {
display: none;
margin-top: 20px;
order: 6;
padding-bottom: 20px;
width: 100%; }
header#header .wrapper nav.main li {
padding: 7px 0; }
header#header .wrapper nav.main li a {
font-size: 18px; }
header#header .wrapper nav.main li .dropdown-content {
padding: 15px 0 5px; }
header#header .wrapper nav.main li .dropdown-content li {
padding: 5px 0; }
header#header .wrapper nav.main li .dropdown-content a {
font-size: 15px;
opacity: 0.7; }
header#header.nav-is-open {
background: rgba(255, 255, 255, 0.94);
-webkit-backdrop-filter: blur(5px);
transition: all, 0s;
-moz-transition: all, 0s;
-webkit-transition: all, 0s;
-o-transition: all, 0s; }
header#header.nav-is-open nav.main {
display: block; } }
@media (min-width: 768px) and (max-width: 1199px) {
header#header .wrapper nav.main {
text-align: left;
margin-top: 10px; }
header#header .wrapper nav.main li {
padding: 12px 10px 0 0;
margin-left: calc(100vw - 404px); }
header#header .wrapper nav.main li a {
font-size: 21px;
font-family: 'Metropolis Medium'; } }
@media (max-width: 767px) {
header#header {
padding: 10px 0; }
header#header .logo-container {
flex-shrink: 2; }
header#header .logo-container img {
max-width: 100%;
height: auto; }
header#header .wrapper .btn-container {
width: 100%;
order: 3;
margin: 35px auto; }
header#header .wrapper .btn-container a.btn {
font-size: 15px; }
header#header .wrapper nav.icons.desktop a.icon {
margin-left: 5px; }
header#header .wrapper nav.icons.desktop a.icon.cs, header#header .wrapper nav.icons.desktop a.icon.exit {
display: none; }
header#header .wrapper nav.icons.mobile a.icon {
margin: 0 5px; }
header#header .wrapper .btn-container {
display: none; }
header#header.nav-is-open nav.icons.mobile, header#header.nav-is-open .btn-container {
display: block; } }
@media (min-width: 768px) {
header#header span.toggle-group {
position: relative; } }
header#header .toggle-content {
border-top: 4px solid #1F5F99;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: white;
border-radius: 0 0 8px 8px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
padding: 20px;
position: absolute;
margin-top: 30px;
right: 0;
text-align: left;
width: 240px;
z-index: 11; }
@media (max-width: 767px) {
header#header .toggle-content {
margin-top: 24px;
right: 20px; } }
header#header .toggle-content a.btn {
display: block;
margin-top: 15px;
padding: 10px; }
header#header .toggle-content .title-sm {
margin-bottom: 10px; }
header#header .toggle-content ul.user-account-items li, header#header .toggle-content ul.cart-items li {
border-bottom: 1px solid rgba(112, 112, 112, 0.25);
padding: 5px 0; }
header#header .toggle-content ul.user-account-items li a, header#header .toggle-content ul.cart-items li a {
align-items: flex-end;
display: flex;
font-size: 12px;
justify-content: space-between; }
header#header .toggle-content ul.cart-items li a .thumbnail {
border: 1px solid rgba(112, 112, 112, 0.5);
float: left;
height: 26px;
margin-right: 10px;
width: 26px; }
header#header .toggle-content ul.cart-items li a .thumbnail img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%; }
header#header .header-cart-container .toggle-content ul.cart-items{
overflow-y: auto;
max-height: 400px;}

#item-added-to-cart {
background: #4593d9 url(../images/icon-checkmark-white.svg) no-repeat 10px center;
border: 2px solid #4593d9;
border-radius: 3px;
overflow: hidden;
-webkit-box-shadow: 0 0 10px rgba(69, 147, 217, 0.5);
box-shadow: 0 0 10px rgba(69, 147, 217, 0.5);
color: white;
display: none;
font-family: 'Metropolis Semi Bold';
padding: 10px 20px 10px 40px;
pointer-events: none;
position: absolute;
right: 0;
top: 69px;
white-space: nowrap;
z-index: 12; }
#item-added-to-cart .line {
background: white;
bottom: 0;
height: 2px;
left: 0;
position: absolute;
width: 0; }
@media (max-width: 1440px) {
#item-added-to-cart {
right: 15px; } }
@media (max-width: 767px) {
#item-added-to-cart {
font-size: 12px;
top: 67px; } }
footer#footer {
background: #444345;
color: white; }
footer#footer a {
color: white; }
footer#footer .flex {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 40px 0; }
@media (min-width: 600px) {
footer#footer .flex {
align-items: center;
display: flex;
justify-content: space-between; }
footer#footer .flex ul.social {
width: 180px; } }
@media (max-width: 599px) {
footer#footer .flex {
text-align: center; }
footer#footer .flex ul.social {
max-width: 226px;
margin: 35px auto 0; } }
footer#footer ul.social {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
footer#footer ul.social a {
font-size: 24px; }
footer#footer ul.social a i.fa-twitter {
color: #1DA1F2; }
footer#footer ul.social a i.fa-pinterest {
color: #CB1F24; }
footer#footer a.logo {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
footer#footer .copyright {
background: #393839;
font-size: 12px;
padding: 20px 0;
text-align: center; }
footer#footer .copyright a {
border-left: 1px solid white;
padding-left: 8px;
margin-left: 4px; }
footer#footer h4 {
font-family: 'Metropolis Semi Bold';
margin-bottom: 10px;
font-size: 16px; }
footer#footer a.phone {
font-family: 'Metropolis Semi Bold';
font-size: 14px; }
footer#footer a.phone:before {
background: url(../images/icon-phone.svg) no-repeat center center;
background-size: contain;
content: "";
display: inline-block;
height: 18px;
margin-right: 3px;
vertical-align: middle;
width: 18px; }
footer#footer ul.logos {
display: -ms-grid;
display: grid;
-webkit-filter: brightness(100);
filter: brightness(100);
align-items: center;
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
padding-top: 30px; }
footer#footer ul.logos li {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
footer#footer ul.logos li.lg {
-ms-grid-column-span: 3;
grid-column-end: span 3; }
footer#footer ul.logos li.lg img {
max-width: 100px; }
footer#footer ul.logos img {
max-width: 60px;
max-height: 35px;
height: auto;
width: auto;
display: block;
margin: auto auto 10px auto; }
footer#footer .cols {
padding-top: 30px;
font-size: 14px;
line-height: 1.45; }
footer#footer .cols .col {
margin-bottom: 35px; }
footer#footer .cols p {
max-width: 360px;
margin-bottom: 20px; }
footer#footer .cols strong {
font-family: 'Metropolis Semi Bold'; }
footer#footer .cols .margin {
margin-top: 60px; }
@media (min-width: 850px) {
footer#footer .cols {
display: -ms-grid;
display: grid;
grid-gap: 3vw;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
footer#footer .cols .col:not(:last-child) {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
footer#footer .cols .col:last-child {
min-width: 210px; }
footer#footer .cols img.bbb {
margin-bottom: -20px; }
footer#footer .cols .col.footer-col1 .half.margin,
footer#footer .cols .col.footer-col1 ul li.half{
width: calc(50% - 20px);}
footer#footer .cols .half {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding-right: 20px;
width: 40%;
display: inline-block;
vertical-align: top; } }
.scrollToTop{
background-color: #444345;
border-radius: 50%;
border: 1px solid #ababab;
color: #FFF;
cursor: pointer;
position: fixed;
right: 78px;
bottom: 14px;
padding: 0;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
width: 54px;
height: 54px;
line-height: 54px;
text-align: center;
z-index: 9}
@media (min-height: 600px) {
.scrollToTop{
right: 94px;
bottom: 20px;
width: 60px;
height: 60px;
line-height: 60px;
}
}
@media (max-width: 480px) {

body.free-design section p {font-size: 15px;margin: 0 auto 30px;}
.subtext {font-size: 14px}

.scrollToTop{
right: 78px;
bottom: 14px;
width: 54px;
height: 54px;
line-height: 54px;
}

}
@media (max-width: 420px) {
ul.listings.list-view li{flex-direction: column;}
ul.listings.list-view li .pic, ul.listings.list-view li .body {width: 100%;}
ul.listings.list-view li .pic {min-height: 200px;}
ul.listings.list-view li .pic img{position: relative;max-width: 100%;height: auto}
}
@media (max-width: 849px) {
footer#footer .cols {
text-align: center; }
footer#footer .cols .margin, footer#footer .cols li.half + li.half {
margin-top: 40px; }
footer#footer .cols p {
margin-left: auto;
margin-right: auto; }
footer#footer .cols h4 {
font-size: 15px;
margin-bottom: 20px; }
footer#footer .cols a.phone {
font-size: 16px; }
footer#footer .cols ul.logos {
margin: 10px auto 0;
max-width: 300px; } }
html {
height: -webkit-fill-available; }

body {
-webkit-text-size-adjust: 100%;
min-height: -webkit-fill-available;
font-family: 'Metropolis Regular', sans-serif;
color: #444345;
font-size: 14px;
line-height: 1.25; }
body:after {
display: none;
content: url("../images/icon-cs-hover.svg") url("../images/icon-user-hover.svg") url("../images/icon-cart-hover.svg") url("../images/icon-exit-hover.svg"); }

.wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1400px;
padding-left: 20px;
padding-right: 20px; }
@media (max-width: 767px) {
.wrapper {
padding-left: 15px;
padding-right: 15px; } }
.text-right {
text-align: right; }

.text-left {
text-align: left; }

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


@media (max-width: 767px) {
.text-center-mobile {
text-align: center; } }

.uppercase {
text-transform: uppercase; }

.section {
padding-top: 40px;
padding-bottom: 40px; }
@media (max-width: 767px) {
.section {
padding-top: 30px;
padding-bottom: 30px; }
.section.no-padding-bottom-mobile {
padding-bottom: 0; } }
.section.top-bottom-lines {
border: 1px solid rgba(68, 67, 69, 0.25);
border-width: 1px 0; }
@media (min-width: 768px) {
.section.top-bottom-lines {
padding-bottom: 60px;
padding-top: 60px; } }
.section.top-bottom-lines + .top-bottom-lines {
border-top: 0 none; }

a {
text-decoration: none;
color: inherit; }
a[href^="tel"] {
color: inherit;
cursor: default; }

.hide {
display: none; }

@media (max-width: 767px) {
.hide-xs {
display: none; } }

@media (min-width: 768px) {
.hide-desktop {
display: none; } }

.nowrap {
white-space: nowrap; }

.stripe {
align-items: center;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: space-between; }
@media (max-width: 767px) {
.stripe li {
flex: 1 0 40%; } }
.stripe li {
margin: 10px; }
.stripe li img {
display: inline-block;
vertical-align: middle; }
.stripe li:first-child {
margin-left: 0; }
.stripe li:last-child {
margin-right: 0; }

.icons-4 .flex {
display: flex;
align-items: center; }
.icons-4 .flex .icon_circle {
margin-right: 16px; }
.icons-4 .flex .title {
font-family: 'Metropolis Semi Bold';
font-size: 20px;
flex: 2; }

.icons-4 p {
color: #707070;
margin: 10px 0 0 64px;
font-size: 16px;}
.icons-4 .blue {color: #1F5F99; font-weight: bold;}
@media (max-width: 767px) {
.icons-4 p {
margin-top: 5px; } }
.title-sm, .title-md, .title-lg, .title-xl {
font-family: 'Metropolis Semi Bold';
font-size: 18px;
margin-bottom: 24px; }
.title-sm span.red, .title-md span.red, .title-lg span.red, .title-xl span.red {
color: #DA2125; }
.title-sm span.blue, .title-md span.blue, .title-lg span.blue, .title-xl span.blue {
color: #1F5F99; }
.title-sm small, .title-md small, .title-lg small, .title-xl small {
font-family: 'Metropolis Regular', sans-serif;
font-size: 15px;
display: inline-block;
vertical-align: middle; }
.title-sm small i, .title-md small i, .title-lg small i, .title-xl small i {
color: #A8A9A8;
margin-left: 2px; }

.title-xl {
font-size: 44px;
line-height: 1.1; }
@media (max-width: 767px) {
.title-xl {
font-size: 35px; }

body.free-design section .group p {font-size: 15px;margin: 0 auto 30px;}
}
.title-lg {
font-size: 32px;
line-height: 1.1; }
@media (max-width: 767px) {
.title-lg {
font-size: 26px;margin: 10px 0 0px 0 } }
.title-md {
font-size: 24px; }

.title-xs {
font-family: 'Metropolis Semi Bold';
margin-bottom: 5px; }

span.normal {
  font-family: 'Metropolis Regular'; }
  span.normal a {
    color: #DA2125;
    text-decoration: underline; }
    span.normal a:hover {
      color: #1F5F99; }
section p {
font-size: 15px;
margin: 0 auto 30px; }
section p.small_margin {
margin-bottom: 16px; }
section p.lg {
max-width: 880px; }
section p strong {
font-family: 'Metropolis Medium'; }
section p a {
color: #1F5F99;
font-family: 'Metropolis Medium'; }
section p a:hover {
text-decoration: underline; }


.banner {
background: #B6A9A5 url(../images/kitchen-cabinets.jpg) no-repeat center center;
background-size: cover;
border-radius: 8px;
color: white;
text-align: center;
padding: 45px 15px;
position: relative;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
margin-bottom: 50px; }
.banner h3 {
font-size: 32px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
position: relative; }
.banner h3 strong {
font-family: 'Metropolis Medium'; }
.banner:before {
background: url(../images/shadow.png) no-repeat center center;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8; }
@media (max-width: 767px) {
.banner {
padding: 35px 10px; }
.banner h3 {
font-size: 28px; } }
.banner-two-pics {
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
color: white;
display: flex;
font-family: 'Metropolis Bold';
margin:20px 0 50px 0;
overflow: hidden;
text-transform: uppercase;
text-align: left; }
.banner-two-pics div {
position: relative;
background-position: center center;
background-size: cover;
padding-bottom: 41%; }
.banner-two-pics div span {
background: url(../images/shadow-oblique.png) no-repeat left bottom;
background-size: auto 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
bottom: 0;
left: 0;
padding: 120px 20px 15px;
position: absolute;
width: 100%; }
.banner-two-pics .dream {
background-color: #768CB0;
background-image: url(../images/dream.jpg);
width: 33.33%; }
.banner-two-pics .reality {
background-color: #B7B5BD;
background-image: url(../images/reality.jpg);
flex: 2; }
@media (max-width: 767px) {
.banner-two-pics div {
padding-bottom: 80%; }
.banner-two-pics .dream {
width: 50%; } }
.comparison {
text-align: center;
max-width: 900px;
margin: 0 auto 35px; }
@media (min-width: 768px) {
.comparison {
display: flex;
justify-content: space-between;
align-items: flex-start; }
.comparison .col {
width: 40%; }
.comparison .or {
max-width: 180px; } }
.comparison .row {
margin-bottom: 20px; }
.comparison .or {
position: relative;
margin-top: 48px;
flex: 1; }
.comparison .or span {
background: white;
padding: 10px;
z-index: 1;
display: inline-block; }
.comparison .or span:before {
content: "";
position: absolute;
border-top: 1px solid #DA2125;
left: 0;
width: 100%;
z-index: 0;
top: 50%;
z-index: -1; }
.comparison .icon_circle {
margin: 0 auto 15px; }
.comparison p {
color: #707070;
font-size: 15px; }
@media (max-width: 767px) {
.comparison .or {
margin: 20px auto;
max-width: 200px; } }
@media (max-width: 991px) {
.col-md-3 {
margin-bottom: 30px; } }

@media (max-width: 767px) {
.col-sm-6 {
margin-bottom: 30px; } }

ul.grid {
display: -ms-grid;
display: grid;
padding: 40px 0 50px; }
ul.grid li {
border-radius: 8px;
overflow: hidden;
background: #707070;
position: relative;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }
ul.grid li .btn {
position: absolute; }
ul.grid li .txt {
position: absolute; }
ul.grid li:nth-of-type(5n + 2) {
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row-span: 2;
grid-row-end: span 2; }
ul.grid li img {
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%; }
ul.grid li .txt {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-family: 'Metropolis Semi Bold';
height: 100px;
left: 0;
padding: 15px 10px;
text-align: left;
top: 0;
width: 100%;
z-index: 1; }
ul.grid li .txt:before {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: url(../images/shadow.png) no-repeat left top;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }
ul.grid li a.btn {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
bottom: 15px;
z-index: 1;
white-space: nowrap;
z-index: 2; }
ul.grid li a.btn:hover {
-webkit-transform: translateX(-50%) scale(1.03);
transform: translateX(-50%) scale(1.03);
background: #cce2f5; }
ul.grid li a.image-block {color: white;
}
ul.grid li a.image-link {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
color: white;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
ul.grid li a.image-link:hover img, ul.grid li a.image-block:hover img {
opacity: 0.65; }
@media (max-width: 600px) {
ul.grid {
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; } }
@media (min-width: 601px) {
ul.grid {
grid-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; } }
a.image-link {
cursor: -webkit-zoom-in;
cursor: zoom-in; }

ul.grid-six {
display: -ms-grid;
display: grid;
padding: 40px 0 50px; }
@media (max-width: 699px) {
ul.grid-six {
padding: 20px 0 25px; } }
ul.grid-six li {
border-radius: 8px;
overflow: hidden;
background: #707070;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
position: relative; }
ul.grid-six li a:before {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
content: "";
background: black;
height: 100%;
left: 0;
opacity: 0.15;
position: absolute;
top: 0;
width: 100%; }
ul.grid-six li a:hover:before {
opacity: 0; }
ul.grid-six li img {
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%; }
@media (max-width: 600px) {
ul.grid-six {
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; } }
@media (min-width: 601px) {
ul.grid-six {
grid-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; } }
ul.grid-three {
display: -ms-grid;
display: grid;
padding: 40px 0 50px; }
@media (max-width: 699px) {
ul.grid-three {
padding: 20px 0 25px; } }
@media (max-width: 600px) {
ul.grid-three {
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; } }
@media (min-width: 601px) {
ul.grid-three {
grid-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; } }
.grid-four {
padding: 20px 0 30px; }
.grid-four > li {
width: 100%; }
@media (max-width: 549px) {
.grid-four > li {
margin-bottom: 20px; } }
@media (min-width: 550px) {
.grid-four {
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
display: -ms-grid;
display: grid; } }
@media (min-width: 768px) {
.grid-four {
grid-gap: 20px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; } }
@media (min-width: 992px) {
.grid-four {
grid-gap: 25px; } }
@media (min-width: 1024px) {
.grid-four {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (min-width: 1200px) {
.grid-four {
grid-gap: 36px; } }
ul.mini-grid {
grid-gap: 15px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
display: -ms-grid;
display: grid; }

.samples-installation .row .col-sm-6:first-child {
border: 1px solid rgba(68, 67, 69, 0.25); }
.samples-installation .row .col-sm-6:first-child img {
margin: 33px 0; }

@media (min-width: 768px) {
.samples-installation .row .col-sm-6 p {
font-size: 15px; }
.samples-installation .row .col-sm-6:first-child {
border-width: 0 1px 0 0;
padding-right: 30px; }
.samples-installation .row .col-sm-6:last-child {
padding-left: 30px; }
.samples-installation .row .col-sm-6:last-child .title-lg {
max-width: 500px; } }

@media (max-width: 767px) {
.samples-installation .row .col-sm-6:first-child {
border-width: 0 0 1px 0;
padding-bottom: 30px; } }

.doors-container {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 0 auto;
margin: 20px 0px;
}
.doors-container .large-banners {
width: 54%;
display: flex;
justify-content: space-between;
}
.doors-container .large-banner {
width: 48%;
border: 0px solid #ccc;
}
.doors-container .small-banners {
width: 42%;
margin-left: 13px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.doors-container .small-banner {
width: 29%;
margin-bottom: 2%;
border: 0px solid #ccc;
}
.doors-container .small-banner img,
.doors-container .large-banner img {
width: 100%;
height: auto;
margin: 2px 0px !important;
}

.samples-installation .installation {
position: relative; }
.samples-installation .installation span {
align-items: center;
bottom: 0;
color: white;
display: flex;
font-family: 'Metropolis Medium';
height: 22%;
left: 0;
position: absolute; }
.samples-installation .installation span .center {
max-width: 120px;
margin-left: 20px; }

.samples-installation img {
display: block;
height: auto;
width: 100%; }

.flex-horizontal {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 24px; }
.flex-horizontal .title-lg {
margin-bottom: 0;
flex: 2; }
@media (max-width: 767px) {
.flex-horizontal.desktop {
display: block; }
.flex-horizontal.desktop a.btn {
margin-top: 15px;
display: block;
width: 100%; } }
@media (min-width: 768px) {
.flex-horizontal.desktop .btn.lg {
margin-top: -3px; } }
.margin-fix {
margin-left: -10px;
width: calc(100% + 20px); }

ul.products {
margin-bottom: 15px; }

a.favorite {
transition: 0.25s;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
background: rgba(255, 255, 255, 0.5) url(../images/heart-line.svg) no-repeat center center;
background-size: 16px auto;
border-radius: 3px;
height: 20px;
left: 20px;
position: absolute;
top: 20px;
width: 24px;
z-index: 1; }
a.favorite:hover {
background-color: rgba(255, 255, 255, 0.9); }
a.favorite.selected {
background-image: url(../images/heart-fill.svg);
background-color: rgba(255, 255, 255, 0.9); }

.slider-three > li .card, .slider-three .slick-slide .card {
display: block; }

.white_container {
padding: 16px 16px 20px; }
.white_container.no_side_padding {
padding-left: 0;
padding-right: 0; }
.white_container .padding {
padding-left: 16px;
padding-right: 16px; }
.white_container .bleed {
margin-left: -16px;
padding-left: 16px;
margin-right: -16px;
padding-right: 16px; }

.white_container, .card {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: white;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.card {
display: inline-block;
max-width: 450px;
position: relative; }
.card:not(.no-margin) {
padding: 12px 12px 20px;
margin: 10px; }
.card .pic {
background: #A8A9A8 no-repeat center center;
background-size: cover;
padding-bottom: 66.667%; }
.card img, .card .pic {
border-radius: 6px 6px 0 0;
display: block;
height: auto;
margin-bottom: 15px;
width: 100%; }
.card .title {
font-family: 'Metropolis Medium';
font-size: 18px;
margin-bottom: 12px; }
.card .subtitle {
font-family: 'Metropolis Medium';
font-size: 12px; }
.card .price {
text-align: right; }
.card .price strong {
color: #DA2125;
font-family: 'Metropolis Medium';
font-size: 18px; }
.card .price small {
color: #707070;
display: block;
font-size: 13px;
margin-top: 4px; }
.card .btn:not(.sm) {
display: block;
margin-top: 20px;
width: 100%; }
.card .video-thumbnail {
position: relative; }
.card .video-thumbnail:after, .card .video-thumbnail:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 50px;
height: 50px; }
.card .video-thumbnail:after {
border-radius: 50%;
background: #DA2125;
background: -moz-linear-gradient(left, #DA2125 0%, #b71c1f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #DA2125), color-stop(100%, #b71c1f)); }
.card .video-thumbnail:before {
background: url(../images/icon-play.svg) no-repeat center center;
z-index: 2; }

a.card {
-webkit-transition: all 0.2s;
transition: all 0.2s; }
a.card:hover {
background: rgba(232, 229, 224, 0.25);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(168, 169, 168, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(168, 169, 168, 0.5); }
a.card:hover .video-thumbnail:after {
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.9);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.9); }

.slick-arrow {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
background: #DA2125;
background: -moz-linear-gradient(left, #DA2125 0%, #b71c1f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #DA2125), color-stop(100%, #b71c1f));
border: 0 none;
border-radius: 50%;
display: inline-block;
cursor: pointer;
height: 48px;
line-height: 48px;
padding: 0;
text-align: center;
width: 48px;
color: white;
font-size: 20px;
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.5);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.5); }
@media (max-width: 767px) {
.slick-arrow {
width: 36px;
height: 36px;
font-size: 18px;
line-height: 36px; }
.slick-arrow + .slick-arrow {
margin-left: 5px; } }
.slick-arrow:hover {
-webkit-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.9);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.9); }
.slick-arrow:focus {
outline: 0 none; }
.slick-arrow.slick-disabled {
color: #DA2125;
-webkit-box-shadow: 0 0 12px rgba(68, 67, 69, 0.25);
box-shadow: 0 0 12px rgba(68, 67, 69, 0.25);
background: white;
pointer-events: none; }
.slick-arrow + .slick-arrow {
margin-left: 10px; }

ul.slick-dots {
margin-top: 20px;
text-align: center; }
ul.slick-dots li {
padding: 0;
margin: 0 3px;
display: inline-block; }
ul.slick-dots li button {
transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #D2D0D2;
border: 0 none;
border-radius: 50%;
cursor: pointer;
height: 6px;
padding: 0;
text-indent: -30000px;
width: 6px; }
ul.slick-dots li button:focus {
outline: 0 none; }
ul.slick-dots li:not(.slick-active) button:hover {
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5); }
ul.slick-dots li.slick-active button {
background: #DA2125;
-webkit-box-shadow: 0 0 12px rgba(218, 33, 37, 0.5);
box-shadow: 0 0 12px rgba(218, 33, 37, 0.5); }

#customers {
text-align: center;
margin-top: 35px; }
#customers .slick-arrow {
position: absolute;
bottom: 0;
right: 60px;
z-index: 2; }
#customers .slick-arrow.slick-prev {
margin-right: 55px; }
#customers #testimonials p {
line-height: 1.5;
font-size: 16px; }
#customers #testimonials p.max {
max-width: 420px;
font-size: 16px;
margin: 0 auto 40px; }
#customers #map { height: 480px; width: 100%; z-index: 9 }
@media (min-width: 768px) {
#customers {
display: flex;
align-items: stretch;
position: relative; }
#customers #testimonials {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 50%; } }
#customers #map { margin: 30px 0 0 0 }
@media (min-width: 1000px) {
#customers #testimonials {
padding: 0 40px; } }
@media (min-width: 1300px) {
#customers .slick-arrow {
right: 90px; } }
@media (max-width: 767px) {
#customers #testimonials p.max {
margin-bottom: 20px; }
#customers ul.slider-testimonials li {
padding-right: 20px; }
#customers .slick-arrow {
right: 20px; }
#customers .slick-arrow.slick-prev {
margin-right: 45px; } }
.breadcrumbs a {
color: #707070;
font-size: 13px; }
.breadcrumbs a:hover {
color: #444345;
text-decoration: underline; }
.breadcrumbs a:not(:last-child) {
position: relative;
margin-right: 36px; }
.breadcrumbs a:not(:last-child):after {
font-family: 'fontAwesome';
content: "\f105";
font-weight: normal;
color: #DA2125;
font-size: 18px;
position: absolute;
right: -25px;
line-height: 1;
top: -4px; }

.pagination {
text-align: center;
margin: 40px 0; }
.pagination a {
transition: all 0.15s;
-moz-transition: all 0.15s;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
border-radius: 50%;
font-family: 'Metropolis Medium';
color: #1F5F99;
border: 1px solid #1F5F99;
font-size: 12px;
height: 18px;
line-height: 18px;
margin: 4px;
width: 18px;
display: inline-block;
vertical-align: middle; }
.pagination a.active {
color: white;
background: #1F5F99;
cursor: default; }
.pagination a:not(.arrow):not(.active):hover {
background: rgba(31, 95, 153, 0.25); }
.pagination a.arrow {
font-size: 14px;
border: 0 none; }

@media (max-width: 767px) {
.reverse-order-on-mobile {
display: flex;
flex-direction: column; }
.reverse-order-on-mobile > *:first-child {
order: 2; }
.reverse-order-on-mobile > *:last-child {
order: 1; } }

ul.checkmarks {
font-size: 16px;
margin-bottom: 25px; }
ul.checkmarks li {
padding-left: 24px;
background: url(../images/icon-checkmark.svg) no-repeat left 1px;
background-size: 16px auto;
margin-bottom: 5px; }

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #c2c2c2;
height: 6px;
margin-top: 4px; }

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
background-color: #A8A9A8;
height: 1px; }

span.yes, span.no {
background: url(../images/icon-checkmark.svg) no-repeat left 1px;
background-size: contain;
display: inline-block;
width: 20px;
height: 20px;
text-indent: -3000px;
text-align: left; }

span.no {
/*background-image: url(../images/icon-clear.svg);*/
opacity: 0.6; }

a.clear {
transition: all 0.15s;
-moz-transition: all 0.15s;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
/*background: url(../images/icon-clear.svg) no-repeat left center;*/
background-size: 12px 12px;
font-family: 'Metropolis Semi Bold';
line-height: 1;
padding-left: 20px; }
a.clear.disabled {
opacity: 0.5;
pointer-events: none; }
a.clear:not(.disabled):hover {
opacity: 0.8; }

.toggle-content, .slideToggle-content {
display: none; }
.toggle-content.visible, .slideToggle-content.visible {
display: block; }

@media (min-width: 768px) {
.mobile-toggle-trigger {
pointer-events: none;
color: inherit; } }

@media (max-width: 767px) {
.mobile-toggle-trigger {
display: block; }
.mobile-toggle-trigger:after {
font-family: 'fontAwesome';
content: "\f107";
font-weight: normal;
float: right;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: inline-block; } }

.mobile-toggle-trigger.open:after {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg); }

@media (max-width: 767px) {
.mobile-toggle-content {
display: none; } }

.styled-checkbox {
display: contents;
vertical-align: middle;
line-height: 1;
margin-right: 6px; }
.styled-checkbox input:empty {
margin-left: -99999px;
position: absolute; }
.styled-checkbox input:empty ~ label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.styled-checkbox input:empty ~ label:before {
transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
-webkit-transition: background-color 0.1s;
-o-transition: background-color 0.1s;
content: "";
background: #EEEEEE;
border: 1px solid #444345;
display: inline-block;
font-size: 15px;
height: 18px;
line-height: 18px;
text-align: center;
width: 18px; }
.styled-checkbox input:hover:not(:checked) ~ label:before {
background: #DAD8DC; }
.styled-checkbox input:checked ~ label:before {
border-color: #DA2125;
background: #DA2125 url(../images/icon-checkmark-white.svg) no-repeat center center;
background-size: 14px auto; }
.styled-checkbox input.some:checked ~ label:before {
background-color: rgba(218, 33, 37, 0.25); }
.styled-checkbox + .label {
cursor: default;
display: inline-block;
/*white-space: nowrap;*/
max-width: calc(100% - 32px); }

.styled-radio {
display: inline-block;
line-height: 1;
margin-right: 6px;
vertical-align: middle; }
.styled-radio input:empty {
margin-left: -99999px;
position: absolute; }
.styled-radio input:empty ~ label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.styled-radio input:empty ~ label:before {
transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
-webkit-transition: background-color 0.1s;
-o-transition: background-color 0.1s;
content: "";
background: #EEEEEE;
border: 1px solid #444345;
display: inline-block;
font-size: 15px;
height: 18px;
line-height: 18px;
text-align: center;
width: 18px;
border-radius: 50%; }
.styled-radio input:hover:not(:checked) ~ label:before {
background: #DAD8DC; }
.styled-radio input:checked ~ label:before {
background: #DA2125;
-webkit-box-shadow: 0 0 0 3px #EEEEEE inset;
box-shadow: 0 0 0 3px #EEEEEE inset; }
.styled-radio input.some:checked ~ label:before {
background-color: rgba(218, 33, 37, 0.25); }
.styled-radio + .label {
cursor: default;
display: inline-block; }
.styled-radio + .label strong {
font-family: 'Metropolis Medium'; }

@media (min-width: 1024px) {
.contact-info ul:not(.one_col) {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.contact-info ul:not(.one_col) li {
flex: 1 0 45%; }
.contact-info ul:not(.one_col) li:nth-child(even) {
margin-left: 15px; }
.contact-info ul:not(.one_col) li:nth-child(odd) {
margin-right: 15px; } }

.contact-info ul li {
margin-bottom: 15px;
font-size: 15px; }

.contact-info ul .address {
margin-left: 32px;
font-size: 13px; }

.contact-info ul i {
font-size: 12px; }

@media (max-width: 767px) {
.contact-info {
margin-bottom: 35px; } }

.contact-info span.icon {
background: url(../images/icon-sm-phone.svg) no-repeat center center;
display: inline-block;
height: 22px;
margin-right: 5px;
vertical-align: middle;
width: 22px;
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.contact-info span.icon.chat {
background-image: url(../images/icon-sm-chat.svg); }
.contact-info span.icon.email {
background-image: url(../images/icon-sm-email.svg); }
.contact-info span.icon.hours {
background-image: url(../images/icon-sm-hours.svg); }
.contact-info span.icon.location {
background-image: url(../images/icon-sm-location.svg); }

.contact-info a:not([href*='tel:']):hover {
text-decoration: underline; }

@media (min-width: 768px) {
.flex-vertical {
display: flex;
flex-direction: column; }
.flex-vertical .group {
flex: 2; }
.flex-vertical .bottom {
align-self: flex-end; } }

@media (min-width: 768px) {
.two-columns {
display: flex;
justify-content: space-between; }
.two-columns .col {
max-width: 50%;
flex: 1; }
.two-columns .col.padding-right {
padding-right: 25px; }
.two-columns .col.padding-right.border {
border-right: 1px solid rgba(68, 67, 69, 0.25); }
.two-columns .col.padding-left {
padding-left: 25px; }
.two-columns .col.wide {
flex: 2; }
.two-columns .col.wide:first-child {
padding-right: 50px; }
.two-columns .col.wide:last-child {
padding-left: 50px; } }

img.rounded {
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
width: 100%;
height: auto; }

.with-sidebar {
display: flex;
position: relative; }
@media (max-width: 767px) {
.with-sidebar {
flex-direction: column; } }
@media (min-width: 768px) {
.with-sidebar {
justify-content: space-between; }
.with-sidebar section {
flex: 2;
order: 1; }
.with-sidebar aside {
width: 260px;
margin-right: 50px; }
.with-sidebar aside.wide {
width: 310px; }
.with-sidebar aside.right {
order: 2;
margin-right: 0;
margin-left: 50px; } }
.categories.card {
padding: 0;
margin: 0;
display: block; }
div#filters, div#cab-left-categories { position:relative; }
div#filters .filter_processing, div#cab-left-categories .filter_processing{position: absolute;
width: calc(100% - 24px);
height: 100%;}
div#filters .filter_processing img, div#cab-left-categories .filter_processing img {position: sticky;
width: 50px;
height: auto;
top: 50%;
margin: 0 auto;
z-index: 5}
div#filters.active:before, div#cab-left-categories.active:before {
content: '';
background: rgba(232,232,232, 0.65) /*url(../images/loader.gif) no-repeat*/;
/*background-size: 50px auto;
background-position: center 100px;*/
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;}
.categories.card > * {
padding: 20px 12px; }
.categories.card .header {
border-bottom: 1px solid rgba(168, 169, 168, 0.5); }
.categories.card .header h4 {
background: url(../images/icon-categories.svg) no-repeat left center;
padding-left: 26px;
background-size: 20px auto;
margin: 0; }
.categories.card .header h4.summary-icon {
background-image: url(../images/icon-summary.svg); }
.categories.card .header h4.account-icon {
background-image: url(../images/icon-account.svg); }
#filters .items .item .sub_item{
position: relative}
#filters .selected-filters .item {z-index: 1}
#filters .items .item button.filter_remove{
background: url(../images/icon-clear.svg);
background-size: contain;
border: 0;
cursor: pointer;
display: inline-block;
width: 14px;
vertical-align: middle;
height: 14px;
opacity: 0.7;
text-indent: -30000px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9999999999}
.categories.card a.remove {
/*background: url(../images/icon-clear.svg);*/
background-size: contain;
display: inline-block;
width: 12px;
vertical-align: middle;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
height: 12px;
text-indent: -30000px;
opacity: 0.7;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.categories.card a.remove:hover {
opacity: 1; }
.categories.card .body .title-sm {
margin-bottom: 10px; }
.categories.card .body .selected-filters {
display: none;
margin-bottom: 16px; }
.categories.card .body .selected-filters-list {
border-radius: 3px;
padding: 10px;
color: #8e908e;
background: rgba(168, 169, 168, 0.1);
margin-bottom: 16px; }
.categories.card .body .selected-filters-list .item:not(:last-child) {
margin-bottom: 12px; }
.categories.card .body .selected-filters-list h6 {
text-transform: uppercase;
font-family: 'Metropolis Medium';
font-size: 12px; }
.categories.card .body .filters-group {
padding-bottom: 16px;max-height: 430px;}
.categories.card .body .search {
position: relative;
margin-bottom: 16px; }
.categories.card .body .search input {
padding-right: 40px; }
.categories.card .body .search button {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url(../images/icon-search.svg) no-repeat center center;
background-size: 60% auto;
border-radius: 20px;
border: 1px solid transparent;
height: 30px;
position: absolute;
right: 10px;
text-indent: -3000px;
top: 3px;
width: 30px;
cursor: pointer; }
.categories.card .body .search button:hover {
background-color: rgba(31, 95, 153, 0.05); }
.categories.card .body li {
margin-top: 10px; }
.categories.card .body > ul {
padding: 10px 0; }
.categories.card .body > ul > li {
font-family: 'Metropolis Semi Bold';
font-size: 16px; }
.categories.card .body > ul > li > ul {
padding-left: 28px;}
#filters.categories.card .body > ul > li > ul {
padding-left: 28px; max-height: 400px }
.categories.card .body > ul > li > ul > li {
font-size: 15px;
font-family: 'Metropolis Semi Bold'; }
.categories.card .body > ul > li > ul > li a {
margin-top: 1px; }
.categories.card .body > ul > li > ul > li > ul {
padding-left: 27px; }
.categories.card .body > ul > li > ul > li > ul > li {
font-size: 14px;
font-family: 'Metropolis Regular', sans-serif; }
.categories.card .body .styled-checkbox + * {
display: inline-block; }
.categories.card .body a.slideToggle-trigger {
position: relative;
padding-left: 20px;
line-height: 1;
vertical-align: top;
max-width: calc(100% - 52px); }
.categories.card .body a.slideToggle-trigger:hover {
color: #DA2125; }
.categories.card .body a.slideToggle-trigger:before, .categories.card .body a.slideToggle-trigger:after {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
content: "";
width: 12px;
border-top: 2px solid #DA2125;
position: absolute;
left: 0;
top: 7px; }
.categories.card .body a.slideToggle-trigger:after {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg); }
.categories.card .body a.slideToggle-trigger.open:after {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg); }
.categories.card .body a.slideToggle-trigger span, .categories.card .body label span, .categories.card .body .label span, .categories.card .body .title-sm span {
color: #A8A9A8;
font-size: 90%;
font-family: 'Metropolis Regular', sans-serif; }

.middle {
max-width: 750px;
margin: 0 auto; }

ul.styles:not(.no_scroll) {
overflow: hidden;
position: relative;
white-space: nowrap; }

ul.styles.no_scroll {
text-align: center;
margin-right: -5px !important; }
ul.styles.no_scroll li:not(:last-child) {
margin-right: 5px;
margin-bottom: 10px; }
ul.styles.no_scroll li img {
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box; }

ul.styles li {
display: inline-block;
font-family: 'Metropolis Semi Bold';
font-size: 8px;
line-height: 1;
text-align: center;
text-transform: uppercase;
vertical-align: top;
width: 61px;
white-space: normal; }
ul.styles li:not(:last-child) {
margin-right: 20px; }
ul.styles li a {
display: block; }
ul.styles li img {
border: 4px solid white;
display: block;
height: auto;
margin-bottom: 3px;
max-width: 100%; }
ul.styles li.selected img {
border-color: #DA2125; }

ul.styles.lg li {
width: 94px; }
ul.styles.lg li:not(:last-child) {
margin-right: 30px; }

.price .strikethrough {
color: #DA2125;
text-decoration: line-through; }

.price strong {
color: #444345;
font-family: 'Metropolis Regular';
font-weight: normal; }

.tab_content:not(:first-child) {
display: none; }

ul.logos {
white-space: nowrap; }
ul.logos li {
display: inline-block;
vertical-align: middle;
margin-left: 5px; }
ul.logos li img {
display: block; }

.notice-box {
background: #F5F5F5;
border-radius: 8px;
margin-bottom: 15px;
padding: 20px; }
.notice-box strong {
font-family: 'Metropolis Medium'; }
.notice-box.outline {
background: white;
border: 1px solid rgba(68, 67, 69, 0.2);
color: rgba(68, 67, 69, 0.5); }
.notice-box a.close {
color: rgba(68, 67, 69, 0.25);
float: right;
font-size: 16px;
margin-left: 5px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.notice-box a.close:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
color: rgba(68, 67, 69, 0.5); }
.notice-box a.close:before {
content: "\f057";
font-family: 'fontAwesome'; }
.notice-box a:not(.close) {
color: #1F5F99; }
.notice-box a:not(.close):hover {
text-decoration: underline; }

.title-row p {
font-size: 15px;
margin-bottom: 15px; }
.title-row p a {
color: #DA2125;
text-decoration: underline; }
.title-row p a:hover {
color: #1F5F99; }

@media (min-width: 768px) {
.title-row {
display: flex;
justify-content: space-between; }
.title-row.end {
justify-content: end; } }

p.blue {
color: #1F5F99; }
p.blue strong {
font-family: 'Metropolis Medium'; }

.strikethrough {
text-decoration: line-through; }

.checkout_logos {
position: relative;
border: 3px solid #1F5F99;
margin-bottom: 40px;
padding: 40px 60px;
border-radius: 0 24px 24px 24px; }
.checkout_logos h3 {
color: #1F5F99;
position: absolute;
top: 0;
background: white;
font-family: 'Metropolis Medium';
font-size: 20px;
padding: 10px;
-webkit-transform: translateY(-50%) translateX(-10px);
transform: translateY(-50%) translateX(-10px); }
.checkout_logos h3 strong {
color: #DA2125; }
.checkout_logos ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
@media (max-width: 1255px) {
.checkout_logos {
padding: 30px 40px 20px; }
.checkout_logos ul li {
flex: 0 0 15%;
margin: 5px; } }
@media (max-width: 767px) {
.checkout_logos {
padding: 30px; } }
.row.small-gap {
margin-left: -6px;
margin-right: -6px; }
.row.small-gap div[class*="col-"] {
padding-right: 6px;
padding-left: 6px; }
.row.small-gap .select:after {
right: 30px; }

table.striped tr {
border-top: 1px solid rgba(168, 169, 168, 0.5); }
table.striped tr:last-child {
border-bottom: 1px solid rgba(168, 169, 168, 0.5); }

table.striped tbody tr:nth-child(odd) {
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, rgba(231, 228, 228, 0.5)), to(white));
background: linear-gradient(90deg, white 0%, rgba(231, 228, 228, 0.5) 20%, white 100%); }

table.striped strong {
font-family: 'Metropolis Medium'; }

table.responsive {
width: 100%; }
table.responsive th {
font-family: 'Metropolis Semi Bold'; }
table.responsive th, table.responsive td {
padding: 10px; }
@media (max-width: 767px) {
table.responsive thead {
display: none; }
table.responsive tr {
display: block; }
table.responsive td {
display: block;
text-align: right;
padding-left: 0;
padding-right: 0; }
table.responsive td:first-child {
padding-top: 20px; }
table.responsive td:last-child {
padding-bottom: 20px; }
table.responsive td:before {
content: attr(data-label) ":";
float: left;
font-family: 'Metropolis Semi Bold'; } }





.switch {
position: relative;
display: block;
vertical-align: top;
width: 100px;
height: 30px;
padding: 3px;
margin: 0 10px 10px 0;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
border-radius: 18px;
box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer;
box-sizing:content-box;
}
.switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
box-sizing:content-box;
}
.switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
position: absolute;
top: 50%;
margin-top: -.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
box-sizing:content-box;
}
.switch-label:before {
content: attr(data-off);
right: 11px;
color: #aaaaaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
content: attr(data-on);
left: 11px;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}
.switch-input:checked ~ .switch-label {
background: #E1B42B;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
opacity: 1;
}
.switch-handle {
position: absolute;
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
border-radius: 100%;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
border-radius: 6px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
left: 74px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}



.switch-flat {
padding: 0;
background: #FFF;
background-image: none;
}
.switch-flat .switch-label {
background: #FFF;
border: solid 2px #eceeef;
box-shadow: none;
}
.switch-flat .switch-label:after {
color: #0088cc;
}
.switch-flat .switch-handle {
top: 6px;
left: 6px;
background: #dadada;
width: 22px;
height: 22px;
box-shadow: none;
}
.switch-flat .switch-handle:before {
background: #eceeef;
}
.switch-flat .switch-input:checked ~ .switch-label {
background: #FFF;
border-color: #0088cc;
}
.switch-flat .switch-input:checked ~ .switch-handle {
left: 72px;
background: #0088cc;
box-shadow: none;
}