html { font-size: 100%; }

body {
  font-family: "proxima-nova", Helvetica, "Microsoft JhengHei", 微軟正黑體, SimHei, Arial, sans-serif;
  font-size: 0.8rem;
  color: #333;
}

a {
  color: #333
}

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

html,
body,
.push-container,
.push-html {
  height: 100%;
}

main {
  position: relative;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
}

.push-html {
  /*overflow: auto;*/
  /*overflow-y: auto;*/
  overflow-x: hidden;
}
.push-html {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.push-html,
.push-body {
  position: relative;
}

.modal-open .push-body {
  overflow: hidden;
  height: 100%
}

.push-container {
  position: relative;
  overflow: hidden;
}

.menu-trigger {
  position: absolute;
  top: 0; left: 15px; bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 30px;
  width: 30px;
  cursor: pointer;
  /*padding-left: 60px;*/
  /*font-size: 0.9em;*/
}
.menu-trigger>span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.menu-trigger>span:before,
.menu-trigger>span:after {
  content: '';
  display: block;
  position: absolute;
}
.menu-trigger>span,
.menu-trigger>span:before,
.menu-trigger>span:after {
  height: 2px;
  width: 30px;
  background-color: #333;
  border-radius: 2px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.menu-trigger>span:before { top: 8px }
.menu-trigger>span:after { top: -8px }
.mp-pushed .menu-trigger>span {
  background-color: transparent;
}
.mp-pushed .menu-trigger>span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mp-pushed .menu-trigger>span:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.mp-pusher {
  position: relative;
  left: 0;
  height: 100%;
}

.mp-menu {
  position: absolute; /* we can't use fixed here :( */
  top: 0;
  left: 0;
  z-index: 1;
  width: 300px;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  cursor: auto;
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: '';
  opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
  /*background: rgba(0,0,0,0.3);*/
  -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
  z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
  cursor: pointer;
  overflow: auto;
}

.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1;
}

.mp-pusher,
.mp-level {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
  box-shadow: 1px 0 2px rgba(0,0,0,0.2);
  -webkit-transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mp-menu h2 {
  margin: 0;
  padding: 1em;
  color: rgba(0,0,0,0.4);
  text-shadow: 0 0 1px rgba(0,0,0,0.1);
  font-weight: 300;
  font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 8px;
  font-size: 75%;
  line-height: 1.8;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

.mp-menu ul li > a {
  display: block;
  /*padding: 0.7em 1em 0.7em 1.8em;*/
  padding: 0.7em 1em 0.7em 1em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0,0,0,0.2);
  text-shadow: 0 0 1px rgba(255,255,255,0.1);
  font-size: 1.4em;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
  position: absolute;
  left: 10px;
  z-index: -1;
  color: rgba(0,0,0,0.2);
  line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
  background: rgba(0,0,0,0.2);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
  background: rgba(0,0,0,0.1);
  outline: none;
  /*color: #333;*/
  color:rgba(0,0,0,0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  font-size: 0.8em;
  padding: 1em;
  position: relative;
  box-shadow: inset 0 1px rgba(0,0,0,0.1);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

.mp-back::after {
  /*font-family: 'linecons';*/
  position: absolute;
  content: "\3009";
  font-weight: 700;
  right: 10px;
  font-size: 1.3em;
  /*color: rgba(0,0,0,0.3);*/
  color: rgba(0,0,0,0.4);
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
  background: transparent;
  box-shadow: none;
  color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
  padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
  display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
  display: block;
}

.push-body:after {
  content: '';
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 101;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.mp-pushed .push-html {
  overflow: hidden;
}
.mp-pushed .push-body:after {
  visibility: visible;
  opacity: .3;
}
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// RangeSlider */
.irs {
  position: relative; display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.irs-line {
  position: relative; display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute; display: block;
  top: 0;
}
.irs-line-left {
  left: 0; width: 11%;
}
.irs-line-mid {
  left: 9%; width: 82%;
}
.irs-line-right {
  right: 0; width: 11%;
}
.irs-bar {
  position: absolute; display: block;
  left: 0; width: 0;
}
.irs-bar-edge {
  position: absolute; display: block;
  top: 0; left: 0;
}
.irs-shadow {
  position: absolute; display: none;
  left: 0; width: 0;
}
.irs-slider {
  position: absolute; display: block;
  cursor: default;
  z-index: 1;
}
.irs-slider.single {}
.irs-slider.from {}
.irs-slider.to {}
.irs-slider.type_last {
  z-index: 2;
}
.irs-min {
  position: absolute; display: block;
  left: 0;
  cursor: default;
}
.irs-max {
  position: absolute; display: block;
  right: 0;
  cursor: default;
}
.irs-from, .irs-to, .irs-single {
  position: absolute; display: block;
  top: 0; left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute; display: none;
  bottom: 0; left: 0;
  width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0; left: 0;
  width: 1px; height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0; left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px; line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute; display: block;
  top: 0; left: -1%;
  width: 102%; height: 100%;
  cursor: default;
  background: rgba(0,0,0,0.0);
  z-index: 2;
}
.irs-disabled {
  opacity: 0.4;
}
.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40);
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs {
height:55px
}
.irs-with-grid {
height:75px
}
.irs-line {
height:10px;
top:33px;
background:#EEE;
background:linear-gradient(to bottom,#DDD -50%,#FFF 150%);
border:1px solid #CCC;
border-radius:16px;
-moz-border-radius:16px
}
.irs-line-left {
height:8px
}
.irs-line-mid {
height:8px
}
.irs-line-right {
height:8px
}
.irs-bar {
height:10px;
top:33px;
border-top:1px solid #428bca;
border-bottom:1px solid #428bca;
background:#428bca;
background:linear-gradient(to top,rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%)
}
.irs-bar-edge {
height:10px;
top:33px;
width:14px;
border:1px solid #428bca;
border-right:0;
background:#428bca;
background:linear-gradient(to top,rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);
border-radius:16px 0 0 16px;
-moz-border-radius:16px 0 0 16px
}
.irs-shadow {
height:2px;
top:38px;
background:#000;
opacity:.3;
border-radius:5px;
-moz-border-radius:5px
}
.lt-ie9 .irs-shadow {
filter:alpha(opacity=30)
}
.irs-slider {
top:32px;
width:12px;
height:12px;
border:1px solid #AAA;
background:#DDD;
background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);
border-radius:27px;
-moz-border-radius:27px;
box-shadow:1px 1px 3px rgba(0,0,0,0.3);
cursor:pointer
}
.irs-slider.state_hover,.irs-slider:hover {
background:#FFF
}
.irs-min,.irs-max {
color:#333;
font-size:12px;
line-height:1.333;
text-shadow:none;
top:0;
padding:1px 5px;
background:rgba(0,0,0,0.1);
border-radius:3px;
-moz-border-radius:3px
}
.lt-ie9 .irs-min,.lt-ie9 .irs-max {
background:#ccc
}
.irs-from,.irs-to,.irs-single {
color:#fff;
font-size:14px;
line-height:1.333;
text-shadow:none;
padding:1px 5px;
background:#428bca;
border-radius:3px;
-moz-border-radius:3px
}
.irs-from{
  left: 0 !important;
}
.irs-to{
  right: 0 !important;
  left: auto !important
}
.irs-single {
  right: 0 !important;
  left: 0!important;
  text-align: center;
}
.lt-ie9 .irs-from,.lt-ie9 .irs-to,.lt-ie9 .irs-single {
background:#999
}
.irs-grid {
height:27px
}
.irs-grid-pol {
opacity:.5;
background:#428bca
}
.irs-grid-pol.small {
background:#999
}
.irs-grid-text {
bottom:5px;
color:#99a4ac
}
/* RangeSlider Css End */

/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/* Slider */
.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list {
  position:relative;
  display:block;
  overflow:hidden;
  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);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.slick-track {
  position:relative;
  top:0;
  left:0;
  display:block
}
.slick-track:before,.slick-track:after {
  display:table;
  content:''
}
.slick-track:after {
  clear:both
}
.slick-loading .slick-track {
  visibility:hidden
}
.slick-slide {
  display:none;
  float:left;
  height:100%;
  min-height:1px
}
[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
}
.slick-prev,.slick-next {
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block;
  width:20px;
  height:20px;
  padding:0;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  background:transparent
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
  color:transparent;
  outline:none;
  background:transparent
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
  opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
  opacity:.25
}
.slick-prev:before,.slick-next:before {
  font-family:'slick';
  font-size:20px;
  line-height:1;
  opacity:.75;
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.slick-prev {
  left:-25px
}
[dir='rtl'] .slick-prev {
  right:-25px;
  left:auto
}
.slick-prev:before {
  content:'←'
}
[dir='rtl'] .slick-prev:before {
  content:'→'
}
.slick-next {
  right:-25px
}
[dir='rtl'] .slick-next {
  right:auto;
  left:-25px
}
.slick-next:before {
  content:'→'
}
[dir='rtl'] .slick-next:before {
  content:'←'
}
.slick-dotted.slick-slider {
  margin-bottom:30px
}
.slick-dots {
  position:absolute;
  bottom:-25px;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align:center
}
.slick-dots li {
  position:relative;
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 5px;
  padding:0;
  cursor:pointer
}
.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:20px;
  height:20px;
  padding:5px;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:none;
  background:transparent
}
.slick-dots li button:hover,.slick-dots li button:focus {
  outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
  opacity:1
}
.slick-dots li button:before {
  font-family:'slick';
  font-size:6px;
  line-height:20px;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  content:'•';
  text-align:center;
  opacity:.25;
  color:#000;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
  opacity:.75;
  color:#000
}

/* scrollbar */
::-webkit-scrollbar {
    width: 12px
}
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.4);
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 8px;
  box-shadow: inset -1px -1px 0 rgba(0,0,0,0),inset 1px 1px 0 rgba(0,0,0,0)
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.4);
}

.btn {
  border: 0px solid transparent;
  border-radius: 0;
  font-size: 0.9rem;
}
.btn-grblack,
.btn-grblack:focus {
  color: #fff;
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.btn-grblack:hover, .btn-grblack.active {
  color: #333;
  background: rgba(204,204,204,1);
  background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
}
.btn-grblack.at-gryellow.active,
.btn-grblack.hv-gryellow:hover {
  color: #fff;
  background: rgba(249,176,38,1);
  background: -moz-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,176,38,1)), color-stop(92%, rgba(214,147,24,1)), color-stop(100%, rgba(214,147,24,1)));
  background: -webkit-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background: -o-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background: -ms-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background: linear-gradient(to bottom, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
}
.btn-gryellow,
.btn-gryellow:focus {
  color: #fff;
  background: rgba(249,176,38,1);
  background-image: -moz-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,176,38,1)), color-stop(92%, rgba(214,147,24,1)), color-stop(100%, rgba(214,147,24,1)));
  background-image: -webkit-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background-image: -o-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background-image: -ms-linear-gradient(top, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
  background-image: linear-gradient(to bottom, rgba(249,176,38,1) 0%, rgba(214,147,24,1) 92%, rgba(214,147,24,1) 100%);
}
.btn-gryellow:hover {
  color: #333;
  background: rgba(204,204,204,1);
  background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
}
.border-btn {
  border: 1px solid #b8b8b8;
  color: #333;
  -webkit-transition: all .20s;
  -o-transition: all .20s;
  transition: all .20s;
  background-color: #fff;
}
.border-btn:hover {
  background-color: #333;
  /*border-color: #fff;*/
  color: #fff;
}
.btn-notify {
  background: #464646;
  color: #f9bd4b;
}

.modal-backdrop {
  display: none;
}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-addcart {
  -webkit-animation-name: animatedAddCart;
  animation-name: animatedAddCart
}
@keyframes animatedAddCart {
    0%, 100% {
      -webkit-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
    }
    30%, 70% {
      -webkit-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
    }
}


.form-control {
  border-radius: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
input.form-control:active {
  /*pointer-events:none; */
}
.inset-label .form-control {
  padding: .60rem .75rem;
}
.inset-label {
  position: relative;
}
.inset-label label {
  /*color: #919293;*/
  color: #b8b8b8;
  display: block;
  font-size: .75rem;
  line-height: 1;
  opacity: 0;
  overflow: hidden;
  /*padding: .5em 1em;*/
  padding: .3rem .75rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  top: 0;
  text-align: left;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /*white-space: nowrap;*/
  width: 100%;
  z-index: 3;
  margin-bottom: 0;
}

.inset-label input {
  /*background-color: #f5f5f5;*/
  /*border: 2px solid #e9e9e9;*/
  /*color: #333;*/
  /*font-size: 1.3125em;*/
  /*padding: .4761904762em;*/
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  width: 100%;
}
.inset-label input:hover, .inset-label input:focus {
  /* inset | offset-x | offset-y | blur-radius | spread-radius | color */
  /*box-shadow: inset 0 0 10px 0 rgba(85, 85, 85, 0.1);*/
  /*outline: 0;*/
}

.inset-label.field--not-empty label {
  opacity: 1;
  -webkit-transform: none;
       -o-transform: none;
          transform: none;
}
.inset-label.field--not-empty input {
  padding-bottom: .1rem;
  padding-top: 1.1rem;
}
.form-group .error{
  text-align: right;
}

.input-group .inset-label .form-control {
  position: static;
}

.clock-marks {
  position: relative;
  border-radius: 100%;
  list-style: none;
  padding: 0;
  width: 270px;
  height: 270px;
  background-color: rgba(255,255,255,.3);
  -webkit-transition: .15s all;
  -o-transition: .15s all;
  transition: .15s all;
}
.clock-marks>span {
  border-radius: 100%;
  width: 4px;
  height: 4px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: 50%; left: 50%;
  margin:-2px 0 0 -2px;
  -webkit-transition: .15s all;
  -o-transition: .15s all;
  transition: .15s all;
}
.clock-marks>span:first-child   {transform:rotate(0deg)   translateY(125px)}
.clock-marks>span:nth-child(2)  {transform:rotate(6deg)   translateY(125px)}
.clock-marks>span:nth-child(3)  {transform:rotate(12deg)  translateY(125px)}
.clock-marks>span:nth-child(4)  {transform:rotate(18deg)  translateY(125px)}
.clock-marks>span:nth-child(5)  {transform:rotate(24deg)  translateY(125px)}
.clock-marks>span:nth-child(6)  {transform:rotate(30deg)  translateY(125px)}
.clock-marks>span:nth-child(7)  {transform:rotate(36deg)  translateY(125px)}
.clock-marks>span:nth-child(8)  {transform:rotate(42deg)  translateY(125px)}
.clock-marks>span:nth-child(9)  {transform:rotate(48deg)  translateY(125px)}
.clock-marks>span:nth-child(10) {transform:rotate(54deg)  translateY(125px)}
.clock-marks>span:nth-child(11) {transform:rotate(60deg)  translateY(125px)}
.clock-marks>span:nth-child(12) {transform:rotate(66deg)  translateY(125px)}
.clock-marks>span:nth-child(13) {transform:rotate(72deg)  translateY(125px)}
.clock-marks>span:nth-child(14) {transform:rotate(78deg)  translateY(125px)}
.clock-marks>span:nth-child(15) {transform:rotate(84deg)  translateY(125px)}
.clock-marks>span:nth-child(16) {transform:rotate(90deg)  translateY(125px)}
.clock-marks>span:nth-child(17) {transform:rotate(96deg)  translateY(125px)}
.clock-marks>span:nth-child(18) {transform:rotate(102deg) translateY(125px)}
.clock-marks>span:nth-child(19) {transform:rotate(108deg) translateY(125px)}
.clock-marks>span:nth-child(20) {transform:rotate(114deg) translateY(125px)}
.clock-marks>span:nth-child(21) {transform:rotate(120deg) translateY(125px)}
.clock-marks>span:nth-child(22) {transform:rotate(126deg) translateY(125px)}
.clock-marks>span:nth-child(23) {transform:rotate(132deg) translateY(125px)}
.clock-marks>span:nth-child(24) {transform:rotate(138deg) translateY(125px)}
.clock-marks>span:nth-child(25) {transform:rotate(144deg) translateY(125px)}
.clock-marks>span:nth-child(26) {transform:rotate(150deg) translateY(125px)}
.clock-marks>span:nth-child(27) {transform:rotate(156deg) translateY(125px)}
.clock-marks>span:nth-child(28) {transform:rotate(162deg) translateY(125px)}
.clock-marks>span:nth-child(29) {transform:rotate(168deg) translateY(125px)}
.clock-marks>span:nth-child(30) {transform:rotate(174deg) translateY(125px)}
.clock-marks>span:nth-child(31) {transform:rotate(180deg) translateY(125px)}
.clock-marks>span:nth-child(32) {transform:rotate(186deg) translateY(125px)}
.clock-marks>span:nth-child(33) {transform:rotate(192deg) translateY(125px)}
.clock-marks>span:nth-child(34) {transform:rotate(198deg) translateY(125px)}
.clock-marks>span:nth-child(35) {transform:rotate(204deg) translateY(125px)}
.clock-marks>span:nth-child(36) {transform:rotate(210deg) translateY(125px)}
.clock-marks>span:nth-child(37) {transform:rotate(216deg) translateY(125px)}
.clock-marks>span:nth-child(38) {transform:rotate(222deg) translateY(125px)}
.clock-marks>span:nth-child(39) {transform:rotate(228deg) translateY(125px)}
.clock-marks>span:nth-child(40) {transform:rotate(234deg) translateY(125px)}
.clock-marks>span:nth-child(41) {transform:rotate(240deg) translateY(125px)}
.clock-marks>span:nth-child(42) {transform:rotate(246deg) translateY(125px)}
.clock-marks>span:nth-child(43) {transform:rotate(252deg) translateY(125px)}
.clock-marks>span:nth-child(44) {transform:rotate(258deg) translateY(125px)}
.clock-marks>span:nth-child(45) {transform:rotate(264deg) translateY(125px)}
.clock-marks>span:nth-child(46) {transform:rotate(270deg) translateY(125px)}
.clock-marks>span:nth-child(47) {transform:rotate(276deg) translateY(125px)}
.clock-marks>span:nth-child(48) {transform:rotate(282deg) translateY(125px)}
.clock-marks>span:nth-child(49) {transform:rotate(288deg) translateY(125px)}
.clock-marks>span:nth-child(50) {transform:rotate(294deg) translateY(125px)}
.clock-marks>span:nth-child(51) {transform:rotate(300deg) translateY(125px)}
.clock-marks>span:nth-child(52) {transform:rotate(306deg) translateY(125px)}
.clock-marks>span:nth-child(53) {transform:rotate(312deg) translateY(125px)}
.clock-marks>span:nth-child(54) {transform:rotate(318deg) translateY(125px)}
.clock-marks>span:nth-child(55) {transform:rotate(324deg) translateY(125px)}
.clock-marks>span:nth-child(56) {transform:rotate(330deg) translateY(125px)}
.clock-marks>span:nth-child(57) {transform:rotate(336deg) translateY(125px)}
.clock-marks>span:nth-child(58) {transform:rotate(342deg) translateY(125px)}
.clock-marks>span:nth-child(59) {transform:rotate(348deg) translateY(125px)}
.clock-marks>span:nth-child(60) {transform:rotate(354deg) translateY(125px)}

.responesive-block {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: .15s all;
  -o-transition: .15s all;
  transition: .15s all;
}
.responesive-block:before {
  /*display: block;*/
  /*content: '';*/
}
.responesive-1by1:before {
  /*padding-top: 100%*/
}
.responesive-2by1:before {
  /*padding-top: 50%*/
}
.responesive-1by1,
.responesive-2by1{
  height: 365px;
}
.overlay-bg:after {
  /*content: '';
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #000;
  opacity: 0.2;*/
}
.block-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.present-block {
  position: relative;
}
.present-block .block-content {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  color: #fff;
  z-index: 1
}
.present-block .responesive-block {
  border-top: 7.5px solid #fff;
  border-bottom: 7.5px solid #fff;
}
.present-block h1,
.present-block h6 {
  color: #fff;
}
.present-block h1 {
  -webkit-transition: .15s all;
  -o-transition: .15s all;
  transition: .15s all;
  font-size: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700
}
.present-block h6 {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 4px;
  line-height: 1.7;
  font-size: 0.8rem;
}
.present-block .block-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.present-block .block-inner .block-title {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.present-block .btn {
  min-width: 150px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .present-block .responesive-block .block-inner .block-title,
  .present-block .responesive-block .block-inner {
    position: static;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    max-width: 100%;
  }
  .present-block .responesive-block h6 {
    display: none;
  }
  .present-block .responesive-block .clock-marks {
    width: auto;
    height: auto;
    background-color: transparent;
  }
  .present-block .responesive-block .clock-marks > span {
    display: none;
  }
}
@media (min-width: 576px) {
  .text-sm-nowrap {
     white-space: nowrap !important;
  }
}

@media (min-width: 768px) {
  .responesive-1by1,
  .responesive-2by1 {
    height: 450px;
  }

  .present-block .responesive-block {
    border: 7.5px solid #fff;
  }
  .present-block .responesive-block:first-child {
    border-left: 0;
  }
  .present-block .responesive-block:last-child {
    border-right: 0;
  }
  .clock-marks {
    width: 270px;
    height: 270px;
    display: block;
  }
  .present-block .clock-marks>span {
    display: block;
  }
  .clock-marks>span:first-child   {transform:rotate(0deg)   translateY(125px)}
  .clock-marks>span:nth-child(2)  {transform:rotate(6deg)   translateY(125px)}
  .clock-marks>span:nth-child(3)  {transform:rotate(12deg)  translateY(125px)}
  .clock-marks>span:nth-child(4)  {transform:rotate(18deg)  translateY(125px)}
  .clock-marks>span:nth-child(5)  {transform:rotate(24deg)  translateY(125px)}
  .clock-marks>span:nth-child(6)  {transform:rotate(30deg)  translateY(125px)}
  .clock-marks>span:nth-child(7)  {transform:rotate(36deg)  translateY(125px)}
  .clock-marks>span:nth-child(8)  {transform:rotate(42deg)  translateY(125px)}
  .clock-marks>span:nth-child(9)  {transform:rotate(48deg)  translateY(125px)}
  .clock-marks>span:nth-child(10) {transform:rotate(54deg)  translateY(125px)}
  .clock-marks>span:nth-child(11) {transform:rotate(60deg)  translateY(125px)}
  .clock-marks>span:nth-child(12) {transform:rotate(66deg)  translateY(125px)}
  .clock-marks>span:nth-child(13) {transform:rotate(72deg)  translateY(125px)}
  .clock-marks>span:nth-child(14) {transform:rotate(78deg)  translateY(125px)}
  .clock-marks>span:nth-child(15) {transform:rotate(84deg)  translateY(125px)}
  .clock-marks>span:nth-child(16) {transform:rotate(90deg)  translateY(125px)}
  .clock-marks>span:nth-child(17) {transform:rotate(96deg)  translateY(125px)}
  .clock-marks>span:nth-child(18) {transform:rotate(102deg) translateY(125px)}
  .clock-marks>span:nth-child(19) {transform:rotate(108deg) translateY(125px)}
  .clock-marks>span:nth-child(20) {transform:rotate(114deg) translateY(125px)}
  .clock-marks>span:nth-child(21) {transform:rotate(120deg) translateY(125px)}
  .clock-marks>span:nth-child(22) {transform:rotate(126deg) translateY(125px)}
  .clock-marks>span:nth-child(23) {transform:rotate(132deg) translateY(125px)}
  .clock-marks>span:nth-child(24) {transform:rotate(138deg) translateY(125px)}
  .clock-marks>span:nth-child(25) {transform:rotate(144deg) translateY(125px)}
  .clock-marks>span:nth-child(26) {transform:rotate(150deg) translateY(125px)}
  .clock-marks>span:nth-child(27) {transform:rotate(156deg) translateY(125px)}
  .clock-marks>span:nth-child(28) {transform:rotate(162deg) translateY(125px)}
  .clock-marks>span:nth-child(29) {transform:rotate(168deg) translateY(125px)}
  .clock-marks>span:nth-child(30) {transform:rotate(174deg) translateY(125px)}
  .clock-marks>span:nth-child(31) {transform:rotate(180deg) translateY(125px)}
  .clock-marks>span:nth-child(32) {transform:rotate(186deg) translateY(125px)}
  .clock-marks>span:nth-child(33) {transform:rotate(192deg) translateY(125px)}
  .clock-marks>span:nth-child(34) {transform:rotate(198deg) translateY(125px)}
  .clock-marks>span:nth-child(35) {transform:rotate(204deg) translateY(125px)}
  .clock-marks>span:nth-child(36) {transform:rotate(210deg) translateY(125px)}
  .clock-marks>span:nth-child(37) {transform:rotate(216deg) translateY(125px)}
  .clock-marks>span:nth-child(38) {transform:rotate(222deg) translateY(125px)}
  .clock-marks>span:nth-child(39) {transform:rotate(228deg) translateY(125px)}
  .clock-marks>span:nth-child(40) {transform:rotate(234deg) translateY(125px)}
  .clock-marks>span:nth-child(41) {transform:rotate(240deg) translateY(125px)}
  .clock-marks>span:nth-child(42) {transform:rotate(246deg) translateY(125px)}
  .clock-marks>span:nth-child(43) {transform:rotate(252deg) translateY(125px)}
  .clock-marks>span:nth-child(44) {transform:rotate(258deg) translateY(125px)}
  .clock-marks>span:nth-child(45) {transform:rotate(264deg) translateY(125px)}
  .clock-marks>span:nth-child(46) {transform:rotate(270deg) translateY(125px)}
  .clock-marks>span:nth-child(47) {transform:rotate(276deg) translateY(125px)}
  .clock-marks>span:nth-child(48) {transform:rotate(282deg) translateY(125px)}
  .clock-marks>span:nth-child(49) {transform:rotate(288deg) translateY(125px)}
  .clock-marks>span:nth-child(50) {transform:rotate(294deg) translateY(125px)}
  .clock-marks>span:nth-child(51) {transform:rotate(300deg) translateY(125px)}
  .clock-marks>span:nth-child(52) {transform:rotate(306deg) translateY(125px)}
  .clock-marks>span:nth-child(53) {transform:rotate(312deg) translateY(125px)}
  .clock-marks>span:nth-child(54) {transform:rotate(318deg) translateY(125px)}
  .clock-marks>span:nth-child(55) {transform:rotate(324deg) translateY(125px)}
  .clock-marks>span:nth-child(56) {transform:rotate(330deg) translateY(125px)}
  .clock-marks>span:nth-child(57) {transform:rotate(336deg) translateY(125px)}
  .clock-marks>span:nth-child(58) {transform:rotate(342deg) translateY(125px)}
  .clock-marks>span:nth-child(59) {transform:rotate(348deg) translateY(125px)}
  .clock-marks>span:nth-child(60) {transform:rotate(354deg) translateY(125px)}
}
@media (min-width: 992px) {
  .responesive-1by1,
  .responesive-2by1 {
    height: 500px;
  }
  .present-block h1 {
    font-size: 2.6rem;
  }
  .present-block h6 {
    max-width: 240px;
    font-size: 0.85rem;
  }
  .clock-marks {
    width: 300px;
    height: 300px;
  }
  .clock-marks>span:first-child   {transform:rotate(0deg)   translateY(135px)}
  .clock-marks>span:nth-child(2)  {transform:rotate(6deg)   translateY(135px)}
  .clock-marks>span:nth-child(3)  {transform:rotate(12deg)  translateY(135px)}
  .clock-marks>span:nth-child(4)  {transform:rotate(18deg)  translateY(135px)}
  .clock-marks>span:nth-child(5)  {transform:rotate(24deg)  translateY(135px)}
  .clock-marks>span:nth-child(6)  {transform:rotate(30deg)  translateY(135px)}
  .clock-marks>span:nth-child(7)  {transform:rotate(36deg)  translateY(135px)}
  .clock-marks>span:nth-child(8)  {transform:rotate(42deg)  translateY(135px)}
  .clock-marks>span:nth-child(9)  {transform:rotate(48deg)  translateY(135px)}
  .clock-marks>span:nth-child(10) {transform:rotate(54deg)  translateY(135px)}
  .clock-marks>span:nth-child(11) {transform:rotate(60deg)  translateY(135px)}
  .clock-marks>span:nth-child(12) {transform:rotate(66deg)  translateY(135px)}
  .clock-marks>span:nth-child(13) {transform:rotate(72deg)  translateY(135px)}
  .clock-marks>span:nth-child(14) {transform:rotate(78deg)  translateY(135px)}
  .clock-marks>span:nth-child(15) {transform:rotate(84deg)  translateY(135px)}
  .clock-marks>span:nth-child(16) {transform:rotate(90deg)  translateY(135px)}
  .clock-marks>span:nth-child(17) {transform:rotate(96deg)  translateY(135px)}
  .clock-marks>span:nth-child(18) {transform:rotate(102deg) translateY(135px)}
  .clock-marks>span:nth-child(19) {transform:rotate(108deg) translateY(135px)}
  .clock-marks>span:nth-child(20) {transform:rotate(114deg) translateY(135px)}
  .clock-marks>span:nth-child(21) {transform:rotate(120deg) translateY(135px)}
  .clock-marks>span:nth-child(22) {transform:rotate(126deg) translateY(135px)}
  .clock-marks>span:nth-child(23) {transform:rotate(132deg) translateY(135px)}
  .clock-marks>span:nth-child(24) {transform:rotate(138deg) translateY(135px)}
  .clock-marks>span:nth-child(25) {transform:rotate(144deg) translateY(135px)}
  .clock-marks>span:nth-child(26) {transform:rotate(150deg) translateY(135px)}
  .clock-marks>span:nth-child(27) {transform:rotate(156deg) translateY(135px)}
  .clock-marks>span:nth-child(28) {transform:rotate(162deg) translateY(135px)}
  .clock-marks>span:nth-child(29) {transform:rotate(168deg) translateY(135px)}
  .clock-marks>span:nth-child(30) {transform:rotate(174deg) translateY(135px)}
  .clock-marks>span:nth-child(31) {transform:rotate(180deg) translateY(135px)}
  .clock-marks>span:nth-child(32) {transform:rotate(186deg) translateY(135px)}
  .clock-marks>span:nth-child(33) {transform:rotate(192deg) translateY(135px)}
  .clock-marks>span:nth-child(34) {transform:rotate(198deg) translateY(135px)}
  .clock-marks>span:nth-child(35) {transform:rotate(204deg) translateY(135px)}
  .clock-marks>span:nth-child(36) {transform:rotate(210deg) translateY(135px)}
  .clock-marks>span:nth-child(37) {transform:rotate(216deg) translateY(135px)}
  .clock-marks>span:nth-child(38) {transform:rotate(222deg) translateY(135px)}
  .clock-marks>span:nth-child(39) {transform:rotate(228deg) translateY(135px)}
  .clock-marks>span:nth-child(40) {transform:rotate(234deg) translateY(135px)}
  .clock-marks>span:nth-child(41) {transform:rotate(240deg) translateY(135px)}
  .clock-marks>span:nth-child(42) {transform:rotate(246deg) translateY(135px)}
  .clock-marks>span:nth-child(43) {transform:rotate(252deg) translateY(135px)}
  .clock-marks>span:nth-child(44) {transform:rotate(258deg) translateY(135px)}
  .clock-marks>span:nth-child(45) {transform:rotate(264deg) translateY(135px)}
  .clock-marks>span:nth-child(46) {transform:rotate(270deg) translateY(135px)}
  .clock-marks>span:nth-child(47) {transform:rotate(276deg) translateY(135px)}
  .clock-marks>span:nth-child(48) {transform:rotate(282deg) translateY(135px)}
  .clock-marks>span:nth-child(49) {transform:rotate(288deg) translateY(135px)}
  .clock-marks>span:nth-child(50) {transform:rotate(294deg) translateY(135px)}
  .clock-marks>span:nth-child(51) {transform:rotate(300deg) translateY(135px)}
  .clock-marks>span:nth-child(52) {transform:rotate(306deg) translateY(135px)}
  .clock-marks>span:nth-child(53) {transform:rotate(312deg) translateY(135px)}
  .clock-marks>span:nth-child(54) {transform:rotate(318deg) translateY(135px)}
  .clock-marks>span:nth-child(55) {transform:rotate(324deg) translateY(135px)}
  .clock-marks>span:nth-child(56) {transform:rotate(330deg) translateY(135px)}
  .clock-marks>span:nth-child(57) {transform:rotate(336deg) translateY(135px)}
  .clock-marks>span:nth-child(58) {transform:rotate(342deg) translateY(135px)}
  .clock-marks>span:nth-child(59) {transform:rotate(348deg) translateY(135px)}
  .clock-marks>span:nth-child(60) {transform:rotate(354deg) translateY(135px)}
}
@media (min-width: 1200px) {
  .responesive-1by1,
  .responesive-2by1 {
    height: 650px;
  }
  .present-block h1 {
    font-size: 3.2rem;
  }
  .present-block h6 {
    max-width: 280px;
  }
  .clock-marks {
    width: 360px;
    height: 360px;
  }
  .clock-marks>span:first-child   {transform:rotate(0deg)   translateY(165px)}
  .clock-marks>span:nth-child(2)  {transform:rotate(6deg)   translateY(165px)}
  .clock-marks>span:nth-child(3)  {transform:rotate(12deg)  translateY(165px)}
  .clock-marks>span:nth-child(4)  {transform:rotate(18deg)  translateY(165px)}
  .clock-marks>span:nth-child(5)  {transform:rotate(24deg)  translateY(165px)}
  .clock-marks>span:nth-child(6)  {transform:rotate(30deg)  translateY(165px)}
  .clock-marks>span:nth-child(7)  {transform:rotate(36deg)  translateY(165px)}
  .clock-marks>span:nth-child(8)  {transform:rotate(42deg)  translateY(165px)}
  .clock-marks>span:nth-child(9)  {transform:rotate(48deg)  translateY(165px)}
  .clock-marks>span:nth-child(10) {transform:rotate(54deg)  translateY(165px)}
  .clock-marks>span:nth-child(11) {transform:rotate(60deg)  translateY(165px)}
  .clock-marks>span:nth-child(12) {transform:rotate(66deg)  translateY(165px)}
  .clock-marks>span:nth-child(13) {transform:rotate(72deg)  translateY(165px)}
  .clock-marks>span:nth-child(14) {transform:rotate(78deg)  translateY(165px)}
  .clock-marks>span:nth-child(15) {transform:rotate(84deg)  translateY(165px)}
  .clock-marks>span:nth-child(16) {transform:rotate(90deg)  translateY(165px)}
  .clock-marks>span:nth-child(17) {transform:rotate(96deg)  translateY(165px)}
  .clock-marks>span:nth-child(18) {transform:rotate(102deg) translateY(165px)}
  .clock-marks>span:nth-child(19) {transform:rotate(108deg) translateY(165px)}
  .clock-marks>span:nth-child(20) {transform:rotate(114deg) translateY(165px)}
  .clock-marks>span:nth-child(21) {transform:rotate(120deg) translateY(165px)}
  .clock-marks>span:nth-child(22) {transform:rotate(126deg) translateY(165px)}
  .clock-marks>span:nth-child(23) {transform:rotate(132deg) translateY(165px)}
  .clock-marks>span:nth-child(24) {transform:rotate(138deg) translateY(165px)}
  .clock-marks>span:nth-child(25) {transform:rotate(144deg) translateY(165px)}
  .clock-marks>span:nth-child(26) {transform:rotate(150deg) translateY(165px)}
  .clock-marks>span:nth-child(27) {transform:rotate(156deg) translateY(165px)}
  .clock-marks>span:nth-child(28) {transform:rotate(162deg) translateY(165px)}
  .clock-marks>span:nth-child(29) {transform:rotate(168deg) translateY(165px)}
  .clock-marks>span:nth-child(30) {transform:rotate(174deg) translateY(165px)}
  .clock-marks>span:nth-child(31) {transform:rotate(180deg) translateY(165px)}
  .clock-marks>span:nth-child(32) {transform:rotate(186deg) translateY(165px)}
  .clock-marks>span:nth-child(33) {transform:rotate(192deg) translateY(165px)}
  .clock-marks>span:nth-child(34) {transform:rotate(198deg) translateY(165px)}
  .clock-marks>span:nth-child(35) {transform:rotate(204deg) translateY(165px)}
  .clock-marks>span:nth-child(36) {transform:rotate(210deg) translateY(165px)}
  .clock-marks>span:nth-child(37) {transform:rotate(216deg) translateY(165px)}
  .clock-marks>span:nth-child(38) {transform:rotate(222deg) translateY(165px)}
  .clock-marks>span:nth-child(39) {transform:rotate(228deg) translateY(165px)}
  .clock-marks>span:nth-child(40) {transform:rotate(234deg) translateY(165px)}
  .clock-marks>span:nth-child(41) {transform:rotate(240deg) translateY(165px)}
  .clock-marks>span:nth-child(42) {transform:rotate(246deg) translateY(165px)}
  .clock-marks>span:nth-child(43) {transform:rotate(252deg) translateY(165px)}
  .clock-marks>span:nth-child(44) {transform:rotate(258deg) translateY(165px)}
  .clock-marks>span:nth-child(45) {transform:rotate(264deg) translateY(165px)}
  .clock-marks>span:nth-child(46) {transform:rotate(270deg) translateY(165px)}
  .clock-marks>span:nth-child(47) {transform:rotate(276deg) translateY(165px)}
  .clock-marks>span:nth-child(48) {transform:rotate(282deg) translateY(165px)}
  .clock-marks>span:nth-child(49) {transform:rotate(288deg) translateY(165px)}
  .clock-marks>span:nth-child(50) {transform:rotate(294deg) translateY(165px)}
  .clock-marks>span:nth-child(51) {transform:rotate(300deg) translateY(165px)}
  .clock-marks>span:nth-child(52) {transform:rotate(306deg) translateY(165px)}
  .clock-marks>span:nth-child(53) {transform:rotate(312deg) translateY(165px)}
  .clock-marks>span:nth-child(54) {transform:rotate(318deg) translateY(165px)}
  .clock-marks>span:nth-child(55) {transform:rotate(324deg) translateY(165px)}
  .clock-marks>span:nth-child(56) {transform:rotate(330deg) translateY(165px)}
  .clock-marks>span:nth-child(57) {transform:rotate(336deg) translateY(165px)}
  .clock-marks>span:nth-child(58) {transform:rotate(342deg) translateY(165px)}
  .clock-marks>span:nth-child(59) {transform:rotate(348deg) translateY(165px)}
  .clock-marks>span:nth-child(60) {transform:rotate(354deg) translateY(165px)}
}

.main-carousel {
  position: relative;
  height: 100%;
}
.main-carousel .slick-list,
.main-carousel .slick-track {
  height: 100%
}
.main-carousel .slick-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main-carousel .slick-dots {
  bottom: 0;
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.main-carousel .slick-dots {
  padding: 3px 0;
}
.main-carousel .slick-dots li {
  text-align: center;
}
.main-carousel .slick-dots li button:before {
  /*font-size: 44px;*/
  position: static;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 100%;
}
.main-carousel .slick-dots li.slick-active button:before {
  background-color: #fff;
}

.quotes-title {
  position: relative;
}
.quotes-title h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.quotes-title h6 > span,
.quotes-title h6:before,
.quotes-title h6:after{
-webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: auto;
}
.quotes-title h6:before ,
.quotes-title h6:after {
  display: block;
  height: 1px;
  background-color: #333;
  margin-top: auto;
  margin-bottom: auto;
  content: '';
}
.quotes-title h2 {
  text-transform: uppercase;
  line-height: 1.8;
  font-weight: 700;
  font-size: 1.3rem
}
.logistics-row {
  background-color: #464646
}
.logistics-item {
  color: #fff
}
.logistics-item h4 {
  margin-bottom: 15px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1rem
}
.logistics-item p:last-child {
  margin-bottom: 0
}
.logistic-icon.icon {
  width: 100px;
  height: 76px;
  background-image: url('../../images/logistic-icon.png');
  background-size: 300px 76px;
  margin-bottom: 15px;
}
.logistics-item .icon.icon-shipping { background-position-x:0; }
.logistics-item .icon.icon-guaranteed { background-position-x:-100px; }
.logistics-item .icon.icon-returnpolicy { background-position-x:-200px; }


@media (min-width: 576px) {}
@media (min-width: 768px) {
  .quotes-title h2 {
    font-size: 1.8rem
  }
  .logistics-item h4 {
    font-size: 1.3rem;
  }
}
@media (min-width: 992px) {
  .quotes-title h2 {
    font-size: 2rem
  }
  .logistics-item h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {}

.contact-item { background-color: #dbdbdb }
.contact-item:nth-child(2) { background-color: #f2f2f2 }
.contact-item h4 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.contact-item h4:after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #333;
  left: 0; right: 0; bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.contact-item .col-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
}
.contact-item .contact-list li a:before {
  content: '>';
  display: inline;
  vertical-align: top;
  margin-right: 5px;
}
/*.contact-item .contact-list li.clearfix:before {
  display: none;
  content: none;
}*/
.contact-item .contact-list li > a {
  display: inline-block;
  vertical-align: top;
}

.photo-display {
  position: relative;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.photo-display:before {
  content: '';
  display: block;
}
.photo-entry {
  width: 100%;
  border: 7.5px solid #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: .15s all;
  -o-transition: .15s all;
  transition: .15s all;
}
.photo-entry:nth-child(3) { padding-top: 100%; }

@media (min-width: 768px) {
  .photo-display:before {
    padding-top: 40%;
    padding-top: calc(2 / 5 * 100%);
  }
  .photo-entry:first-child  { position: absolute; width: 20%; height:  50%; top:  0%; left:  0%; }
  .photo-entry:nth-child(2) { position: absolute; width: 20%; height:  50%; top: 50%; left:  0%; }
  .photo-entry:nth-child(3) { position: absolute; width: 40%; height: 100%; top:  0%; left: 20%; padding-top: 0; }
  .photo-entry:nth-child(4) { position: absolute; width: 40%; height:  50%; top:  0%; left: 60%; }
  .photo-entry:nth-child(5) { position: absolute; width: 20%; height:  50%; top: 50%; left: 60%; }
  .photo-entry:nth-child(6) { position: absolute; width: 20%; height:  50%; top: 50%; left: 80%; }
}


header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  /*margin-bottom: 15px;*/
  background-color: #fff;
  z-index: 1000
}
.header-top-bar {
  /*overflow: hidden;*/
  /*overflow-x: hidden;*/
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.header-top-bar .nav-item .btn:active,
.header-top-bar .nav-item .btn:focus{
  outline: none;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
.header-top-bar .dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.header-top-bar .dropdown-menu .dropdown-item {
  color: #fff;
}
.header-top-bar .dropdown-menu .dropdown-item:hover,
.header-top-bar .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #fff
}
.header-top-bar .nav-item {
  color: #fff;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
}
.header-top-bar .nav-item > a {
  display: inline-block;
}
.header-top-bar .nav-item .btn,
.header-top-bar .nav-item > a {
  color: #fff;
  padding: .4rem 1rem;
  text-transform: uppercase;
  vertical-align: middle;
}
.header-top-bar .left-col .nav-item {
  margin-left: -1px;
}
.header-top-bar .right-col .nav-item {
  margin-right: -1px;
}
.header-top-bar .icon {
  vertical-align: middle;
  /*margin-left: 1rem;*/
  /*margin-right: .4rem;*/
}

.footer {}
.footer-info {
      background: rgba(67,67,67,1);
    background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  color: #fff;
}

.mobile-cart {
  position: absolute;
  top: 35%;
  width: 40px;
  right: 15px;
  cursor: pointer;
 /* -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
.mobile-user {
  position: absolute;
  top: 35%;
  width: 40px;
  right: 55px;
  cursor: pointer;
/*  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);*/
}

.common-icon {
  width: 20px;
  height: 20px;
  background-image: url('../../images/common-icon.png');
  background-size: 80px 60px;
}
.common-icon.cl-bk { background-position-y: -20px; }
.common-icon.icon-user { background-position-x:     0; }
.common-icon.icon-lock { background-position-x: -20px; }
.common-icon.icon-cart { background-position-x: -40px; }
.common-icon.icon-like { background-position-x: -60px; }

.header-top-bar .icon + a {
  padding-left: 0;
}
.header-bottom-bar {
  padding: 0 15px;
}
.header-bottom-bar .nav-item {
  /*padding: .5rem 1.2rem;*/
}
.header-bottom-bar .nav-item .nav-link {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  padding: 34px 15px;
  /*padding: 0;*/
}
.header-bottom-bar .nav-item .nav-link:after{
  content: '';
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  width: 0%;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: .15s all;
  -o-transition: .15s all;
  transition: .15s all;
  background-color: #cd8e17
}
.header-bottom-bar .nav-item:hover .nav-link:after,
.header-bottom-bar .nav-item .nav-link.active:after{
  width: 100%
}
.header-bottom-bar .sub-nav {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  background: #f2f2f2;
  padding: 15px 0;
  /*min-height: 240px;*/
  z-index: 8;
  border-bottom: 1px solid #f7f8f9;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.header-bottom-bar .sub-nav.is-active {
  opacity: 1;
  visibility: visible;
}
.header-bottom-bar .sub-nav ul li {
  display: inline-block;
  width: 100%;
  margin: 3px 0;
}
.header-bottom-bar .sub-nav .brand-image-wrap {
  width: 100px;
  height: 100px;
}
.header-bottom-bar .sub-nav .divider {
  position: relative;
}
.header-bottom-bar .sub-nav .divider:after {
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  right: 25%;
  background-color: #333
}
.header-bottom-bar .sub-nav .brand-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}

.breadcrumb,
.breadcrumb-container { background-color: #f2f2f2 }
.breadcrumb-item+.breadcrumb-item::before { content: '>'; }

.catalog-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 450px;
}
.catalog-banner .block-inner {
  z-index: 1
}

.catalog-title {
  text-transform: uppercase;
  text-align: center;
}
.catalog-title.ul-b {
  border-bottom: 1px solid #333;
}
.catalog-title h2 { font-weight: 700; }

.refinement-list label,
.refinement-list input {
  position: relative;
  display: block;
  width: auto;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s
}
.refinement-list .filter-select-wrapper:last-child label{
  margin-bottom: 0;
}

.refinement-list input {
  opacity: 0;
  position: absolute
}

.refinement-list input+.checkbox-custom-label:before {
  content: '';
  position: relative;
  top: -2px;
  background: #fff;
  border: 1px solid #2c2c2c;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 20px;

  text-align: center
}
.refinement-list input:checked+.checkbox-custom-label:after {
  content: '';
  display: block;
  opacity: 0;
  width: 11px;
  height: 4px;
  position: absolute;
  top: 6px;
  left: 2px;
  border: 2px solid transparent;
  background: transparent;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  transition: opacity .25s;
}
.refinement-list input:checked+.checkbox-custom-label:after {
  content: '';
  display: block;
  opacity: 1;
  border: 2px solid #2c2c2c;
  border-top: none;
  border-right: none;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.refinement-list .btn.btn-grblack {
  position: relative;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
}
.refinement-list .btn.btn-grblack:focus {
  color: #fff;
}
.refinement-list .btn.btn-grblack:hover, .refinement-list .btn.btn-grblack.active {
  color: #333;
}
.refinement-list .btn.btn-grblack

.refinement-list .btn.btn-grblack[data-toggle="collapse"]:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  top: -3px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  right: 17px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s;
}
.refinement-list .btn.btn-grblack.collapsed[data-toggle="collapse"]:after {
  top: 3px;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.refinement-list .btn.btn-grblack[data-toggle="collapse"]:hover:after {
  border-color: #333;
}

.refinement-list .refinement-accordion-block .refinement-reset {
  display: none;
  padding: .15rem;
  border-bottom: 4px solid #cd8e17;
  cursor: pointer;
  font-weight: bold;
}
.refinement-list .refinement-accordion-block.item--checked .refinement-reset {
  display: inline-block;
}

.mobile-refinement-container {
  background-color: #fff;
  position: relative;
  padding: 30px;
  min-height: 100%;
  max-width: none;
  /*height: 100%;*/
  margin: 0;
}

.product-item {
  margin-bottom: 40px;
  overflow: hidden;
  height: 100%
}
.product-item .product-item-tag {
  position: absolute;
  max-width: 100%;
  text-align: right;
  z-index: 1;
  top: 0;
  right: 15px;
  left: 15px;
}
.product-item .product-item-tag .item-tag {
  width: 100%;
  border-radius: 0;
  display: inline-block;
  border-radius: .25rem;
  text-align: center;
  padding: .25rem .5rem;
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 700;
  color: #fff
}
.product-item .product-item-tag .tag-green {
  background-color: #468018;
}
.product-item .product-item-tag .tag-red {
  background-color: #f20000;
}
.product-item .product-item-image {
  margin-top: 48px;
  cursor: pointer;
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.product-item .product-item-image:after {
  padding-top: 100%;
  content: '';
  display: block;
}
.product-item .product-item-back{
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.product-item .product-item-back:hover,
.product-item.active .product-item-back {
  visibility: visible;
  opacity: 1
}

.product-item .product-item-image h5 {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, .3);
  font-weight: 700;
  text-transform: uppercase;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-item .product-item-image:hover h5 ,
.product-item.active .product-item-image h5 {
  visibility: visible;
  opacity: 1
}
.product-item .product-item-price {
  text-align: center;
  font-weight: 700;
  font-size: 0.9rem;
}
.product-item .product-item-price .orginal-price {
  color: #b8b8b8;
  text-decoration: line-through;
}
.product-item .product-item-price .orginal-price + .final-price {
  color: #f20000
}
.product-item .product-item-desc {
  background-color: #f2f2f2;
  text-align: center;
  padding: 10px;
  color: #8a8a8a;
}
.product-item .product-item-desc h6 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
  min-height: 15px;
  font-size: 0.9rem
}
.product-item .product-item-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 10px 5px;
  border-bottom: 1px solid #333;
}
.product-item .btn-notify {
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.product-item .icon {
  background-image: url('../../images/common-icon.png');
  background-size: 80px 60px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position-y: -20px;
}
.product-item .icon.icon-like { background-position-x: -60px; }
.product-item .icon.icon-cart { background-position-x: -40px; }
.product-item .active > .icon.icon-cart {background-position-y: -40px;}

.product-detail-container {
  position: relative;
  background-color: #f2f2f2;
  padding: 40px 30px 30px;
}
.product-detail-container .up-arrrow {
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 20px solid #f2f2f2;
}
.product-detail-container .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 2rem;
}
.product-detail-container .orginal-price,
.product-detail-container .final-price {
  font-weight: 700;
}
.product-detail-container .orginal-price {
  color: #b8b8b8;
  text-decoration: line-through;
}
.product-detail-container .orginal-price + .final-price {
  margin-left: 10px;
  color: #f20000
}

.product-detail-container .product-detail-name {
  font-weight: 700;
  text-transform: uppercase;
}
.product-detail-container .product-detail-image {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.product-detail-container .product-detail-image:before {
  padding-bottom: 100%;
  display: block;
  content: '';
}
.product-detail-container .btn-cart {
  position: relative;
  text-transform: uppercase;
}
.product-detail-container .btn-cart .icon-cart {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.product-detail-container .btn-cart.btn-grblack .cart-add-label ,
.product-detail-container .btn-cart.btn-grblack.active .cart-label {
  display: none;
}
.product-detail-container .btn-cart.btn-grblack.active .cart-add-label {
  display: block;
}

.product-detail-container .btn-cart.btn-grblack:hover{
  background: #464646;
  color: #f9bd4b
}
.product-detail-container .btn-cart.btn-grblack:hover .icon-cart {
  background-position-y: -40px;
}

.product-detail-container .btn-cart.btn-grblack.active{
  background: #d4b061;
  color: #fff
}
.product-detail-container .btn-cart.btn-grblack.active .icon-cart{
  background-position-y: 0px;
}


.product-detail-container .product-detail-spec h6{
  font-weight: 700;
  text-transform: uppercase;
}
.product-detail-container .product-detail-speclist {
  background-color: #fff;
  padding: 20px;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
}
.product-detail-container .product-detail-speclist li {
  position: relative;
  padding-left: 20px;
}
.product-detail-container .product-detail-speclist li:before {
  content: '•';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  line-height: 14px;
}

.product-thumbnail-row {
  margin-left: -5px;
  margin-right: -5px;
}
.product-thumbnail-row .product-detail-image {
  cursor: pointer;
  border: 5px solid #f2f2f2
  /*width: */
  /*width: 22%;*/
  /*margin-left: 4%*/
}
.product-thumbnail-row .product-detail-image:first-child {
  /*margin-left: 0;*/
}
.product-detail-related {
  padding-bottom: .5rem;
  border-bottom: 1px solid #333
}
.product-detail-related .related-title {
  overflow: hidden;
}
.product-detail-related .related-title span {
  position: relative;
  display: inline-block;
  font-size: 1.1rem;
}
.product-detail-related .related-title span:before,
.product-detail-related .related-title span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  width: 900px;
  background-color: #333;
  margin-top: -0.5px;
}
.product-detail-related .related-title span:before {
  left: 100%; margin-left: 1rem;
}
.product-detail-related .related-title span:after {
  right: 100%; margin-right: 1rem;
}

@media (min-width: 576px) {
  .product-item .product-item-tag .item-tag {
    width: auto;
    border-radius: .25rem;
  }
  .product-item .product-item-image {
    margin-top: 0;
  }
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
}

.border-container {
  padding: 15px;
  border: 1px solid #333;
}
.border-container .form-title {
  text-transform: uppercase;
  font-weight: 700
}
.login-signup-container .form-wrapper {
  /*border-bottom: 7.5px solid #fff;*/
  background-color: #f2f2f2;
  padding: 20px;
}
.login-signup-container .form-wrapper + .form-wrapper {
  border-top: 7.5px solid #fff;
  border-bottom: 0;
}
.login-signup-container .input-icon {
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;*/
  /*width: 38px;*/
  /*height: 38px;*/
  padding: .60rem .50rem;
  border: 1px solid #b8b8b8;
  background-color: #b8b8b8;
}
.grey-placeholder::-webkit-input-placeholder {color: #b8b8b8; opacity: .9}
.grey-placeholder::-moz-placeholder          {color: #b8b8b8; opacity: .9}
.grey-placeholder::-moz-placeholder          {color: #b8b8b8; opacity: .9}
.grey-placeholder:-moz-placeholder           {color: #b8b8b8; opacity: .9}
.grey-placeholder:-ms-input-placeholder      {color: #b8b8b8; opacity: .9}
.grey-placeholder::placeholder               {color: #b8b8b8; opacity: .9}

.grey-placeholder:focus::-webkit-input-placeholder {opacity: 0}
.grey-placeholder:focus::-moz-placeholder          {opacity: 0}
.grey-placeholder:focus::-moz-placeholder          {opacity: 0}
.grey-placeholder:focus:-moz-placeholder           {opacity: 0}
.grey-placeholder:focus:-ms-input-placeholder      {opacity: 0}
.grey-placeholder:focus::placeholder               {opacity: 0}

select.grey-placeholder:invalid              {color: #b8b8b8; opacity: .9}
select.grey-placeholder                      {color: #b8b8b8; opacity: .9}
select.grey-placeholder:valid                {color: #333; opacity: .9}

.login-signup-container .fb-divider {
  position: relative;
  text-transform: uppercase;
}
.login-signup-container .fb-divider:before {
  content: '';
  display: block;
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.login-signup-container .fb-divider > span {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  z-index: 1;
  background-color: #f2f2f2;
}
.signup-container .btn {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .login-signup-container .form-wrapper,
  .login-signup-container .form-wrapper + .form-wrapper {
    border: 7.5px solid #fff;
    border-top: 0;
    border-bottom: 0;
  }

  .login-signup-container .form-wrapper:first-child {
    border-left: 0;
  }
  .login-signup-container .form-wrapper:last-child {
    border-right: 0;
  }
}

.profile-container .nav-tabs .nav-link {
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  border-radius: 0
}
.profile-container .tab-content {
  background-color: #f2f2f2;
  padding: 20px;
  min-height: 475px;
}
.history-container .btn[data-toggle="collapse"] {
  position: relative;
  display: flex;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
}
.history-container .btn[data-toggle="collapse"]:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  top: -5px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  right: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.history-container .history-accordion-block + .history-accordion-block{
  margin-top: 20px;
}
.history-container .btn[data-toggle="collapse"]:hover:after {
  border-color: #333;
}
.history-container .order-detail {
  padding: 30px;
  background-color: #fff
}
.order-table .order-item-row {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
}
.order-table .product-thumbnail {
  width: 80px;
  height: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
}
.order-table .product-price {
  white-space: nowrap
}
.order-table .product-price > span {
  vertical-align: middle;
}
.order-table .product-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.order-table .orginal-price { color: #b8b8b8; text-decoration: line-through; margin-right: 10px; }
.order-table .orginal-price + .final-price { color: #f20000 }
.order-table .order-total-row { margin-left: -15px; margin-right: -15px; }
.order-table .order-due-row { font-size: 1.2rem; font-weight: 700 }

.pointrecord-container .pointrecord-row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pointrecord-container .pointrecord-head {
  color: #fff;
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.pointrecord-container .pointrecord-body {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff
}
.pointrecord-container .pointrecord-body:nth-child(odd) {
  background-color: #e1e1e1
}

@media (min-width: 768px) {
  .pointrecord-container .pointrecord-table {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  }
}
@media (max-width: 767px) {
  .pointrecord-container .pointrecord-body {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  }
  .pointrecord-container .pointrecord-body + .pointrecord-body {
    margin-top: 10px;
  }
}

.cart-container .cart-list {
  background-color: #f2f2f2;
  padding: 20px;
}
.cart-container .order-detail {
  background-color: #fff;
}
.cart-container .order-detail .order-detail-head {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.cart-container .order-table {
  padding: 20px;
}
.cart-container .order-table .order-item-row {
  border-bottom-color: #b8b8b8;
}
.cart-container .order-table .order-item-row .btn {
  padding: 0.4rem 1rem;
}
.cart-container .product-thumbnail {
  width: 80px;
  height: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
}
.cart-container .order-discount {
  margin-top: 15px;
  padding-top: 30px;
  border-top: 1px solid #b8b8b8;
}

.cart-container .order-total-head {
  font-size: 1.2rem;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #b8b8b8;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
.order-final-table .order-total-row {
  margin-bottom: 10px;
}
.order-final-table .order-total-row:last-child {
  margin-bottom: 0;
  padding-top: 10px;
  border-top: 1px solid #b8b8b8;
}
.cart-container .btn {
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .cart-container .product-thumbnail {
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 160px;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    max-width: 160px;
  }
}
@media (max-width: 767px) {
  .cart-container .item-remove {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.checkout-container .checkout-list {
  background-color: #f2f2f2;
  padding: 20px;
}
.checkout-container .checkout-group-head {
  padding:5px 20px;
  color: #fff;
  background: rgba(67,67,67,1);
  background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,1)), color-stop(100%, rgba(19,19,19,1)));
  background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -o-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
  background: linear-gradient(to bottom, rgba(67,67,67,1) 0%, rgba(19,19,19,1) 100%);
}
.checkout-container .order-total-head {
  font-size: 1.2rem;
  font-weight: 700;
}
.checkout-container .checkout-group-body {
  background-color: #fff;
  padding: 20px;
}
.checkout-container .checkout-group + .checkout-group {
  margin-top: 20px;
}
.checkout-container .custom-radio .custom-control-indicator {
  top: 1px;
}
.checkout-container .custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}
.checkout-container .custom-checkbox .checkbox-custom-label {
  position: relative;
  display: block;
  width: auto;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.checkout-container .custom-checkbox input[type="checkbox"] + .checkbox-custom-label:before {
  content: '';
  position: relative;
  top: -2px;
  background: #fff;
  border: 1px solid #2c2c2c;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 20px;
  text-align: center;
}
.checkout-container .custom-checkbox input[type="checkbox"]:checked + .checkbox-custom-label:after {
  content: '';
  display: block;
  width: 10px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 2px;
  border: 2px solid #2c2c2c;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkout-container .sf_select option, .checkout-container .shop_select option {
  font-size: 0.75rem;
}


.about-icon.icon {
  width: 40px;
  height: 40px;
  background-image: url('../../images/about-icon.png');
  background-size: 160px 80px;
}
.border-btn:hover .about-icon.icon { background-position-y:-40px;}
.about-icon.icon-profile    { background-position-x:0; }
.about-icon.icon-milestones { background-position-x:-80px; }
.about-icon.icon-awards     { background-position-x:-40px; }
.about-icon.icon-store      { background-position-x:-120px; }

.about-profile {
  position: relative;
  color: #fff;
  background-color: #464646
}
.about-profile p {
  line-height: 1.6;
}
.about-profile p > strong {
  font-size: 1.1rem;
}
.about-profile .profile-carousel-wrapper {
  position: absolute;
  width: 50%;
  top: 0; right: 0; bottom: 0;
}
.profile-carousel-wrapper .slick-slider,
.profile-carousel-wrapper .slick-list,
.profile-carousel-wrapper .slick-track,
.profile-carousel-wrapper .slick-slide {
  height: 100%
}
.profile-carousel-wrapper .slick-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.profile-carousel-wrapper .slick-dots {
  bottom: 0;
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.8)), color-stop(100%, rgba(0,0,0,0.8)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.8) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.8) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.8) 100%);
}
.profile-carousel-wrapper .slick-dots {
  padding: 3px 0;
  text-align: left;
}
.profile-carousel-wrapper .slick-dots li {
  margin-bottom: 15px;
}
.profile-carousel-wrapper .slick-dots li:first-child {
  margin-top: 15px;
  margin-left: 30px;
}
.profile-carousel-wrapper .slick-dots li button:before {
  position: static;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 100%;
}
.profile-carousel-wrapper .slick-dots li.slick-active button:before {
  background-color: #fff;
}
.profile-title {
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
.milestones-container{
  background-color: #f8f8f8;
}
.milestones-container .about-milestones {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.milestones-container .milestones-wrapper {
  overflow: hidden;
}
.milestones-container .milestones-line {
  min-height: 550px;
  margin-bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.milestones-container .milestones-item {
  padding: 20px 10px;
  border-left: 1px solid #c2c2c2;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 265px;
      -ms-flex: 0 0 265px;
          flex: 0 0 265px;
  max-width: 265px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.milestones-container .milestones-item.curr-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.milestones-container .milestones-btn {
  position: absolute;
  width: 16px;
  height: 32px;
  top: 0; bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-image: url('../../images/milestones-icon.png');
  opacity: .8;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.milestones-container .milestones-btn:hover{
  opacity: 1;
}
.milestones-container .milestones-btn.disabled {
  opacity: .3;
}
.milestones-container .milestones-btn.milestones-btn-left {
  left: 15px;
  background-position-x: 0px;
}
.milestones-container .milestones-btn.milestones-btn-right {
  right: 15px;
  background-position-x: -16px;
}
.milestones-container .milestones-image {
  margin-top: auto;
}
.milestones-container .milestones-image > img {
  opacity: .6;
  -webkit-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  max-width: 100%;
}
.milestones-container .curr-item .milestones-image > img {
  opacity: 1
}
.milestones-container .milestones-item {
  color: #c2c2c2;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.milestones-container .curr-item.milestones-item {
  color: #333;
}
.milestones-container .milestones-item-title {
  margin-bottom: 30px;
  font-weight: 700;
  /*color: #c2c2c2;*/
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.milestones-container .milestones-content {
  margin-bottom: 30px;
}
.milestones-container .curr-item .milestones-item-title {
  font-size: 1.3rem;
}

.store-container .store-title,
.awards-container .awards-title,
.milestones-container .milestones-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
}

.awards-container .awards-brands img {
  max-width: 100%;
}
.awards-container .awards-list {
  -webkit-column-count: auto; /* Chrome, Safari, Opera */
  -moz-column-count: auto; /* Firefox */
  column-count: auto;
}
.awards-container .awards-list-item {
  margin-bottom: 5px;
  /*padding: 5px 0;*/
  /*line-height: 1.3;*/
}
.store-container {
  background-color: #f8f8f8;
}
.store-container .store-area {
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}
.store-container .store-item {
  background-color: #fff;
  padding-top: 20px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.store-container .store-item .store-name {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  /*width: 100%;*/
}
.store-container .store-address,
.store-container .store-contact1,
.store-container .store-contact2,
.store-container .store-time {
  position: relative;
  padding-left: 60px;
  padding-right: 40px;
  margin-bottom: 20px;
  /*width: 100%;*/
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.store-container .store-address:before,
.store-container .store-contact1:before,
.store-container .store-contact2:before,
.store-container .store-time:before{
  position: absolute;
  content: '';
  display: block;
  top: -5px;
  left: 20px;
  width: 30px;
  height: 30px;
  background-image: url('../../images/store-icon.png');
  background-size: 120px 30px;
  background-repeat: no-repeat;
}
.store-container .store-address:before  { background-position-x: 0; }
.store-container .store-contact1:before { background-position-x: -30px; }
.store-container .store-contact2:before { background-position-x: -60px; }
.store-container .store-time:before     { background-position-x: -90px; }

.services-terms {
  font-size: 1rem;
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 673px);
  min-height: calc(100vh - 673px);
}

@media (min-width: 768px) {
  .milestones-container .milestones-item.curr-item{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 530px;
    -ms-flex: 0 0 530px;
    flex: 0 0 530px;
    max-width: 530px;
  }
}
@media (min-width: 992px) {
  .awards-container .awards-list {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
  }
}

@media (max-width: 1199px) {
  .about-us-tab .btn {
    height: 100%;
  }
  .about-us-tab .about-icon {
  }
  .about-us-tab .btn span {
    display: block;
    width: 100%;
    white-space: normal;
  }
}


@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.slideInUp {
  animation-duration: .5s;
  animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-100%,0);
        opacity: 0
    }
}

.slideOutDown {
  animation-duration: .5s;
  animation-name: slideOutDown
}

.brand-list {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.u-absolute {
  position: absolute
}
.u-relative {
  position: relative
}
.u-overflow-h {
  overflow: hidden
}
.u-pos-tl {
  top: 0;
  left: 0
}
.u-pos-tr {
  top: 0;
  right: 0
}
.u-pos-bl {
  bottom: 0;
  left: 0
}
.u-pos-br {
  bottom: 0;
  right: 0
}

/**
 * Web upgrade notification
 */
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}
.upgrade-notify:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  opacity: .5;
}
.upgrade-notify .modal-content {
  border-radius: 0;
  width: 100%;
}
.upgrade-notify .modal-header {
  border: 0;
}
.upgrade-notify .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background: #707070;
  color: #fff;
  opacity: 1;
  font-family: "proxima-nova";
    font-weight: lighter;
    font-size: 40px;
}
.upgrade-notify .modal-body h5 {
  color: #CD8E18;
  font-weight: bold;
}
.upgrade-notify .modal-body .payment-to-info {
  background-color: #F2F2F2;
}