/*
Theme Name: Progressive
Theme URI: http://template.progressive.itembridge.com/
Author: InfoStyle
Author URI: http://themeforest.net/user/InfoStyle
Description: Progressive responsive theme
Version: 2.2.4
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular_extended
*/

@charset "utf-8";

/******************************************************************************
  General
*******************************************************************************/

p.lightgray {
    color: #777;
    font-size: 80%;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

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

* {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 0;
    zoom: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
    outline: none !important;
}

html,
body {
    height: 100%;
}

.full-height {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 100%;
    line-height: 1.6;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

body.loaded {
    overflow-x: inherit;
}

.scroll-width {
    height: 150px;
    left: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    width: 200px;
}

.scroll-width div {
    height: 200px;
    width: 100%;
}

input,
button,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
}

.page-box {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.page-box-content {
    padding-bottom: 248px;
    position: relative;
}

img {
    max-width: 100%;
    height: auto;
}

svg image {
    display: none;
}

/* Text */
a {
    /*
    color: #2e5481;
    */
    color: #005F91;
}

a.no-border,
.no-border a {
    color: #7f7f7f;
    text-decoration: none;
    transition: color .2s linear;
}

a.no-border:hover,
.no-border a:hover {
    color: #1e1e1e;
    text-decoration: none;
    transition: color .2s linear;
}

.white a.no-border,
.white .no-border a {
    color: #fff;
    color: rgba(255, 255, 255, .8);
}

.white a.no-border:hover,
.white .no-border a:hover {
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 22px;
    text-rendering: optimizelegibility;
}

h2, h3, h4, h5, h6 {
    color: #000000;
}

.light {
    font-weight: normal;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 16px;
    text-transform: uppercase;
}

h4 {
    font-size: 20px;
}

h5 {
    font-weight: bold;
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin-bottom: 22px;
}

p:last-child {

}

address {
    font-size: 13px;
}

.white,
.icon.white {
    color: #fff;
}

.muted,
.icon.muted {
    color: #555;
}

.text-warning,
.text-warning:visited,
a.text-warning:hover,
.icon.text-warning {
    color: #f89406;
}

.text-error,
.text-error:visited,
a.text-error:hover,
.icon.text-error {
    color: #78a050;
}

.text-info,
.text-info:visited,
a.text-info:hover,
.icon.text-info {
    color: #0098ca;
}

.text-success,
.text-success:visited,
a.text-success:hover,
.icon.text-success {
    color: #738d00;
}

.bg-white {
    background: #fff !important;
}

.bg-muted {
    background: #555 !important;
}

.bg-primary {
    background: #428bca !important;
}

.bg-warning {
    background: #f89406 !important;
}

.bg-error,
.bg-danger {
    background: #78a050 !important;
}

.bg-info {
    background: #0098ca !important;
}

.bg-success {
    background: #738d00 !important;
}

.border-muted {
    border-color: #555 !important;
}

.border-warning {
    border-color: #f89406 !important;
}

.border-error {
    border-color: #78a050 !important;
}

.border-info {
    border-color: #005f91 !important;
}

.border-success {
    border-color: #738d00 !important;
}

.border-grey {
    border-color: #777 !important;
}

hr {
    border: 0;
    border-top: 1px solid #e1e1e1;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 0 none;
    margin: 40px 0;
}

hr.dotted {
    border-style: dotted;
    border-top-width: 1px;
}

hr.dashed {
    border-style: dashed;
    border-top-width: 1px;
}

hr.double {
    border-style: double;
    border-top-width: 3px;
}

hr.shadow {
    border: 0 none;
    margin-bottom: 30px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
}

hr.shadow:after {
    bottom: 10px;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    content: "";
    height: 20px;
    left: 5%;
    position: absolute;
    right: 5%;
    z-index: -1;
}

hr.no-line {
    border: 0 none;
    height: 1px;
}

hr.margin-bottom {
    margin-top: 0;
}

hr.margin-top {
    margin-bottom: 0;
}

.text-small {
    font-size: 12px;
    line-height: 22px;
}

.lead {
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 24px;
}

.label-success,
.badge-success {
    background-color: #8aa902;
}

.label-primary,
.badge-primary {
    background-color: #048ce2;
}

.label-info,
.badge-info {
    background-color: #02a9e0;
}

.label-warning,
.badge-warning {
    background-color: #f89406;
}

.label-danger,
.badge-danger {
    background-color: #78a050;
}

.help-block {
    margin-top: -10px;
    margin-bottom: 15px;
}

.caret {
    color: #777;
    border: 0 none;
    height: 6px;
    width: 9px;
}

.caret:before {
    content: "\f107";
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 6px;
    position: absolute;
    width: 9px;
}

.open .caret {
    color: #777;
}

.btn .caret {
    margin: -2px 0 0;
}

.btn-group .caret {
    color: #fff;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border: 0 none;
}

.dropup .caret:before,
.navbar-fixed-bottom .dropdown .caret:before {
    content: "\f106";
}

.btn.dropdown-toggle,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:focus {
    outline: none;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rating-box {
    background-image: url("../img/svg/rating.svg"), none;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 12px;
    width: 73px;
}

.rating-box .rating {
    height: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 73px;
}

.rating-box .rating * {
    vertical-align: top;
}

.prising-info .rating-box .rating svg polygon {
    fill: #01a5db;
}

.pricing-success .rating-box .rating svg polygon {
    fill: #84a200;
}

.pricing-error .rating-box .rating svg polygon {
    fill: #d40746;
}

.switches a {
    background: #d8dee3;
    border-radius: 5px;
    display: inline-block;
/ / display: block;
/ / float: left;
    height: 10px;
    margin: 0 5px;
    text-indent: -9999px;
    vertical-align: top;
    width: 10px;
}

.switches a.selected {
    background-color: #41474c;
    background-image: linear-gradient(to top, #41474c, #6a7279);
}

.switches a span {
    display: none;
}

.close,
.close:visited {
    float: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    color: #7f7f7f;
    position: relative;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
    vertical-align: top;
    transition: color .2s linear;
}

.close:hover,
.close:focus {
    color: #1e1e1e;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: color .2s linear;
}

.close span {
    display: inline-block;
    font-size: 12px;
    font-family: Arial;
    line-height: 12px;
    margin-top: 2px;
    vertical-align: top;
}

.product-remove,
.product-remove:visited {
    color: #7f7f7f;
    height: 16px;
    text-decoration: none;
    width: 16px;
    transition: color .2s linear;
}

.product-remove:hover {
    color: #1e1e1e;
    transition: color .2s linear;
}

.product-remove path {
    fill: currentColor;
    transition: all .2s linear;
}

.product-remove i {
    font-size: 16px;
}

a.edit {
    color: #707070;
    font-size: 12px;
    text-decoration: none;
    transition: opacity .2s linear;
}

a.edit:hover {
    color: #707070;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

a.edit i:before {
    font-style: italic;
    line-height: 9px;
    margin: 0;
}

.map-box iframe {
    border: 0 none;
    border-radius: 5px;
    width: 100%;
}

.map-box img {
    max-width: inherit;
}

.map-canvas {
    height: 400px;
}

.map-canvas * {
    border: 0 none;
}

.map-content {
    width: 200px;
}

.map-content .title {
    font-size: 16px;
    margin-bottom: 10px;
}

/* Alert */
.alert {
    background-color: #555;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    min-height: 34px;
    margin-bottom: 22px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-shadow: none;
    transition: opacity .3s linear;
}

.alert-black {
    background-color: #1e1e1e;
}

.alert-success {
    background-color: #738d00;
}

.alert-danger {
    background-color: #78a050;
}

.alert-info {
    background-color: #0098ca;
}

.alert-warning {
    background-color: #f89406;
}

.alert .alert-link {
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

.alert .alert-link:hover {
    color: #fff;
}

.alert .close {
    color: #fff;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 9px;
}

.alert .alert-icon {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}

.alert .alert-icon:before {
    font-size: 34px;
}

.alert.alert-border {
    background: none;
    border: 1px solid #e1e1e1;
    color: #1e1e1e;
}

.alert.alert-border .close {
    color: #1e1e1e;
}

.alert.alert-border.alert-black {
    background: none;
    border: 1px solid #1e1e1e;
}

.alert.alert-border.alert-success {
    background: none;
    border: 1px solid #738d00;
}

.alert.alert-border.alert-danger {
    background: none;
    border: 1px solid #78a050;
}

.alert.alert-border.alert-warning {
    background: none;
    border: 1px solid #f89406;
}

.alert.alert-border.alert-info {
    background: none;
    border: 1px solid #0098ca;
}

/* Tooltip */
.tooltip.left {
    margin-left: -12px;
}

#tooltip {
    border: 1px solid #e1e1e1;
    background-color: #f7f7f7;
    padding: 5px;
    position: absolute;
    z-index: 3000;
}

#tooltip h3,
#tooltip div {
    margin: 0;
}

.text-warning + .tooltip .tooltip-inner {
    background-color: #c09853;
}

.text-warning + .tooltip.top .tooltip-arrow {
    border-top-color: #c09853;
}

.text-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #c09853;
}

.text-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #c09853;
}

.text-warning + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #c09853;
}

.text-error + .tooltip .tooltip-inner {
    background-color: #78a050;
}

.text-error + .tooltip.top .tooltip-arrow {
    border-top-color: #78a050;
}

.text-error + .tooltip.right .tooltip-arrow {
    border-right-color: #78a050;
}

.text-error + .tooltip.left .tooltip-arrow {
    border-left-color: #78a050;
}

.text-error + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #78a050;
}

.text-info + .tooltip .tooltip-inner {
    background-color: #0098ca;
}

.text-info + .tooltip.top .tooltip-arrow {
    border-top-color: #0098ca;
}

.text-info + .tooltip.right .tooltip-arrow {
    border-right-color: #0098ca;
}

.text-info + .tooltip.left .tooltip-arrow {
    border-left-color: #0098ca;
}

.text-info + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0098ca;
}

.text-success + .tooltip .tooltip-inner {
    background-color: #738d00;
}

.text-success + .tooltip.top .tooltip-arrow {
    border-top-color: #738d00;
}

.text-success + .tooltip.right .tooltip-arrow {
    border-right-color: #738d00;
}

.text-success + .tooltip.left .tooltip-arrow {
    border-left-color: #738d00;
}

.text-success + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #738d00;
}

/* Popover */
.popover {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

/* List Group */
a.list-group-item,
a.list-group-item:hover,
a.list-group-item:focus {
    transition: background-color .3s linear, color .3s linear;
}

.list-group-item-success {
    background-color: #738d00;
    border: 0 none;
    color: #fff;
}

.list-group-item-info {
    background-color: #0098ca;
    border: 0 none;
    color: #fff;
}

.list-group-item-warning {
    background-color: #f89406;
    border: 0 none;
    color: #fff;
}

.list-group-item-danger {
    background-color: #78a050;
    border: 0 none;
    color: #fff;
}

a.list-group-item-success,
a.list-group-item-info,
a.list-group-item-warning,
a.list-group-item-danger {
    color: #fff;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    background-color: #819819;
    color: rgba(255, 255, 255, .7);
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    background-color: #19A2CF;
    color: rgba(255, 255, 255, .7);
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    background-color: #F99F1F;
    color: rgba(255, 255, 255, .7);
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    background-color: #78a050;
    color: rgba(255, 255, 255, .7);
}

.list-group-item .badge {
    margin-top: 2px;
}

/* Forms */
form {
    margin-bottom: 22px;
}

label {
    font-weight: bold;
    margin: 0 0 3px;
}

.required {
    color: #c3293a;
    display: inline-block;
    font-size: 14px;
}

.selectBox,
.form-control {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
    border-radius: 3px;
    font-size: 12px;
    height: 40px;
    line-height: 22px;
    margin-bottom: 22px;
    min-height: 40px;
    padding: 8px 12px;
    width: calc(100% - 10px);
    margin-right: 22px;
}

.selectBox:hover,
.form-control:hover {
    border-color: #ccc;
    text-decoration: none;
}

.selectBox.selectBox-menuShowing,
.form-control:focus {
    outline: none;
    transition: border linear .2s, box-shadow linear .2s;
}

textarea.form-control {
    height: 100px;
    max-width: 100%;
}

.radio,
.checkbox {
    font-weight: normal;
    margin: 0 0 8px;
    min-height: 18px;
    padding-left: 20px;
}

.new-radio,
.new-checkbox {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    height: 15px;
    margin: 2px 5px 0 0;
    width: 15px;
    position: relative;
}

.new-radio {
    border-radius: 7px;
    height: 14px;
    width: 14px;
}

.new-radio input[type="radio"],
.new-checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    vertical-align: top;
    width: 100%;
}

.new-checkbox svg {
    display: none;
    height: 18px;
    margin: -3px 0 0 -2px;
    width: 18px;
    position: absolute;
    top: 0;
    left: 0;
}

.new-checkbox svg polygon {
    fill: #1e1e1e;
}

.new-checkbox.checked svg {
    display: block;
}

.new-radio span {
    border-radius: 3px;
    display: block;
    height: 6px;
    margin: 3px 0 0 3px;
    width: 6px;
}

.new-radio.checked span {
    background: #1e1e1e;
}

.new-radio.disabled,
.new-checkbox.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 20px;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    margin-left: -20px;
}

.selectBox::-webkit-scrollbar,
.selectBox-dropdown-menu::-webkit-scrollbar {
    background: #5;
    width: 10px;
}

.selectBox::-webkit-scrollbar-thumb,
.selectBox-dropdown-menu::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 2px;
    background-color: #839bb7;
    width: 5px;
}

.selectBox {
    cursor: pointer;
    position: relative;
    text-decoration: none;
    background: #005f91;
    color: #fff;
    border: 0 none;
    border-radius: 3px;
    min-width: 124px;
}

.selectBox:hover,
.selectBox:focus,
button {
    outline: none;
    text-decoration: none;
}

.selectBox-label {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    padding: 0 12px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.selectBox-arrow {
    background: url("../img/svg/select.svg") 50% 50% no-repeat;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    height: 100%;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}

.selectBox-dropdown-menu {
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px rgba(46, 84, 129, .3);
    border: solid 1px #839bb7;
    outline: none;
    transition: border linear .2s,
    box-shadow linear .2s;
    color: #5f5f5f;
    font-size: 12px;
    list-style: none;
    margin: 0;
    max-height: 130px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

.selectBox-options li {
    display: block;
    padding: 3px 0;
}

.selectBox-options li a {
    color: #1e1e1e;
    cursor: pointer;
    display: block;
    line-height: 1.2;
    padding: 2px 2px 2px 16px;
    text-decoration: none;
    transition: all .2s linear;
}

.selectBox-options li + li a {
}

.selectBox-options li a:hover {
    background: #005F91;
    color: #ffffff;
    text-decoration: none;
    transition: all .2s linear;
}

.selectBox-options li.selectBox-selected a {
    background: #005F91;
    color: #ffffff;
    text-decoration: none;
}

.selectBox-inline {
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

.selectBox-inline ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: default;
}

fieldset[disabled] select,
fieldset[disabled] .selectBox,
fieldset[disabled] .selectBox .selectBox-label,
.selectBox.selectBox-disabled,
.selectBox.selectBox-disabled .selectBox-label {
    color: #999;
}

fieldset[disabled] .selectBox .selectBox-arrow,
.selectBox.selectBox-disabled .selectBox-arrow {
    opacity: .3;
    filter: alpha(opacity=30);
}

.selectBox.selectBox-disabled:focus {
    border-color: #e1e1e1;
    box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
}

.form-inline .control-label,
.form-inline .form-control,
.form-horizontal .form-group .form-control {
    margin-bottom: 0;
}

/* Form size */
.input-lg {
    border-radius: 4px;
    font-size: 18px;
    height: 46px;
    line-height: 1.33;
    padding-top: 10px;
    padding-bottom: 10px;
}

.input-sm {
    border-radius: 2px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    min-height: inherit !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Form color */
.has-feedback .form-control-feedback {
    height: 40px;
    line-height: 40px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
    color: #738d00;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
    color: #f89406;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
    color: #78a050;
}

.has-success .form-control {
    border-color: #738d00;
}

.has-warning .form-control {
    border-color: #f89406;
}

.has-error .form-control {
    border-color: #78a050;
}

.has-success .form-control:focus {
    border-color: #738d00;
    box-shadow: 0 0 10px rgba(115, 141, 0, .3);
    transition: box-shadow linear .2s;
}

.has-warning .form-control:focus {
    border-color: #f89406;
    box-shadow: 0 0 10px rgba(248, 148, 6, .3);
}

.has-error .form-control:focus {
    border-color: #78a050;
    box-shadow: 0 0 10px rgba(193, 8, 65, .3);
}

/* IMG */
.alignnone {
    margin: 0 0 25px;
}

.aligncenter {
    clear: both;
    margin: 0 auto 25px;
    text-align: center;
}

.alignleft {
    float: left;
    margin: 0 25px 25px 0;
}

.alignright {
    float: right;
    margin: 0 0 25px 25px;
}

.caption {
    color: #7f7f7f;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 22px;
    max-width: 100%;
}

.caption img {
    display: block;
    margin: 0 auto 10px;
}

.img-rounded {
    border-radius: 4px;
}

.img-thumbnail {
    border-radius: 0;
    display: inline-block;
    line-height: 0;
    position: relative;
    transition: opacity .2s ease-in;
    width: auto;
}

.img-thumbnail:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s ease-out;
}

.img-thumbnail.lightbox:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.img-thumbnail .bg-images {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-out;
}

.img-thumbnail:hover > .bg-images {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    transition: all .2s ease-out;
}

.img-thumbnail .bg-images i {
    margin: 5px 0 0 5px;
}

.img-thumbnail .bg-images i:before {
    color: #fff;
    font-size: 20px;
    transition: all .2s ease-out;
}

.img-thumbnail:hover .bg-images i:before {
    color: #000;
    font-size: 30px;
    transition: all .2s ease-out;
}

.img-thumbnail.img-rounded,
.img-thumbnail.img-rounded img,
.img-thumbnail.img-rounded .bg-images {
    border-radius: 4px;
}

.img-thumbnail.img-circle,
.img-thumbnail.img-circle img,
.img-thumbnail.img-circle .bg-images {
    border-radius: 500px;
}

.img-thumbnail.img-circle .bg-images i {
    margin: 17% 0 0 17%;
}

.img-thumbnail .bg-images i {
    margin: 9px 0 0 9px;
}

.fancybox-wrap {
    -webkit-overflow-scrolling: touch;
}

/* Video */
embed,
iframe,
object,
video,
audio {
    max-width: 100%;
}

.video-box {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    height: 0;
    margin-bottom: 22px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.video-box embed,
.video-box iframe,
.video-box object,
.video-box video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-box.html5 {
    height: auto;
    padding: 0;
}

.video-box.html5 .video-js {
    height: auto !important;
    line-height: 0;
    width: 100% !important;
}

.video-box.html5 .video-js .vjs-tech {
    height: auto;
    margin: 0;
    position: relative;
    width: 100%;
}

.video-box.html5 .vjs-default-skin {
    color: #fff;
}

.video-box.html5 .vjs-default-skin .vjs-play-progress,
.video-box.html5 .vjs-default-skin .vjs-volume-level {
    background-color: #555;
}

.video-box.html5 .vjs-default-skin .vjs-control-bar,
.video-box.html5 .vjs-default-skin .vjs-big-play-button {
    background: rgba(0, 0, 0, .8);
}

.video-box.html5 .vjs-default-skin .vjs-slider {
    background: rgba(0, 0, 0, .8);
}

/* Audio */
.audio-box audio {
    width: 100%;
}

.jp-audio,
.jp-audio *,
.jp-jplayer,
.jp-jplayer * {
    box-sizing: content-box;
}

div.jp-audio ul.jp-controls {
    box-sizing: border-box;
    width: 100%;
}

div.jp-audio {
    box-sizing: border-box;
    min-width: 300px;
    width: 100%;
}

/* Nav Bar */
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
    color: #7b7b7b;
    text-shadow: none;
}

/* Drop Down */
.dropdown-backdrop {
    position: static;
}

.btn-group .dropdown-toggle,
.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.dropdown-menu {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    min-width: 156px;
    padding: 0;
    z-index: 800;
}

.open > .dropdown-menu {
    -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;
}

/* Button */
.btn,
.btn:visited {
    background: #1e1e1e;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    line-height: 22px;
    outline: none;
    padding: 9px 20px;
    text-shadow: none;
    -webkit-filter: none;
            filter: none;
    transition: background .2s linear,
    color .2s linear;
    white-space: normal;
    margin-right: 22px;
}

.btn:last-child {
    margin-right: 0;
}

.btn.right {
    float: right;
}

.btn svg {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.btn-view svg {
    top: 0px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background: #565656;
    *background: #565656;
    color: #fff;
    outline: none;
    transition: background .2s linear,
    color .2s linear;
}

.btn:active,
.btn.active,
.btn-group.open .btn.dropdown-toggle {
    background: #1e1e1e;
    background-color: rgba(30, 30, 30, .75);
    box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
    outline: none;
}

.btn-group.open .btn.dropdown-toggle {
    background: #1e1e1e;
    background-color: rgba(30, 30, 30, .75);
    box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
}

.btn.btn-inverse,
.btn.btn-inverse:visited {
    background: #ccc;
    background: rgba(30, 30, 30, .3);
}

.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.btn.btn-inverse.active,
.btn.btn-inverse.disabled,
.btn.btn-inverse[disabled] {
    color: #efefef;
    background-color: #000;
}

.btn.btn-inverse:active,
.btn.btn-inverse.active,
.btn-group.open .btn.dropdown-toggle.btn-inverse {
    background-color: #ccc;
}

.btn.btn-primary,
.btn.btn-primary:visited {
    background: #037ac5;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.disabled,
.btn.btn-primary[disabled] {
    color: #ffffff;
    background-color: #048ce2;
}

.btn.btn-primary:active,
.btn.btn-primary.active,
.btn-group.open .btn.dropdown-toggle.btn-primary {
    background-color: #048ce2;
}

.btn.btn-warning,
.btn.btn-warning:visited {
    background: #f89406;
}

.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning.active,
.btn.btn-warning.disabled,
.btn.btn-warning[disabled] {
    color: #ffffff;
    background-color: #fda425;
}

.btn.btn-warning:active,
.btn.btn-warning.active,
.btn-group.open .btn.dropdown-toggle.btn-warning {
    background-color: #fda425;
}

.btn.btn-danger,
.btn.btn-danger:visited {
    background: #78a050;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger.active,
.btn.btn-danger.disabled,
.btn.btn-danger[disabled] {
    color: #ffffff;
    background-color: #78a050;
}

.btn.btn-danger:active,
.btn.btn-danger.active,
.btn-group.open .btn.dropdown-toggle.btn-danger {
    background-color: #78a050;
}

.btn.btn-success,
.btn.btn-success:visited {
    background: #738d00;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success.active,
.btn.btn-success.disabled,
.btn.btn-success[disabled] {
    color: #ffffff;
    background-color: #8aa902;
}

.btn.btn-success:active,
.btn.btn-success.active,
.btn-group.open .btn.dropdown-toggle.btn-success {
    background-color: #8aa902;
}

.btn.btn-info,
.btn.btn-info:visited {
    background: #0098ca;
}

.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info:active,
.btn.btn-info.active,
.btn.btn-info.disabled,
.btn.btn-info[disabled] {
    color: #ffffff;
    background-color: #02a9e0;
}

.btn.btn-info:active,
.btn.btn-info.active,
.btn-group.open .btn.dropdown-toggle.btn-info {
    background-color: #02a9e0;
}

.btn.btn-link,
.btn.btn-link:active,
.btn.btn-link[disabled] {
    background: none;
    box-shadow: none;
}

.btn.btn-link,
.btn.btn-link:visited {
    cursor: pointer;
    color: #2e5481;
}

.btn.btn-link:hover,
.btn.btn-link:focus {
    background: none;
    color: #2e5481;
    text-decoration: underline;
}

.btn.btn-link[disabled]:hover,
.btn.btn-link[disabled]:focus {
    opacity: .8;
    filter: alpha(opacity=80);
}

.btn.btn-red,
.btn.btn-red:visited {
    background: #ed093a;
}

.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active,
.btn.btn-red.disabled,
.btn.btn-red[disabled] {
    color: #ffffff;
    background-color: #fb4c71;
}

.btn.btn-white,
.btn.btn-white:visited {
    background: #fff;
    color: #1e1e1e;
}

.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white.active,
.btn.btn-white.disabled,
.btn.btn-white[disabled],
.btn-group.open .btn.dropdown-toggle.btn-white {
    color: #1e1e1e;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
}

.btn.disabled,
.btn[disabled] {
    box-shadow: none;
}

.btn.btn-border {
    background: none;
    border: 1px solid #1e1e1e;
    color: #1e1e1e;
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn.btn-border .caret {
    color: #1e1e1e;
}

.btn.btn-border.btn-inverse,
.btn.btn-border.btn-inverse .caret {
    border-color: rgba(30, 30, 30, .3);
    color: rgba(30, 30, 30, .3);
}

.btn.btn-border.btn-primary,
.btn.btn-border.btn-primary .caret {
    border-color: #037ac5;
    color: #037ac5;
}

.btn.btn-border.btn-warning,
.btn.btn-border.btn-warning .caret {
    border-color: #f89406;
    color: #f89406;
}

.btn.btn-border.btn-danger,
.btn.btn-border.btn-danger .caret {
    border-color: #78a050;
    color: #78a050;
}

.btn.btn-border.btn-success,
.btn.btn-border.btn-success .caret {
    border-color: #738d00;
    color: #738d00;
}

.btn.btn-border.btn-info,
.btn.btn-border.btn-info .caret {
    border-color: #0098ca;
    color: #0098ca;
}

.btn.btn-border:hover,
.btn.btn-border:focus,
.btn.btn-border:active,
.btn.btn-border.active,
.btn.btn-border.disabled,
.btn.btn-border[disabled],
.btn-group.open .btn.dropdown-toggle.btn-border,
.btn.btn-border:hover .caret,
.btn.btn-border:focus .caret,
.btn.btn-border:active .caret,
.btn.btn-border.active .caret,
.btn.btn-border.disabled .caret,
.btn.btn-border[disabled] .caret,
.btn-group.open .btn.dropdown-toggle.btn-border .caret {
    color: #fff;
}

.btn-group > .btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn.btn-lg {
    font-size: 14px;
    padding: 16px 45px;
}

.btn.btn-sm {
    font-size: 12px;
    padding: 5px 15px;
}

.btn.btn-xs {
    font-size: 10px;
    padding: 2px 10px;
}

.btn-group > .btn:before,
.btn-group > .btn:after {
    border-left: 1px solid rgba(255, 255, 255, .2);
    bottom: 0;
    display: inline-block;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}

.btn-group > .btn.btn-border:before,
.btn-group > .btn.btn-border:after {
    display: none;
}

.btn-group > .btn:after {
    left: auto;
    right: 0;
}

.btn-group > .btn:first-child:before,
.btn-group > .btn:last-child:after,
.btn-group > .btn:only-of-type:after,
.btn-group > .btn:only-of-type:before {
    display: none;
}

.ladda-button {
    font-size: 100%;
}

.ladda-button[data-style=contract][data-loading] {
    width: 42px;
}

/* Tables */
.table {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 22px;
    text-align: center;
}

th {
    text-align: center;
}

.table.text-left,
.table.text-left th:not(.text-center) {
    text-align: left;
}

.table.text-right,
.table.text-right th:not(.text-center) {
    text-align: right;
}

.table th,
.table td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #e1e1e1;
    line-height: 18px;
    padding: 16px 10px 15px;
}

.table > thead > tr > th {
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
}

.table-striped thead th {
    background-color: #f7f7f7;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background: none;
}

.table-bordered {
    border-radius: 0;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.table-hover tbody tr > td,
.table-hover tbody tr > th {
    transition: all 0.4s linear;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #fffdee;
    transition: all 0.4s linear;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 4px 5px;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #f89406;
    color: #fff;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #738d00;
    color: #fff;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #78a050;
    color: #fff;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #0098ca;
    color: #fff;
}

/* Quotes */
blockquote {
    padding: 0 0 0 20px;
    margin: 0 0 22px;
    border-left: 2px solid #e1e1e1;
}

blockquote.pull-right {
    border-left: 0;
    border-right: 2px solid #e1e1e1;
    float: right;
    padding-left: 0;
    padding-right: 20px;
}

blockquote p {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 0;
}

blockquote small {
    line-height: 26px;
}

/* Tabs */
.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
}

.nav-tabs > li > a {
    border-radius: 2px 2px 0 0;
    color: #1e1e1e;
    font-size: 12px;
    padding: 10px 20px 11px;
    transition: background-color .2s linear;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f7f7f7;
    transition: background-color .2s linear;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: #f7f7f7 #f7f7f7 #e1e1e1;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    border: 1px solid #e1e1e1;
    border-bottom-color: transparent;
    color: #1e1e1e;
    font-weight: bold;
}

.nav-tabs > .active.dropdown > a {
    z-index: 911;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    padding: 36px 0 0;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
    margin: 0;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 110px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    border: 0 none;
    border-right: 1px solid #ddd;
    float: left;
    margin: 0 -1px 0 0;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #f7f7f7 #ddd #f7f7f7 #f7f7f7;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
}

.tabs-left > .tab-content {
    border-left: 1px solid #ddd;
    margin: 0;
    overflow: auto;
}

.tabs-left > .tab-content > .tab-pane {
    padding: 0 0 0 20px;
}

.tabs-right > .nav-tabs {
    border: 0 none;
    border-left: 1px solid #ddd;
    float: right;
    margin: 0 0 0 -1px;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #f7f7f7 #f7f7f7 #f7f7f7 #ddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
}

.tabs-right > .tab-content {
    border-right: 1px solid #ddd;
    margin: 0;
    overflow: auto;
}

.tabs-right > .tab-content > .tab-pane {
    padding: 0 20px 0 0;
}

/* Accordion */
.panel {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 22px;
}

.panel-heading {
    padding: 9px 20px;
    border: 0 none;
    border-radius: 0;
}

.panel-footer {
    background-color: #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.panel-title {
    font-size: 14px;
}

.panel-body {
    padding: 10px 20px;
}

.list-group-item {
    padding-left: 20px;
    padding-right: 20px;
}

.panel-primary {
    border-color: #037ac5;
}

.panel-success {
    border-color: #738d00;
}

.panel-info {
    border-color: #0098ca;
}

.panel-warning {
    border-color: #f89406;
}

.panel-danger {
    border-color: #78a050;
}

.panel-default > .panel-heading {
    background-color: #f2f2f2;
    color: #1e1e1e;
}

.panel-primary > .panel-heading {
    background-color: #037ac5;
    color: #fff;
}

.panel-success > .panel-heading {
    background-color: #738d00;
    color: #fff;
}

.panel-info > .panel-heading {
    background-color: #0098ca;
    color: #fff;
}

.panel-warning > .panel-heading {
    background-color: #f89406;
    color: #fff;
}

.panel-danger > .panel-heading {
    background-color: #78a050;
    color: #fff;
}

.panel-default {
    border-color: #e1e1e1;
}

.panel-default > .panel-heading {
    background-color: #e1e1e1;
}

.panel-group {
    margin-bottom: 22px;
}

.panel-group .panel {
    background-color: inherit;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
}

.panel-group .panel .panel-heading {
    background-color: inherit;
    padding: 0;
    position: relative;
}

.panel-group .panel .panel-heading > .panel-title:before {
    background: #e1e1e1;
    background: rgba(255, 255, 255, .4);
    bottom: 0;
    content: "";
    display: block;
    left: 45px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1;
}

.panel-group .active.panel .panel-heading > .panel-title:before {
    background: #444;
    background: rgba(255, 255, 255, .2);
}

.panel-group .panel .panel-heading > .panel-title > a {
    background-color: #f2f2f2;
    color: #1e1e1e;
    display: block;
    line-height: 22px;
    padding: 9px 9px 9px 60px;
    text-decoration: none;
    transition: background-color .2s linear;
}

.panel-group .panel .panel-heading > .panel-title > a:hover {
    background-color: #e9e9e9;
    transition: background-color .2s linear;
}

.panel-group .active.panel .panel-heading > .panel-title > a,
.panel-group .active.panel .panel-heading > .panel-title > a:hover {
    background-color: #1e1e1e;
    color: #fff;
    display: block;
    padding: 9px 9px 9px 60px;
    text-decoration: none;
}

.panel-group .panel .panel-heading > .panel-title > a:before,
.panel-group .panel .panel-heading > .panel-title > a:after {
    background: #1e1e1e;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 19px 0 0 15px;
    position: absolute;
    top: 0;
    width: 16px;
}

.panel-group .panel .panel-heading > .panel-title > a:after {
    height: 16px;
    margin: 12px 0 0 22px;
    width: 2px;
}

.panel-group .active.panel .panel-heading > .panel-title > a:before,
.panel-group .active.panel .panel-heading > .panel-title > a:after {
    background: #fff;
}

.panel-group .active.panel .panel-heading > .panel-title > a:after {
    display: none;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0 none;
}

.panel-group .panel.e-hidden {
    margin: 0;
    overflow: hidden;
}

.panel-group .panel-default .panel-heading > .panel-title > a {
    background-color: #f2f2f2;
}

.panel-group .panel-default .panel-heading > .panel-title > a:hover {
    background-color: #e9e9e9;
}

.panel-group .panel-primary .panel-heading > .panel-title > a {
    background-color: #037ac5;
    color: #fff;
}

.panel-group .panel-primary .panel-heading > .panel-title > a:hover {
    background-color: rgba(3, 122, 197, .9);
    color: #fff;
}

.panel-group .panel-success .panel-heading > .panel-title > a {
    background-color: #738d00;
    color: #fff;
}

.panel-group .panel-success .panel-heading > .panel-title > a:hover {
    background-color: rgba(115, 141, 0, .9);
}

.panel-group .panel-info .panel-heading > .panel-title > a {
    background-color: #0098ca;
    color: #fff;
}

.panel-group .panel-info .panel-heading > .panel-title > a:hover {
    background-color: rgba(0, 152, 202, .9);
}

.panel-group .panel-warning .panel-heading > .panel-title > a {
    background-color: #f89406;
    color: #fff;
}

.panel-group .panel-warning .panel-heading > .panel-title > a:hover {
    background-color: rgba(248, 148, 6, .9);
}

.panel-group .panel-danger .panel-heading > .panel-title > a {
    background-color: #78a050;
    color: #fff;
}

.panel-group .panel-danger .panel-heading > .panel-title > a:hover {
    background-color: rgba(193, 8, 65, .9);
}

.panel-group .panel-primary .panel-heading > .panel-title > a:before,
.panel-group .panel-primary .panel-heading > .panel-title > a:after,
.panel-group .panel-success .panel-heading > .panel-title > a:before,
.panel-group .panel-success .panel-heading > .panel-title > a:after,
.panel-group .panel-info .panel-heading > .panel-title > a:before,
.panel-group .panel-info .panel-heading > .panel-title > a:after,
.panel-group .panel-warning .panel-heading > .panel-title > a:before,
.panel-group .panel-warning .panel-heading > .panel-title > a:after,
.panel-group .panel-danger .panel-heading > .panel-title > a:before,
.panel-group .panel-danger .panel-heading > .panel-title > a:after {
    background-color: #fff;
}

.panel-group.one-open .panel.active .panel-heading > .panel-title > a {
    cursor: default;
}

.panel-group .panel-body {
    padding: 10px 0 10px 1px;
}

.panel.panel-bg .panel-body {
    background: #f7f7f7;
    padding-left: 20px;
    padding-right: 20px;
}

/* Progress */
.progress {
    border-radius: 0;
    height: 40px;
}

.progress-bar {
    font-size: 14px;
    background: #1e1e1e;
    -webkit-filter: none;
            filter: none;
    box-shadow: none;
    line-height: 40px;
    text-align: left;
    text-indent: 10px;
    text-shadow: none;
    transition: background 0.2s linear;
}

.progress-bar-info {
    background-color: #0098ca;
}

.progress-bar-success {
    background-color: #738d00;
}

.progress-bar-warning {
    background-color: #f89406;
}

.progress-bar-danger {
    background-color: #78a050;
}

.progress.border-radius {
    border-radius: 5px;
}

.progress[data-appear-progress-animation] .progress-bar {
    text-indent: -100%;
}

.progress.hover .progress-bar:hover {
    background: #1e1e1e;
}

.progress.hover .progress-bar-info:hover {
    background: #0098ca;
}

.progress.hover .progress-bar-success:hover {
    background: #738d00;
}

.progress.hover .progress-bar-warning:hover {
    background: #c09853;
}

.progress.hover .progress-bar-danger:hover {
    background: #78a050;
}

.progress-circular {
    position: relative;
    text-align: center;
}

.progress-circular > div {
    display: inline-block;
    vertical-align: top;
}

.progress-circular input.knob {
    border: 0 none;
    box-shadow: none;
    color: #7f7f7f;
    font-size: 0;
    font-style: italic;
    font-weight: normal !important;
}

/* Pagination */
.pagination {
    margin: 20px 0;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #ccc;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 5px 0 0;
    min-width: 6px;
    padding: 0 9px;
    text-align: center;
    transition: all .2s linear;
}

.pagination > li > a:hover,
.pagination > li > a:hover {
    background-color: #1e1e1e;
    color: #fff;
    transition: all .2s linear;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .7);
    color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-left-width: 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: normal;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: #ccc;
    color: #fff;
}

.pagination + .pagination-text {
    color: #999;
    font-size: 12px;
    float: right;
    line-height: 24px;
    vertical-align: top;
}

.pagination.pagination-lg > li > a,
.pagination.pagination-lg > li > span {
    font-size: 16px;
    line-height: 28px;
    padding: 4px 14px;
}

.pagination.pagination-sm > li > a,
.pagination.pagination-sm > li > span {
    font-size: 10px;
    line-height: 20px;
    padding: 0 7px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* Icons */
.icon {
    background: none;
    color: #1e1e1e;
    display: inline-block;
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    margin: 0 0 4px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 32px;
}

.icon.pull-left {
    float: left;
    margin-right: 10px;
}

.icon.pull-right {
    float: right;
    margin-left: 10px;
}

.icon.icon-24 {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    width: 24px;
}

.icon.icon-40 {
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.icon.icon-60 {
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.icon.icon-100 {
    font-size: 50px;
    height: 100px;
    line-height: 100px;
    width: 100px;
}

.icon .fa {
    width: 100%;
}

.icon.rounded {
    border-radius: 3px;
}

.icon.circle {
    border-radius: 50%;
}

.icon.border {
    box-sizing: border-box;
    border-width: 1px;
}

.sbtnf:before,
.sbtnf:after {
    box-sizing: content-box;
}

/* Frames */
.rotated-box {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.rotated-right-box {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

/* Modal */
.modal {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.modal.modal-center .modal-dialog {
    transform: translate(0, 0%) !important;
    -ms-transform: translate(0, 0%) !important;
    -webkit-transform: translate(0, 0%) !important;
}

.modal .close {
    font-size: 26px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.modal .close span {
    line-height: 18px;
    margin-right: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.modal-header {
    border: 0 none;
    padding: 30px 20px 0;
}

.modal-header .title-box {
    margin-bottom: 20px;
}

.modal-header .title-box .title {
    margin: 0 0 12px 0;
    padding: 0;
}

.modal-body {
    padding: 0 20px 20px;
}

.modal-footer {
    background-color: #f7f7f7;
    border-top: 1px solid #e1e1e1;
    border-radius: 0 0 3px 3px;
    box-shadow: inset 0 1px 0 #ffffff;
    padding: 20px;
}

/* Product */
.product-name a {
    color: #1e1e1e;
    text-decoration: none;
    transition: opacity .2s linear;
}

.product-name a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.product-image {
    background: #f2f2f2;
    display: inline-block;
    line-height: 0;
}

.product-image > img {
    width: 100%;
    transition: opacity 0.2s linear;
}

.product-image:hover > img {
    opacity: .9;
    filter: alpha(opacity=90);
    transition: opacity 0.2s linear;
}

.rotation .product-image:hover > img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.price-old {
    color: #7f7f7f;
    display: inline-block;
    margin-right: 6px;
    position: relative;
}

.price-old:before {
    background: #f00;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    margin: 0 0 0 -23px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    width: 46px;
}

.sale {
    border-top: 56px solid #f89406;
    border-right: 56px solid transparent;
    display: block;
    height: 0;
    line-height: 22px;
    position: absolute;
    width: 0;
    z-index: 1;
    -webkit-transform: translateZ(0px);
}

.sale:before {
    color: #fff;
    content: "Sale";
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: -46px 0 0 5px;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.sale.top {
    border-top: 56px solid #738d00;
}

.sale.top:before {
    content: "Top";
}

.sale.new {
    border-top: 56px solid #78a050;
}

.sale.new:before {
    content: "New";
}

.sale.best {
    border-top: 56px solid #0098ca;
}

.sale.best:before {
    content: "Best";
}

/* Additional Classes */
.display-t {
    display: table;
}

.display-tc {
    display: table-cell;
}

.slim {
    font-weight: normal;
}

.border-radius {
    border-radius: 5px;
}

.bg {
    background-color: #f2f2f2;
}

.border {
    border-width: 1px;
}

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

.margin-center {
    margin: 0 auto;
}

.bottom-padding {
    margin-bottom: 80px;
}

.bottom-padding-mini {
    margin-bottom: 40px;
}

.bottom-padding.last {
    margin-bottom: 0;
}

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

.col2-set .col-1,
.col2-set .col-2 {
    float: left;
    width: 48.5%;
}

.col2-set .col-2 {
    float: right;
}

/******************************************************************************
  Top
*******************************************************************************/
#top-box {
    width: 100%;
}

#top-box .top-box-wrapper {
    background: #1e1e1e;
    min-height: 30px;
    padding: 5px 0;
}

/* Language/Currency */
.btn-group.btn-select {
    color: #7f7f7f;
    font-size: 12px;
    vertical-align: top;
}

#top-box .btn-group.btn-select {
    margin: 3px 0 0 0;
}

#top-box .btn-group.btn-select.language {
    margin-right: 6px;
}

.btn-group.btn-select .dropdown-toggle {
    background: rgba(255, 255, 255, .1);
    border: 1px solid transparent;
    box-shadow: none;
    color: #7f7f7f;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 7px 3px;
    z-index: 2;
}

.btn-group.btn-select.open .btn.dropdown-toggle {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0 none;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    color: #7f7f7f;
}

.btn-group.btn-select .btn.dropdown-toggle .caret {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    margin-left: 0;
}

.btn-group.btn-select.open .btn.dropdown-toggle .caret {
    color: #777;
}

.btn-group.btn-select.open .btn.dropdown-toggle:after {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0px;
    margin: 0 0 -6px;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 3;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
}

.btn-group.btn-select .dropdown-menu {
    border-radius: 0 3px 3px 3px;
    margin: 0;
    padding-top: 8px;
    z-index: 1;
}

.btn-group.btn-select .dropdown-menu > li > a {
    font-size: 12px;
    line-height: 22px;
    padding: 4px 6px;
}

.btn-group.btn-select .dropdown-menu > li > a:hover {
    background: #f2f2f2;
}

.btn-group.btn-select .dropdown-menu > li > a img {
    margin: 5px 9px 0 0;
    vertical-align: top;

}

.dropdown-menu > li > a i {
    font-size: 18px;
    margin-right: 10px;
    min-width: 18px;
    vertical-align: middle;
}

#top-box .btn-group.btn-select .dropdown-toggle {
    z-index: 911;
}

#top-box .btn-group.btn-select .dropdown-menu {
    z-index: 910;
}

#top-box .btn-group.btn-select.open .btn.dropdown-toggle:after {
    z-index: 912;
}

/* Menu */
.top-navbar {
    background: none;
    border: 0 none;
    border-radius: 0;
    height: auto;
    margin: 0;
    min-height: 30px;
}

.top-navbar .collapse {
    padding: 0;
}

.top-navbar .nav {
    margin-top: -5px;
    margin-bottom: -5px;
}

.top-navbar .nav > li a {
    font-size: 12px;
    line-height: 22px;
    padding: 9px 15px 9px;
    transition: background 0.2s linear,
    color 0.2s linear;
}

.top-navbar .nav > li a .fa {
    font-size: 120%;
    margin-right: 4px;
}

.top-navbar .nav > li a .fa.after {
    margin-left: 4px;
    margin-right: 0;
}

.top-navbar .nav > li a .count {
    background: rgba(255, 255, 255, .1);
    border-radius: 3px;
    display: inline-block;
    font-size: 110%;
    line-height: 1;
    margin-left: 4px;
    padding: 3px 5px;
    transition: background 0.2s linear;
}

.top-navbar .nav > li:hover a .count {
    background: rgba(0, 0, 0, .1);
    transition: background 0.2s linear;
}

.top-navbar .nav > li:hover > a,
.top-navbar .nav > li > a:hover {
    background: #efefef;
    color: #7b7b7b;
    transition: background 0.2s linear,
    color 0.2s linear;
}

/* Social Icons */
.top-social {
    margin: 0;
}

.top-social .icon-item {
    color: #fff;
    color: rgba(255, 255, 255, .3);
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 1px;
    margin-right: 1px;
    position: relative;
    text-align: center;
    transition: color 0.2s linear;
    vertical-align: top;
    width: 30px;
}

.top-social .icon-item i {
    bottom: 0;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

.top-social .icon-item i:before {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.top-social .icon-item:hover {
    color: #fff;
    transition: color 0.2s linear;
}

.top-social .icon-item:hover i:before {
    text-shadow: none;
}

.top-social.bg-social .icon-item {
    background: #fff;
    border-radius: 3px;
    color: #fff;
}

.top-social.bg-social .icon-item:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.top-social.bg-social .icon-item i {
    border-radius: 2px;
    opacity: .7;
    filter: alpha(opacity=70);
    transition: opacity .2s linear;
}

.top-social.bg-social .icon-item:hover i {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .2s linear;
}

.top-social.bg-social .icon-item i:before {
    text-shadow: none;
}

.top-social.bg-social .icon-item .fa-facebook {
    background: #3b5998;
}

.top-social.bg-social .icon-item .fa-twitter {
    background: #00bdec;
}

.top-social.bg-social .icon-item .fa-google-plus {
    background: #d94a39;
}

.top-social.bg-social .icon-item .fa-linkedin {
    background: #1b92bd;
}

/* Search */
.top-search {
    margin: 0 0 0 auto;
    max-width: 300px;
    position: relative;
}

.top-search .form-control {
    background: rgba(255, 255, 255, .1);
    border: 1px solid #e1e1e1;
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: none;
    color: #fff;
    height: 30px;
    line-height: 14px;
    margin: 0;
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.top-search .form-control:focus {
    border-color: rgba(255, 255, 255, .7);
}

.top-search .form-control::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3);
}

.top-search .form-control:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3);
}

.top-search .form-control::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3);
}

.top-search .search-submit {
    background: none;
    height: 30px;
    opacity: .5;
    filter: alpha(opacity=50);
    padding: 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s linear;
    width: 30px;
}

.top-search .search-submit:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    transition: opacity .2s linear;
}

/* Info */
.top-info {
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
}

.top-info a {
    color: #fff;
    color: rgba(255, 255, 255, .8);
    transition: color .2s linear;
}

.top-info a:hover {
    color: #fff;
    text-decoration: none;
    transition: color .2s linear;
}

.top-info .separator {
    color: rgba(255, 255, 255, .4);
    vertical-align: top;
}

/******************************************************************************
  Header
*******************************************************************************/
.header {
    width: 100%;
    border-bottom: 2;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}

.header-wrapper {
    background: rgba(255, 255, 255, .97);
    min-height: 100px;
    padding: 2px 0;
}

.header .container {
    position: relative;
}

.header .logo-box {
    display: table;
    table-layout: fixed;
    padding-top: 8px;
}

.header .logo {
    display: table-cell;
    height: 100px;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%;
}

@media (max-width: 991px) {
    .header .logo-box {
        padding-top: 0px;
    }

    .header .logo {
        vertical-align: middle;
    }
}

.header .logo a {
    display: inline-block;
    max-width: 100%;
}

.header .logo img,
.header .logo .logo-img {
    max-height: 100px;
}

.header .logo-box.auto-height {
    display: block;
    height: 100px;
}

.header .logo-box.auto-height .logo {
    display: block;
}

.header .logo-box.auto-height img {
    max-height: inherit;
}

.header .site-description {
    color: #bbb;
    font-size: 9px;
    line-height: 1.3;
}

/* Fixed Header */
.fixed-header {
    margin-top: 0;
}

.fixed-header .page-box {
    padding-top: 144px;
}

.fixed-header .header {
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 870;
    -webkit-backface-visibility: hidden;
    width: auto;
}

.fixed-header.loaded .header {
    transition: margin-top 0.2s linear;
}

.fixed-header .header-wrapper {
    background: #fff;
    transition: background 0.2s linear;
}

/* Hidden Top Bar */
.hidden-top #top-box {
    left: 0;
    margin-top: -32px;
    position: fixed;
    top: 0;
    z-index: 910;
}

.hidden-top.loaded #top-box {
    transition: margin-top 0.2s linear;
}

.hidden-top.visible-top #top-box {
    margin-top: 0;
    transition: margin-top 0.2s linear;
}

.hidden-top.loaded .page-box,
.hidden-top.visible-top.loaded .page-box {
    transition: padding-top 0.2s linear;
}

.hidden-top .page-box {
    padding-top: 8px;
}

.hidden-top.visible-top .page-box {
    padding-top: 40px;
}

/* Fixed Header/Hidden Top Bar */
.fixed-header.hidden-top .page-box {
    padding-top: 112px;
}

.fixed-header.hidden-top.fixed .page-box {
    padding-top: 104px;
}

.fixed-header.hidden-top.fixed #top-box,
.fixed-header.hidden-top.visible-top.fixed #top-box {
    margin-top: -40px;
    transition: margin-top 0.2s linear;
}

.fixed-header.hidden-top .header {
    margin-top: 8px;
    top: 0;
}

.fixed-header.hidden-top.visible-top .header {
    margin-top: 40px;
}

.fixed-header.hidden-top.fixed .header {
    margin-top: 0;
    transition: margin-top 0.2s linear;
}

/* Fixed Top Bar */
.fixed-header.fixed-top #top-box {
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 871;
}

.fixed-header.fixed-top .header {
    top: 40px;
}

.fixed-header.fixed-top .page-box {
    padding-top: 144px;
}

.header .right-box {
    display: table;
}

.header .right-box-wrapper {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.fixed-header.fixed-top.boxed #top-box {
    position: absolute;
}

/* Fixed Double Header */
.fixed-double-header .header {
    margin-bottom: 104px;
}

.fixed-double-header .header .header-wrapper + .header-wrapper {
    margin: 0;
    position: absolute;
    width: 100%;
}

/* Primary Menu */
.header .primary {
    float: left;
    margin-bottom: 10px;
    z-index: 900;
}

.header .primary .navbar {
    background: none;
    border: 0 none;
    margin: 0;
    min-height: 44px;
}

.header .primary .navbar .navbar-collapse {
    padding: 0;
    position: relative;
}

.header .primary .navbar .nav {
    margin: 0;
    position: relative;
}

.header .primary .navbar .nav > li {
    padding: 12px 3px 0;
    position: relative;
}

.header .primary .navbar .nav > li > a,
.header .primary .navbar .nav > li > a:visited {
    background: none;
    color: #1e1e1e;
    padding: 11px 0px;
    margin: 0px 11px;
    position: static;
    text-shadow: none;
    transition: all 0.2s linear;
    z-index: 901;
    border: none;
    border-bottom: 2px solid transparent;
}

.header .primary .navbar .nav-item-contact a {
    color: #78a050 !important;
}

.header .primary .navbar .nav-item-contact:hover a {
    border-color: #78a050 !important;
    color: #78a050 !important;
}

.header .primary .navbar .nav > .selected > a {
    color: #777;
}

.header .primary .navbar .nav a > i {
    margin-right: 2px;
    opacity: .8;
    filter: alpha(opacity=80);
    text-align: center;
    width: 15px;
}

.header .primary .navbar .nav a .item-new {
    background: #ff0068;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 4px 10px;
    position: absolute;
    right: 19px;
    top: 1px;
    text-transform: uppercase;
}

.header .primary .navbar .nav .megamenu a .item-new {
    right: 14px;
    top: -12px;
}

.header .primary .navbar .nav a .item-new .before,
.header .primary .navbar .nav a .item-new:before {
    border: 5px solid transparent;
    border-right-color: #ff0068;
    bottom: -5px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
}

.header .primary .navbar .nav a .item-new.bg-info .before,
.header .primary .navbar .nav a .item-new.bg-info:before {
    border-right-color: #0098ca;
}

.header .primary .navbar .nav a .item-new.bg-success .before,
.header .primary .navbar .nav a .item-new.bg-success:before {
    border-right-color: #738d00;
}

.header .primary .navbar .nav a .item-new.bg-primary .before,
.header .primary .navbar .nav a .item-new.bg-primary:before {
    border-right-color: #428bca;
}

.header .primary .navbar .nav a .item-new.bg-warning .before,
.header .primary .navbar .nav a .item-new.bg-warning:before {
    border-right-color: #f89406;
}

.header .primary .navbar .nav a .item-new.bg-danger .before,
.header .primary .navbar .nav a .item-new.bg-danger:before {
    border-right-color: #78a050;
}

.header .primary .navbar .nav .sub .item-new,
.header .primary .navbar .nav .megamenu .sub a .item-new {
    float: right;
    left: 0;
    margin: 2px 0 0 10px;
    position: relative;
    top: 0;
}

.header .primary .navbar .nav .megamenu .sub a .item-new {
    float: none;
}

.header .primary .navbar .nav .sub .item-new .before,
.header .primary .navbar .nav .sub .item-new:before {
    display: none;
}

.header .primary .navbar .nav > li:hover > a, .header .primary .navbar .nav > li.active-item > a {
    background: #fff;
    border-bottom: 2px solid #015F91;
    transition: all 0.2s ease-out;
    box-sizing: border-box;
}

.header .primary .navbar .nav .parent {
    position: relative;
}

.header .primary .navbar .nav > li.parent:hover > a {
    background: #fff;
    border-bottom-color: transparent;
}

.header .primary .navbar .nav > li.parent > a:after {
    background: transparent;
    bottom: 0;
    content: "";
    display: none;
    height: 12px;
    left: 4px;
    margin: 0 0 -6px 0;
    position: absolute;
    right: 4px;
    transition: background 0.5s linear;
    z-index: 906;
}

.header .primary .navbar .nav > li.parent:hover > a:after {
    background: #fff;
    display: block;
    transition: background 0.1s linear;
}

.header .primary .navbar .nav > li.parent.megamenu:hover > a:after {
    left: 0;
    right: 0;
}

.header .primary .sub {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    display: none;
    font-size: 13px;
    line-height: 24px;
    margin: -1px 0 0;
    padding: 15px 20px;
    position: absolute;
    z-index: 905;
}

.header .primary .sub li {
    font-size: 13px;
    line-height: 24px;
}

.header .primary .parent:hover > .sub {
    display: block;
    -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;
}

.header .primary .sub a,
.header .primary .sub a:visited {
    color: #1e1e1e;
    display: block;
    text-decoration: none;
    width: 175px;
    transition: opacity .2s linear;
}

.header .primary .sub a:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    transition: opacity .2s linear;
}

.header .primary .sub .sub {
    left: 100%;
    top: 0;
}

.header .primary .navbar .nav .parent .parent > a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    display: block;
    line-height: 1;
    position: absolute;
    right: -10px;
    top: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header .primary .navbar .nav .parent.megamenu {
    overflow: hidden;
    position: static;
}

.header .primary .navbar .nav .parent.megamenu > a {
    position: relative;
}

.header .primary .megamenu > .sub {
    border-radius: 3px;
    left: -15px;
    padding: 0;
    width: 886px;
    z-index: 900;
}

.header .primary .megamenu > .sub .sub-wrapper {
    display: table;
    width: 100%;
}

.header .primary .megamenu > .sub .promo-block {
    border-right: 1px solid #ccc;
    display: table-cell;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 34%;
}

.header .primary .megamenu > .sub .sub-list + .promo-block {
    border-left: 1px solid #ccc;
    border-right: 0 none;
}

.header .primary .megamenu > .sub .sub-list {
    display: table-cell;
    padding: 35px 5px;
    vertical-align: top;
    width: 100%;
}

.header .primary .megamenu.promo > .sub .sub-list {
    width: 66%;
}

.header .primary .megamenu > .sub .box {
    float: left;
    padding: 0 20px 28px;
    width: 33%;
}

.header .primary .megamenu > .sub .box:nth-child(3n+1),
.header .primary .megamenu.promo > .sub .box:nth-child(2n+1) {
    clear: left;
}

.header .primary .megamenu.promo > .sub .box {
    clear: none;
}

.header .primary .megamenu.promo > .sub .box {
    width: 50%;
}

/* Four columns */
.header .primary .megamenu.four-columns > .sub .box {
    clear: none;
}

.header .primary .megamenu.four-columns > .sub .box:nth-child(4n+1),
.header .primary .megamenu.promo.four-columns > .sub .box:nth-child(3n+1) {
    clear: left;
}

.header .primary .megamenu.promo.four-columns > .sub .box {
    clear: none;
}

.header .primary .megamenu.four-columns > .sub .promo-block,
.header .primary .megamenu.four-columns > .sub .box {
    width: 25%;
}

.header .primary .megamenu.four-columns > .sub .sub-list {
    width: 75%;
}

.header .primary .megamenu.promo.four-columns > .sub .box {
    width: 33%;
}

/* Five columns */
.header .primary .megamenu.five-columns > .sub .box {
    clear: none;
}

.header .primary .megamenu.five-columns > .sub .box:nth-child(5n+1),
.header .primary .megamenu.promo.five-columns > .sub .box:nth-child(4n+1) {
    clear: left;
}

.header .primary .megamenu.promo.five-columns > .sub .box {
    clear: none;
}

.header .primary .megamenu.five-columns > .sub .promo-block,
.header .primary .megamenu.five-columns > .sub .box {
    width: 20%;
}

.header .primary .megamenu.five-columns > .sub .sub-list {
    width: 80%;
}

.header .primary .megamenu.promo.five-columns > .sub .box {
    width: 25%;
}

.header .primary .megamenu .title {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.header .primary .megamenu > .sub a {
    width: 100%;
}

.header .primary .sub .sub .sub .sub {
    background: none;
    border: 0 none;
    box-shadow: none;
    display: block;
    left: 0;
    padding: 0;
    position: relative;
    -webkit-animation: fadeIn 0;
    animation: fadeIn 0;
}

.header .primary .sub .sub .sub .parent > a {
    background: none !important;
}

/* Menu Color */
.header .primary .navbar .nav > li.text-primary > a {
    color: #428bca;
}

.header .primary .navbar .nav > li.text-success > a {
    color: #738d00;
}

.header .primary .navbar .nav > li.text-info > a {
    color: #0098ca;
}

.header .primary .navbar .nav > li.text-warning > a {
    color: #f89406;
}

.header .primary .navbar .nav > li.text-danger > a {
    color: #78a050;
}

.header .primary .navbar .nav > li[class*="item-"]:hover > a,
.header .primary [class*="item-"] .sub {
    box-shadow: none;
}

.header .primary .navbar .nav > li.parent.item-bg:hover > a:after {
    display: none;
}

.header .primary .navbar .nav > li.item-primary:hover > a,
.header .primary .item-primary .sub,
.header .primary .item-primary.megamenu > .sub .promo-block {
    border-color: #428bca;
}

.header .primary .navbar .nav > li.item-success:hover > a,
.header .primary .item-success .sub,
.header .primary .item-success.megamenu > .sub .promo-block {
    border-color: #738d00;
}

.header .primary .navbar .nav > li.item-info:hover > a,
.header .primary .item-info .sub,
.header .primary .item-info.megamenu > .sub .promo-block {
    border-color: #0098ca;
}

.header .primary .navbar .nav > li.item-warning:hover > a,
.header .primary .item-warning .sub,
.header .primary .item-warning.megamenu > .sub .promo-block {
    border-color: #f89406;
}

.header .primary .navbar .nav > li.item-danger:hover > a,
.header .primary .item-danger .sub,
.header .primary .item-danger.megamenu > .sub .promo-block {
    border-color: #78a050;
}

.header .primary .navbar .nav > li.item-bg:hover a,
.header .primary .navbar .nav > li.item-bg .sub a {
    color: #fff;
}

.header .primary .navbar .nav > li.item-primary.item-bg:hover > a,
.header .primary .item-primary.item-bg .sub,
.header .primary .item-primary.item-bg.parent .sub,
.header .primary .item-primary.item-bg.parent:hover > .sub {

}

.header .primary .navbar .nav > li.item-success.item-bg:hover > a,
.header .primary .item-success.item-bg .sub,
.header .primary .item-success.item-bg.parent .sub,
.header .primary .item-success.item-bg.parent:hover > .sub {
    background: #738d00;
}

.header .primary .navbar .nav > li.item-info.item-bg:hover > a,
.header .primary .item-info.item-bg .sub,
.header .primary .item-info.item-bg.parent .sub,
.header .primary .item-info.item-bg.parent:hover > .sub {
    background: #0098ca;
}

.header .primary .navbar .nav > li.item-warning.item-bg:hover > a,
.header .primary .item-warning.item-bg .sub,
.header .primary .item-warning.item-bg.parent .sub,
.header .primary .item-warning.item-bg.parent:hover > .sub {
    background: #f89406;
}

.header .primary .navbar .nav > li.item-danger.item-bg:hover > a,
.header .primary .item-danger.item-bg .sub,
.header .primary .item-danger.item-bg.parent .sub,
.header .primary .item-danger.item-bg.parent:hover > .sub {

}

.header .primary .navbar .nav > li.item-inverse > a {
    color: #fff;
}

.header .primary .navbar .nav > li.item-primary.item-inverse > a {
    background: #428bca;
}

.header .primary .navbar .nav > li.item-success.item-inverse > a {
    background: #738d00;
}

.header .primary .navbar .nav > li.item-info.item-inverse > a {
    background: #0098ca;
}

.header .primary .navbar .nav > li.item-warning.item-inverse > a {
    background: #f89406;
}

.header .primary .navbar .nav > li.item-danger.item-inverse > a {
    background: #78a050;
}

.header .primary .navbar .nav > li.item-inverse:hover > a {
    background: #fff;
    color: #1e1e1e;
}

.header .header-icons {
    float: right;
    margin: 9px 0;
    text-align: right;
}

/* Cart  */
.header .cart-header {
    display: inline-block;
    font-size: 12px;
    margin: 0 -15px 0 -1px;
    white-space: normal;
}

.header .cart-header.no-open {
    opacity: 0;
    filter: alpha(opacity=0);
}

.header .cart-header .dropdown-toggle {
    border-width: 1px;
    border-color: #fff;
    border-color: transparent;
    border-bottom: 0 none;
    color: #1e1e1e;
    display: block;
    line-height: 22px;
    outline: none;
    padding: 11px 15px 12px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    transition: border-color 0.4s linear,
    box-shadow 0.4s linear;
    z-index: 891;
}

.header .cart-header .dropdown-toggle .icon {
    display: inline-block;
    height: 22px;
    margin: 0 8px 0 0;
    vertical-align: top;
    width: 16px;
}

.header .cart-header .dropdown-toggle .icon svg {
    margin-top: 2px;
    vertical-align: top;
}

.header .cart-header.open .dropdown-toggle {
    background: #fff;
    border-color: #ccc;
    border-bottom: 0 none;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    transition: border-color 0.4s linear,
    box-shadow 0.4s linear;
}

.header .cart-header.open .dropdown-toggle:after {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 8px;
    left: -3px;
    margin: 0 0 -5px 0;
    position: absolute;
    right: 0;
}

.header .cart-header .dropdown-menu {
    left: auto;
    margin: -4px 0 0 0;
    padding: 17px 20px 20px;
    right: 0;
    text-align: left;
    width: 355px;
    -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;
    z-index: 890;
}

.header .cart-header .dropdown-menu .close-box {
    line-height: 12px;
    margin: 0 0 13px;
    text-align: right;
}

.header .cart-header .dropdown-menu .close {
    font-size: 26px;
    line-height: 12px;
    text-transform: uppercase;
    vertical-align: top;
}

.header .cart-header .dropdown-menu .close span {
    line-height: 14px;
    margin: 0 5px 0 0;
}

.header .cart-header .dropdown-menu > strong {
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
}

.header .cart-header .dropdown-menu > ul {
    margin: 0 0 20px;
}

.header .cart-header .dropdown-menu > ul li {
    border-bottom: 1px solid #e1e1e1;
    padding: 24px 20px 24px 0;
    position: relative;
}

.header .cart-header .dropdown-menu .product-image {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    width: 70px;
}

.header .cart-header .dropdown-menu .product-remove {
    margin: 0 0 0 5px;
    position: absolute;
    right: 0;
    top: 24px;
}

.header .cart-header .dropdown-menu .product-name {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 10px;
    padding-left: 85px;
}

.header .cart-header .dropdown-menu .product-price {
    font-size: 12px;
    line-height: 16px;
    padding-left: 85px;
}

.header .cart-header .dropdown-menu .product-price .price {
    font-size: 16px;
}

.header .cart-header .dropdown-menu .cart-button {
    text-align: right;
}

.header .cart-header .dropdown-menu .cart-button .checkout {
    margin-left: 6px;
}

/* Phone & Search Header */
.phone-header,
.search-header,
.social-header,
.language-header {
    border-right: 1px solid #ccc;
    border-right: 1px solid rgba(204, 204, 204, .8);
    color: #1e1e1e;
    display: inline-block;
    height: 30px;
    margin: 8px 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 41px;
}


.phone-header:last-child,
.search-header:last-child,
.social-header:last-child {
    border-right: 0 none;
}

.phone-header a,
.search-header a,
.social-header a {
    display: block;
    height: 23px;
    padding: 5px;
    padding-top: 7px;
    width: 100%;
}

.social-header {
    width: auto;
}

.social-header a {
    float: left;
    width: auto;
}

.social-header a:first-child {
    padding-left: 5px;
}

.social-header a:last-child {
    padding-right: 9px;
}

.phone-header a svg,
.search-header a svg,
.social-header a svg {
    overflow: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .3s linear;
    -webkit-transform: translateZ(0px);
}

.phone-header a:hover svg,
.search-header a:hover svg,
.social-header a:hover svg {
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s linear;
}

/* Phone & Search Active Header */
.phone-active,
.search-active {
    bottom: 0;
    display: none;
    margin: 18px 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 920;
}

.phone-active {
    background: #fff;
    color: #ebebeb;
    font-size: 48px;
    line-height: 58px;
}

.phone-active .close,
.search-active .close {
    float: right;
    font-size: 26px;
    margin: 24px 0 0 5px;
}

.phone-active .close span,
.search-active .close span {
    line-height: 18px;
    margin-right: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.phone-active strong {
    color: #1e1e1e;
    letter-spacing: 1px;
}

.search-active .close {
    position: absolute;
    right: 79px;
    z-index: 1;
}

.header .search-form {
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
}

.header .search-form .search-string,
.header .search-form .search-string:hover {
    box-sizing: border-box;
    box-shadow: none;
    color: #1e1e1e;
    font-size: 24px;
    height: 100%;
    line-height: 30px;
    margin: 0;
    padding: 14px 135px 14px 18px;
    width: 100%;
}

.header .search-form .search-string:focus {
    border-color: #ccc;
    outline: 0;
    outline: thin dotted \9;
    box-shadow: none;
}

.header .search-form .search-submit {
    background: none;
    border-left-width: 1px;
    height: 30px;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 17px;
    width: 46px;
    transition: all .3s linear;
}

.header .search-form .search-submit svg {
    margin-top: 2px;
}

.header .search-form .search-submit svg path {
    fill: #1e1e1e;
}

.header .search-form .search-submit:hover {
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s linear;
}

.header.header-two .phone-header {
    /*border-right: 0 none;*/
    margin-right: -15px;
}

.header.header-two .language-header {
    border-right: 0;
    width: auto;
    margin-left: 4px;
}

.header.header-two .language-header ul li {
    float: left;
}

.header.header-two .language-header ul li a {
    padding: 3px 5px;
}

.language.visible-xs.visible-sm > a {
    float: left;
    padding: 9px !important;
}

.header.header-three {
    background: rgba(255, 255, 255, .9);
}

.header.header-three,
.header.header-three .row,
.header.header-three .container {
    min-height: inherit;
}

.header.header-three .logo-box {
    text-align: center;
}

.header .right-box .search-form {
    height: 64px;
}

.header .right-box .search-form .search-string {
    padding-right: 64px;
}

.header .header-wrapper + .header-wrapper {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    min-height: 104px;
    padding: 0;
}

.header .header-wrapper + .header-wrapper .right-box-wrapper {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    height: 104px;
}

.header .header-wrapper + .header-wrapper .cart-header {
    margin-right: -1px;
}

.header .header-wrapper + .header-wrapper .phone-active {
    left: 16px;
    margin: 20px 0;
    right: 16px;
    width: auto;
}

.header .header-wrapper + .header-wrapper .primary .megamenu > .sub {
    left: -1px;
    margin-left: 0;
}

/******************************************************************************
  Top Fixed Box
*******************************************************************************/
.top-fixed-box {
    background: #fff;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    border: 1px solid #e1e1e1;
    border: 1px solid rgba(0, 0, 0, .1);
    left: 0;
    margin-top: -60px;
    padding: 7px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: margin-top .3s linear;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.top-fixed-box.fixed {
    margin-top: 0;
    transition: margin-top .3s linear;
}

.top-fixed-box .social {
    display: inline-block;
    margin: 0 6px;
    vertical-align: top;
}

.top-fixed-box .contact-box {
    color: #7f7f7f;
    font-size: 12px;
    margin-top: 11px;
}

.top-fixed-box .contact-box .phone {
    margin-right: 20px;
}

.top-fixed-box .contact-box .fa {
    font-size: 14px;
    margin-right: 3px;
}

.top-fixed-box .contact-box .phone .fa {
    font-size: 20px;
    line-height: 17px;
    vertical-align: top;
}

/******************************************************************************
  Minimized Menu
*******************************************************************************/
.fixed-header .minimized-menu {
    -webkit-backface-visibility: inherit;
    -webkit-transform: inherit;
}

.minimized-menu .right-box {
    float: right;
    width: 50%;
}

.minimized-menu .right-box-wrapper {
    text-align: right;
}

.minimized-menu .primary {
    display: inline-block;
    float: none;
    margin: 0 0 0 -4px;
    text-align: left;
    vertical-align: top;
    z-index: inherit;
}

.minimized-menu .primary .navbar {
    margin: 0;
    min-height: inherit;
    position: static;
}

.minimized-menu .primary .navbar .btn-navbar {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0 none;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
    display: block;
    float: left;
    height: 46px;
    line-height: 15px;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-shadow: none;
    z-index: 920;
}

.minimized-menu .primary .navbar .btn-navbar:before {
    border-left: 1px solid #ccc;
    border-left: 1px solid rgba(204, 204, 204, .8);
    bottom: 8px;
    content: "";
    display: none;
    left: -1px;
    position: absolute;
    top: 7px;
}

.minimized-menu .primary .navbar .btn-navbar.collapsed:before {
    display: block;
}

.minimized-menu .primary .navbar .btn-navbar.collapsed {
    background: none;
    border: 1px solid transparent;
    border-bottom: 0 none;
}

.minimized-menu .primary .navbar .btn-navbar .text {
    color: #1e1e1e;
    float: right;
    line-height: 16px;
    padding: 0 0 0 30px;
}

.minimized-menu .primary .navbar .btn-navbar .icon-bar {
    background: #1e1e1e;
    box-shadow: none;
    border-radius: 0;
    height: 3px;
    margin: 0;
    width: 22px;
}

.minimized-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
}

.minimized-menu .primary .navbar-collapse.collapse {
    display: none !important;
}

.minimized-menu .primary .navbar-collapse.collapse.in {
    display: block !important;
}

.minimized-menu .primary .navbar .navbar-collapse {
    border: 0 none;
    box-shadow: none;
    left: auto;
    margin: 22px 0 0;
    max-height: inherit;
    overflow: hidden !important;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 200%;
    z-index: 919;
}

.minimized-menu .primary .navbar .nav {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px 0 3px 3px;
    float: none;
    padding: 6px 6px 3px;
}

.minimized-menu .primary .navbar .nav > li {
    float: none;
    margin: 0 0 3px;
    padding: 0;
}

.minimized-menu .primary .navbar .nav > li > a,
.minimized-menu .primary .navbar .nav > li > a:visited {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    font-weight: normal;
    margin: 0;
    padding: 7px 9px 7px 59px;
    text-decoration: none;
}

.minimized-menu .primary .navbar .nav > li > a:hover,
.minimized-menu .primary .navbar .nav > li:hover > a {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
}

.minimized-menu .primary .navbar .nav > .parent > a,
.minimized-menu .primary .navbar .nav > li.parent:hover > a {
    background: #f2f2f2;
    position: relative;
}

.minimized-menu .primary .navbar .nav .parent .parent > a:after {
    display: none;
}

.minimized-menu .primary .navbar .nav .open-sub {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 55px;
}

.minimized-menu .primary .navbar .nav .open-sub span {
    background: #1e1e1e;
    display: block;
    height: 2px;
    margin: 17px 0 0 15px;
    position: absolute;
    width: 16px;
}

.minimized-menu .primary .navbar .nav .open-sub span + span {
    height: 16px;
    margin: 10px 0 0 22px;
    width: 2px;
}

.minimized-menu .primary .navbar .nav .parent .parent > a .open-sub span,
.minimized-menu .primary .navbar .nav .megamenu .title .open-sub span {
    background: #7f7f7f;
    height: 2px;
    margin: 14px 0 0 38px;
    position: absolute;
    width: 12px;
}

.minimized-menu .primary .navbar .nav .parent .parent > a .open-sub span + span,
.minimized-menu .primary .navbar .nav .megamenu .title .open-sub span + span {
    height: 12px;
    margin: 9px 0 0 43px;
    width: 2px;
}

.minimized-menu .primary .navbar .nav > li.parent:hover > a:after {
    display: none;
}

.minimized-menu .primary .sub,
.minimized-menu .primary .parent .sub,
.minimized-menu .primary .parent:hover > .sub {
    background: #f7f7f7;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    font-size: 13px;
    left: 0;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px 0 5px;
    position: relative;
}

.minimized-menu .primary .navbar .nav > li.parent:hover > a {
    background-color: #e9e9e9;
    border-radius: 0;
}

.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a {
    background: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
    transition: all 0.2s linear;
}

.minimized-menu .primary .navbar .nav > .parent.active > a .open-sub span {
    background: #fff;
}

.minimized-menu .primary .navbar .nav .parent.active > a .open-sub span + span,
.minimized-menu .primary .megamenu .box.active .title .open-sub span + span {
    display: none;
}

.minimized-menu .primary .parent:hover > .sub {
    -webkit-animation: fadeIn 0;
    animation: fadeIn 0;
}

.minimized-menu .primary .sub li {
    line-height: 22px;
}

.minimized-menu .primary .sub a,
.minimized-menu .primary .sub a:visited {
    background: none;
    color: #7f7f7f;
    padding: 4px 9px 4px 60px;
    text-decoration: none;
    width: auto !important;
}

.minimized-menu .primary .navbar .nav a > i {
    color: #1e1e1e;
}

.minimized-menu .primary li:hover > .sub a {
    background: none;
}

.minimized-menu .primary .sub .sub {
    left: 0;
    margin-left: 10px;
}

.minimized-menu.header .primary .megamenu > .sub {
    margin: 0;
    padding: 6px 0 5px;
    width: 100%;
}

.minimized-menu .primary .megamenu > .sub .sub-wrapper {
    display: block;
}

.minimized-menu .primary .megamenu > .sub .promo-block {
    display: none;
}

.minimized-menu .primary .megamenu > .sub .sub-list {
    display: block;
    padding: 0;
    width: 100% !important;
}

.minimized-menu .primary .megamenu > .sub .box {
    float: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

.minimized-menu .primary .megamenu .title {
    color: #7f7f7f;
    cursor: pointer;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 4px 9px 4px 60px;
    position: relative;
    text-transform: none;
}

.minimized-menu .primary .megamenu > .sub .box.closed ul {
    display: none;
    margin-left: 10px;
}

.minimized-menu .primary .navbar .nav a .item-new,
.minimized-menu .primary .navbar .nav .megamenu a .item-new,
.minimized-menu .primary .navbar .nav .megamenu .sub a .item-new {
    left: 0;
    float: right;
    position: static;
    top: 0;
}

.minimized-menu .primary .navbar .nav a .item-new .before,
.minimized-menu .primary .navbar .nav a .item-new:before {
    display: none;
}

.minimized-menu .primary .navbar .nav > li.item-bg > a .open-sub span,
.minimized-menu .primary .navbar .nav > li.item-inverse > a .open-sub span {
    background: #fff;
}

.minimized-menu .primary .navbar .nav > li.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-inverse:hover > a {
    color: #fff;
}

.minimized-menu .primary .navbar .nav > li.item-primary > a {
    border-color: #428bca;
}

.minimized-menu .primary .navbar .nav > li.item-success > a {
    border-color: #738d00;
}

.minimized-menu .primary .navbar .nav > li.item-info > a {
    border-color: #0098ca;
}

.minimized-menu .primary .navbar .nav > li.item-warning > a {
    border-color: #f89406;
}

.minimized-menu .primary .navbar .nav > li.item-danger > a {
    border-color: #78a050;
}

.minimized-menu .primary .navbar .nav > li.item-primary.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-primary.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-primary.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-primary.item-inverse:hover > a {
    background-color: #428bca;
    border-color: #428bca;
}

.minimized-menu .primary .navbar .nav > li.item-success.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-success.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-success.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-success.item-inverse:hover > a {
    background-color: #738d00;
    border-color: #738d00;
}

.minimized-menu .primary .navbar .nav > li.item-info.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-info.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-info.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-info.item-inverse:hover > a {
    background-color: #0098ca;
    border-color: #0098ca;
}

.minimized-menu .primary .navbar .nav > li.item-warning.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-warning.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-warning.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-warning.item-inverse:hover > a {
    background-color: #f89406;
    border-color: #f89406;
}

.minimized-menu .primary .navbar .nav > li.item-danger.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-danger.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-danger.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-danger.item-inverse:hover > a {
    background-color: #78a050;
    border-color: #78a050;
}

.minimized-menu .primary .navbar .navbar-collapse .nav > li.item-bg .sub {
    background: #f7f7f7;
}

.minimized-menu .primary .navbar .navbar-collapse .nav > li.item-bg .sub a {
    color: #7f7f7f;
}

.minimized-menu .cart-header .dropdown-menu {
    margin-top: -1px;
    margin-right: -98px;
}

.minimized-menu .cart-header.open .dropdown-toggle:after {
    left: 0;
}

.minimized-menu.header-two .phone-header {
    margin-right: 0;
}

.minimized-menu.header-two .phone-active,
.minimized-menu.header-two .search-active {
    z-index: 1003;
}

.minimized-menu .header-icons {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
}

.minimized-menu .scroll-wrapper > .scroll-content {
    box-sizing: border-box !important;
}

.minimized-menu .navbar-nav > .scroll-element,
.minimized-menu .navbar-nav > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1000;
}

.minimized-menu .navbar-nav > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.minimized-menu .navbar-nav > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.minimized-menu .navbar-nav > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 4px;
}

.minimized-menu .navbar-nav > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.minimized-menu .navbar-nav > .scroll-element .scroll-element_outer,
.minimized-menu .navbar-nav > .scroll-element .scroll-element_track,
.minimized-menu .navbar-nav > .scroll-element .scroll-bar {
    border-radius: 0;
}

.minimized-menu .navbar-nav > .scroll-element .scroll-element_track {
    background-color: #ccc;
}

.minimized-menu .navbar-nav > .scroll-element .scroll-bar {
    background-color: rgba(31, 31, 31, .2);
}

.minimized-menu .navbar-nav > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.minimized-menu .navbar-nav > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.minimized-menu .navbar-nav > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.minimized-menu .navbar-nav > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/******************************************************************************
  Breadcrumbs
*******************************************************************************/
.breadcrumb-box {
    background: #f2f2f2;
    overflow: hidden;
}

.breadcrumb {
    background: #f2f2f2;
    color: #7f7f7f;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    padding: 11px 0;
}

.breadcrumb > li {
    line-height: 18px;
    text-shadow: none;
}

.breadcrumb > li > a {
    color: #7f7f7f;
    text-decoration: none;
    transition: opacity .2s linear;
}

.breadcrumb > li > a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.breadcrumb > li + li:before {
    padding: 0 6px;
    color: #7f7f7f;
}

.breadcrumb-none {
    height: 10px;
}

/******************************************************************************
  Slider
*******************************************************************************/
.slider {
    background: #f2f2f2;
    padding: 54px 0;
    width: 100vw;
    overflow: hidden;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.slider > .container {
    position: relative;
}

.slider.load .sliders-box > .col-md-12 + .col-md-12 {
    display: none;
}

.slider .slid {
    position: relative;
}

.slider .slid .slid-img {
    max-height: 550px;
    z-index: 1;
}

.slider .slid-content {
    bottom: 93px;
    color: #7b7b7b;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    padding: 38px 40px 0;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 3;
}

.slider .slid-content .title {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 34px;
}

.slider .slid-content .descriptions {
    margin: 0 0 37px 0;
}

.slider .slid-content .btn {
    background: #f8f8f8;
    color: #1e1e1e;
    font-weight: bold;
    transition: all .3s linear;
}

.slider .slid-content .btn:hover {
    background: #fff;
    transition: all .3s linear;
}

.slider .slider-nav {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .97);
    bottom: 0;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 2;
}

.slider .slider-nav .nav-box {
    bottom: 33px;
    left: 40px;
    position: absolute;
    right: 40px;
    text-align: center;
    z-index: 4;
}

.slider .slider-nav .prev,
.slider .slider-nav .next {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 3px;
    color: #838282;
    display: block;
    height: 60px;
    left: 0;
    line-height: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    text-align: center;
    text-decoration: none;
    visibility: hidden;
    width: 60px;
    transition: all .3s linear;
}

.slider .slider-nav .next {
    left: auto;
    right: 0;
}

.slider .slider-nav .prev *,
.slider .slider-nav .next * {
    vertical-align: middle;
}

.slider .slider-nav .prev {
    margin-right: 2px;
}

.slider .slider-nav .next {
    margin-left: 2px;
}

.slider .container:hover .slider-nav .prev,
.slider .container:hover .slider-nav .next,
.page-slider:hover .slider-nav .prev,
.page-slider:hover .slider-nav .next {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition: all .3s linear;
}

.slider .slider-nav .prev:hover,
.slider .slider-nav .next:hover {
    background-color: #fff;
    color: #a0a0a0;
    transition: all .3s linear;
}

.slider .slider-nav .prev:hover polygon,
.slider .slider-nav .next:hover polygon {
    fill: #9f9f9f;
    transition: all .3s linear;
}

.slider .slider-nav .pagination {
    padding: 0 65px;
    text-align: center;
}

.switches a {
    background: #fff;
    background: rgba(255, 255, 255, .1);
    border-radius: 7px;
    height: 14px;
    margin: 0 3px;
    width: 14px;
    transition: all .3s linear;
}

.switches a:hover {
    background: #fff;
    transition: all .3s linear;
}

.switches a.selected {
    background: #fff;
    background: rgba(255, 255, 255, .5);
    transition: all .3s linear;
}

.progressive-slider .slider-nav .pagination a {
    vertical-align: middle;
}

.page-slider {
    background: none;
    padding: 0;
    position: relative;
}

.progressive-slider-two .sliders-container {
    margin: 0 -15px 0 15px;
    padding: 0;
    position: relative;
}

.progressive-slider-two.load .sliders-box img + img {
    display: none;
}

.progressive-slider-two .pagination {
    bottom: 0;
    left: 0;
    margin: 0 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
}

.progressive-slider-two .pagination a {
    background: #1e1e1e;
    background: rgba(30, 30, 30, .5);
}

.progressive-slider-two .pagination a:hover,
.progressive-slider-two .pagination .selected {
    background: #1e1e1e;
}

.progressive-slider-two .slider-banners {
    display: table;
    height: 100%;
    table-layout: fixed;
}

.progressive-slider-two .slider-banners .banner {
    display: table-row;
    height: 33.33333333%;
}

.progressive-slider-two .slider-banners .banner {
    background: #f6a232;
}

.progressive-slider-two .slider-banners .banner:nth-child(1) {
    background: #ee485c;
}

.progressive-slider-two .slider-banners .banner:nth-child(2) {
    background: #65a93c;
}

.progressive-slider-three .slider-wrapper {
    border: solid 6px #fff;
    border-radius: 6px;
}

.progressive-slider-three.load .slider-wrapper img + img,
.progressive-slider-four.load .slider-wrapper img + img {
    display: none;
}

.progressive-slider-four {
    background: none;
    padding: 0;
    position: relative;
}

.progressive-slider-four .prev,
.progressive-slider-four .next {
    color: #fff;
    font-size: 40px;
    left: 30px;
    line-height: 1;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

.progressive-slider-four .next {
    left: auto;
    right: 30px;
}

.content .progressive-slider .container {
    padding: 0;
    width: 100% !important;
}

.content .slider.progressive-slider {
    padding: 0;
}

.content .slider .slider-nav {
    right: 0;
}

.content .slider .slid-content {
    bottom: 84px;
    padding: 28px 30px 0;
    right: 8px;
    width: 47.333333%;
}

.slider .slider-nav .nav-box {
    left: 23px;
    right: 23px;
}

.content .slider .slider-nav {
    width: 47.333333%;
}

.content .slider .slider-nav .prev,
.content .slider .slider-nav .next {
    height: 36px;
    line-height: 36px;
    width: 36px;
}

.content .switches a {
    width: 11px;
    height: 11px;
}

.content .slider .slider-nav .nav-box {
    bottom: 30px;
}

.content .slider .pagination {
    margin: 5px 0;
}

.content img {
    margin-bottom: 22px;
}

/******************************************************************************
  Slider Revolution
*******************************************************************************/
.slider.rs-slider {
    background: none;
    border: 0 none;
    max-height: 500px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.slider.load .tp-banner-container {
    visibility: hidden;
}

.slider.rs-slider .container {
    position: relative;
}

.slider.rs-slider .title {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    margin: 0;
}

.slider.rs-slider .description {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
    padding: 0 15px;
    white-space: normal;
}

.slider.rs-slider .btn {
    color: #fff;
}

.slider.rs-slider .btn.orang {
    background: #ea4e16;
}

.slider.rs-slider .btn.cherry {
    background: #005f91;
}

.slider.rs-slider .phone-text {
    color: #fff;
    font-size: 17px;
}

.rs-slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tp-bannertimer {
    background: #777 !important;
    background: rgba(0, 0, 0, 0.1) !important;
    height: 5px !important;
}

.tp-bullets.simplebullets.navbar {
    height: 35px;
    padding: 0;
}

.slider.rs-slider .tp-bullets.simplebullets .bullet {
    background: #fff;
    background: rgba(255, 255, 255, .5);
    border-radius: 7px;
    box-shadow: none;
    border: 0 none !important;
    display: inline-block;
    height: 14px;
    float: none;
    margin: 0 3px;
    transition: all .3s linear;
    vertical-align: top;
    width: 14px;
}

.tp-bullets.simplebullets .bullet.last {
    margin-right: 0px
}

.slider.rs-slider .tp-bullets.simplebullets .bullet:hover {
    background: #fff;
    transition: all .3s linear;
}

.slider.rs-slider .tp-bullets.simplebullets .bullet.selected {
    background: rgba(255, 255, 255, .7);
    transition: all .3s linear;
}

.slider.rs-slider .tparrows {
    background: #1e1e1e;
    background: rgba(30, 30, 30, 0.5);
    border-radius: 5px;
    cursor: pointer;
    height: 40px !important;
    width: 40px !important;
    transition: background .3s linear;
    -webkit-transition: opacity 0.2s ease-out;
    */ -webkit-transform: inherit;
    z-index: 50 !important;
}

.slider.rs-slider .tparrows:before {
    font-family: 'revicons';
    color: #fff;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 6px;
    text-align: center;
    width: 40px;
    font-size: 19px;
}

.tp-leftarrow:before {
    content: '\e824';
}

.tp-rightarrow:before {
    content: '\e825';
}

.slider.rs-slider .tparrows:hover {
    background: #1e1e1e;
    transition: background .3s linear;
}

.slider4container .tparrows:before,
.slider4container .tparrows:hover,
.slider4container .tparrows {
    color: #000 !important;
}

.slider4container .tparrows {
    background: #fff !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

.slider4container .tparrows:hover {
    background: #fff !important
}

.slider.rs-slider .tp-loader {
    -webkit-animation: none;
    animation: none;
    background-image: url("../img/svg/loader.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px;
    background-color: inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 40px;
    margin: -20px 0 0 -20px;
    width: 40px;
    z-index: 700;
}

.layerslider {
    margin: 0 auto;
}

.slider.rs-slider.full-width {
    max-height: inherit;
}

.slider.rs-slider.full-width .title {
    font-size: 60px;
    line-height: 0.9;
}

.slider.rs-slider.full-width .btn-link {
    font-size: 14px !important;
    font-weight: bold;
    line-height: 31px;
    letter-spacing: 1px;
    padding: 0;
    text-decoration: none;
}

.slider.rs-slider.full-width .btn-link .fa {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 180%;
    height: 36px;
    line-height: 32px;
    margin-left: 10px;
    padding: 0 0 0 3px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.slider.rs-slider.full-width .btn-link:hover {
    opacity: .8;
}

.slider.rs-slider.full-width .tp-rightarrow,
.slider.rs-slider.full-width .tp-leftarrow {
    display: none !important;
}

/******************************************************************************
  Slider Royal
*******************************************************************************/
.royal-slider {
    background: none;
    padding: 0;
    width: 100%;
}

.royal-slider.load {
    background-image: url("../img/svg/loader.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px;
    background-color: inherit;
    overflow: hidden;
}

.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
    background: #f2f2f2;
}

.coloredBlock {
    padding: 12px;
    background: rgba(255, 0, 0, 0.6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%;
}

.infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px;
}

.infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    left: 30px;
    right: auto;
}

.infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
}

.infoBlock p {
    font-size: 14px;
    margin: 4px 0 0;
}

.infoBlock a {
    color: #FFF;
    text-decoration: underline;
}

.photosBy {
    position: absolute;
    line-height: 24px;
    font-size: 12px;
    background: #FFF;
    color: #000;
    padding: 0px 10px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: auto;
    border-radius: 2px;
    z-index: 25;
}

.photosBy a {
    color: #000;
}

.fullWidth {
    max-width: 1400px;
    margin: 0 auto 24px;
}

.layer-slider {
    overflow: hidden;
}

/******************************************************************************
  Metro Box
*******************************************************************************/
.metro-banners {
    background: #b3768e;
    background: linear-gradient(to right, #b3768e 0%, #54638e 100%);
    padding: 54px 0 24px;
}

.metro-banners .banner {
    margin-bottom: 30px;
    text-align: center;
}

.banner {
    display: block;
    text-align: center;
    transition: opacity .2s linear;
}

.banner:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.metro-banners .banner img {
    box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
}

/******************************************************************************
  Sidebar
*******************************************************************************/
.sidebar .widget {
    margin: 0 0 80px;
}

.sidebar .widget:last-child {
    margin-bottom: 0;
}

.sidebar .widget ol,
.sidebar .widget ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.sidebar .widget header,
.sidebar .widget .title-block,
.product-bottom .related-products header {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 40px;
    padding: 0 0 15px;
    position: relative;
}

.sidebar .widget header:before,
.sidebar .widget .title-block:before,
.product-bottom .related-products header:before {
    background: #1e1e1e;
    bottom: 0px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}

.sidebar .widget header .title,
.sidebar .widget .title-block .title,
.product-bottom .related-products header h3 {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

.sidebar .widget .subtitle {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 25px;
}

.sidebar .whats-news {
    margin-bottom: 40px;
    overflow: hidden;
}

.sidebar .carousel-box header .title {
    line-height: 40px;
}

.sidebar .whats-news header {
    margin: 0;
}

.sidebar .carousel-box .product {
    display: block;
    float: left;
    margin: 40px 15px;
}

.sidebar .action {
    overflow: hidden;
}

.sidebar .action .clear-all {
    float: left;
    font-size: 14px;
    line-height: 40px;
    text-transform: none;
}

.sidebar .action .clear-all.close {
    font-size: 20px;
    line-height: 38px;
}

.sidebar .action .clear-all span {
    font-size: 14px;
    line-height: 39px;
    margin: 0 0 0 2px;
    vertical-align: middle;
}

.sidebar .action .btn {
    float: right;
}

.sidebar .more {
    color: #7f7f7f;
    font-size: 12px;
    margin: 5px 0 0;
    text-decoration: none;
    transition: opacity .2s linear;
}

.sidebar .more:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
    text-decoration: none;
}

/* Menu */
.sidebar .menu li {
    margin: 0 0 3px;
}

.sidebar .menu li a {
    background-color: #f2f2f2;
    background-color: rgba(0, 0, 0, .05);
    color: #1e1e1e;
    display: block;
    padding: 9px 9px 9px 60px;
    position: relative;
    text-decoration: none;
    transition: all .2s linear;
}

.sidebar .menu li a:before {
    background: #e1e1e1;
    background: rgba(255, 255, 255, .4);
    bottom: 0;
    content: "";
    display: block;
    left: 45px;
    position: absolute;
    top: 0;
    width: 1px;
}

.sidebar .menu li a:hover {
    background-color: #e9e9e9;
    background-color: rgba(0, 0, 0, .1);
    transition: all .2s linear;
}

.sidebar .menu li.active > a {
    background-color: #1e1e1e;
    color: #fff;
    transition: all .2s linear;
}

.sidebar .menu li.active > a:before {
    background: #444;
    background: rgba(255, 255, 255, .2);
}

.sidebar .menu li.parent > a .open-sub {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 45px;
}

.sidebar .menu li.parent > a .open-sub:before,
.sidebar .menu li.parent > a .open-sub:after {
    background: #1e1e1e;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 19px 0 0 15px;
    position: absolute;
    top: 0;
    width: 16px;
}

.sidebar .menu li.parent > a .open-sub:after {
    height: 16px;
    margin: 12px 0 0 22px;
    width: 2px;
}

.sidebar .menu li.parent.active > a .open-sub:before,
.sidebar .menu li.parent.active > a .open-sub:after {
    background: #fff;
}

.sidebar .menu li.parent.active > a .open-sub:after {
    display: none;
}

.sidebar .menu .sub {
    background-color: #f2f2f2;
    background-color: rgba(0, 0, 0, .05);
    padding: 7px 0 4px 5px;
}

.sidebar .menu .sub li {
    margin: 0;
}

.sidebar .menu .sub a {
    background: none;
    color: #7f7f7f;
    margin: 0;
    padding: 4px 9px 4px 60px;
}

.sidebar .menu .sub a:before {
    display: none;
}

.sidebar .menu .sub a:hover {
    background-color: #e9e9e9;
    background-color: rgba(0, 0, 0, .05);
}

.sidebar .menu .sub .active > a {
    background: none;
    color: #000;
}

.sidebar .menu .sub .sub {
    background: none;
}

.sidebar .menu .sub li.parent > a .open-sub {
    left: 10px;
}

.sidebar .menu .sub li.parent > a .open-sub:before,
.sidebar .menu .sub li.parent > a .open-sub:after {
    background: #7f7f7f;
    margin: 14px 0 0 22px;
    width: 12px;
}

.sidebar .menu .sub li.parent > a .open-sub:after {
    height: 12px;
    margin: 9px 0 0 27px;
    width: 2px;
}

.sidebar .menu li > a .item-icon {
    left: 15px;
    position: absolute;
    top: 13px;
}

.sidebar .menu li:not(.active) > a .item-icon {
    opacity: .5;
    filter: alpha(opacity=50);
}

/* Shop By */
.sidebar .section + .section {
    border-top-width: 1px;
    margin: 20px 0 0;
    padding: 20px 0 0;
}

.sidebar .section li {
    line-height: 18px;
}

.sidebar .section li + li {
    margin: 12px 0 0;
}

.sidebar .section li > a,
.sidebar .section li > a:visited {
    color: #1e1e1e;
}

.sidebar .section li .fa {
    color: #7f7f7f;
}

.sidebar .section .selected li {
    background: url("../img/point.png") right 13px repeat-x #fff;
    margin: 0 0 8px;
    padding: 0 16px 0 0;
    position: relative;
}

.sidebar .section li > span {
    background: #fff;
    color: #7f7f7f;
}

.sidebar .section li span span {
    color: #1e1e1e;
}

.sidebar .section .selected .close {
    background: #fff;
    color: #7f7f7f;
    font-size: 20px;
    padding: 0 2px;
    position: absolute;
    right: 0px;
    top: 3px;
}

.sidebar .section .selected .close:hover {
    color: #1e1e1e;
}

/* List */
.sidebar .list ul {
    margin-bottom: 0;
}

.sidebar .list li {
    padding: 4px 0;
}

.sidebar .list li a {
    color: #1e1e1e;
}

.sidebar .list li span {
    color: #7f7f7f;
}

/* Specials */
.sidebar .specials li {
    padding: 24px 0;
}

.sidebar .specials li:first-child {
    padding-top: 0;
}

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

.sidebar .specials li + li {
    border-top-width: 1px;
}

.sidebar .specials li .product-image {
    background: #f7f7f7;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    float: left;
    height: 74px;
    margin: 0 15px 1px 0;
    overflow: hidden;
    width: 74px;
}

.sidebar .specials li .product-name {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 4px;
    padding-left: 85px;
}

.sidebar .specials li .price-box {
    font-size: 16px;
    line-height: 22px;
    padding-left: 85px;
}

.sidebar .specials li .rating-box {
    margin: 3px 0 14px 85px;
    overflow: hidden;
}

/* Community Poll */
.sidebar .poll strong {
    display: block;
    margin-bottom: 21px;
}

.sidebar .poll ul {
    margin: 0;
    padding: 0 0 27px;
}

.sidebar .poll li {
    margin-bottom: 11px;
}

/* Compare Products */
.sidebar .compare-products ul {
    margin: 0;
    padding: 0 0 17px;
}

.sidebar .compare-products li {
    background: url("../img/point.png") right 13px repeat-x #fff;
    margin: 0 0 8px;
    padding: 0 16px 0 0;
    position: relative;
}

.sidebar .compare-products li .title {
    background: #fff;
    color: #1e1e1e;
    padding-right: 2px;
}

.sidebar .compare-products li .close {
    background: #fff;
    font-size: 20px;
    padding: 0 2px;
    position: absolute;
    right: 0px;
    top: 3px;
}

.sidebar .wishlist li {
    padding: 0 46px 0 0;
}

.sidebar .wishlist .add-cart {
    background: #fff;
    color: #7f7f7f;
    height: 100%;
    padding: 0 3px;
    position: absolute;
    right: 26px;
    top: 1px;
}

.sidebar .wishlist .add-cart path {
    transition: all .2s linear;
}

.sidebar .wishlist .add-cart:hover path {
    fill: #1e1e1e;
    transition: all .2s linear;
}

/* Newsletter */
.sidebar .newsletter form {
    margin: 5px 0 0;
    position: relative;
}

.sidebar .newsletter input {
    margin: 0;
    padding-right: 43px;
}

.sidebar .newsletter .submit {
    background: none;
    color: #ccc;
    height: 38px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 38px;
}

.sidebar .newsletter .submit .glyphicon {
    line-height: 20px;
}

.sidebar .newsletter input:focus + .submit {
    color: #000;
    transition: all .2s linear;
}

/* Recommended */
.sidebar .banners {
    overflow: hidden;
}

.sidebar .banners .slide {
    float: left;
    max-width: 270px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.sidebar .banners .banner-text {
    background: rgb(30, 30, 30);
    background: rgba(30, 30, 30, .65);
    bottom: 0;
    color: #fff;
    left: 0;
    min-height: 58px;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: right;
}

.sidebar .banners .banner-text .title {
    font-size: 20px;
    margin: 0;
}

.sidebar .banners .banner-text p {
    line-height: 18px;
    margin: 0;
}

/* Tags */
.sidebar .tags ul {
    margin: 0;
}

.sidebar .tags li {
    float: left;
    margin: 0 3px 3px 0;
}

.sidebar .tags a {
    background: #1e1e1e;
    background: rgba(30, 30, 30, .7);
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    text-decoration: none;
    transition: all .2s linear;
}

.sidebar .tags a:hover {
    background: #1e1e1e;
    transition: all .2s linear;
}

/* Social */
.social .sbtnf {
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 40px;
    float: left;
    line-height: 40px;
    margin: 0 10px 0 0;
    opacity: .35;
    filter: alpha(opacity=35);
    transition: opacity .2s linear;
    text-align: center;
    width: 40px;
}

.social .sbtnf:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .2s linear;
}

.sidebar .widget.social .sbtnf {
    margin-bottom: 10px;
}

/* Links */
.sidebar .links li {
    line-height: 21px;
}

.sidebar .links a,
.sidebar .links a:visited {
    color: #7f7f7f;
    text-decoration: none;
    transition: color .2s linear;
}

.sidebar .links a:hover {
    color: #000;
    transition: color .2s linear;
}

/* Calendar */
.sidebar .calendar-wrap {
    background: rgba(0, 0, 0, .05);
    border-radius: 3px;
    overflow: hidden;
}

.sidebar .calendar-wrap table {
    margin: 0;
}

.sidebar .calendar-wrap table td,
.sidebar .calendar-wrap table th {
    padding: 3px;
}

.sidebar .calendar-wrap caption {
    background: #1e1e1e;
    color: #fff;
    font-size: 14px;
    padding: 5px;
}

.sidebar .calendar-wrap tfoot td {
    border: 0 none;
}

.sidebar .calendar-wrap tfoot a {
    text-decoration: none;
}

.sidebar .calendar-wrap tfoot a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.sidebar .facebook-widget .fb-like-box {
    border: 1px solid #e1e1e1;
    max-width: 270px;
    width: 100%;
}

.sidebar .facebook-widget .fb-like-box > span {
    max-width: 100% !important;
}

/* Datepicker */
.sidebar .calendar .datepicker-box .datepicker {
    background: rgba(0, 0, 0, .02);
    border-radius: 3px;
    padding: 0;
    width: 270px;
    max-width: 100%;
}

.sidebar .calendar .datepicker-box .datepicker table {
    width: 100%;
    max-width: 100%;
}

.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],
.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: #037ac5;
}

.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],
.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: #f89406;
    color: #fff;
}

/******************************************************************************
  Banner Set
*******************************************************************************/
.banner-set {
    padding-bottom: 16px;
    overflow: hidden;
}

.banner-set.bottom-padding {
    padding-bottom: 0;
}

.load.banner-set .container {
    background-image: url("../img/svg/loader.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px;
    height: 314px;
    overflow: hidden;
}

.load.banner-set .nav-box .container,
.load.banner-set.banner-set-mini .nav-box .container {
    background: none;
    height: auto;
}

.load.banner-set .container > * {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .2s linear;
}

.container .banner-set .container {
    padding: 0;
    width: auto;
}

.banner-set .container > * {
    transition: opacity .2s linear;
}

.banner-set .banner {
    color: #7f7f7f;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    width: 292px;
    padding: 0 19px;
    text-align: left;
    text-decoration: none;
    transition: all .2s ease-out;
}

.banner-media {
    margin: 0 0 28px 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
    width: auto !important;
    height: auto !important;
}

.banner-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-set .banner img {
    margin: 0 0 28px 0;
    width: 100%;
    transition: all .2s linear;
}

.banner-set .banner .title {
    color: #7f7f7f;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 12px;
    text-decoration: none;
    transition: all .2s linear;
}

.banner-set .banner .description {
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banner-set .banner:hover {
    box-sizing: border-box;
    opacity: 1;
    filter: alpha(opacity=100);
}

.banner-set .banner:hover img {
    opacity: .9;
    filter: alpha(opacity=90);
    transition: all .2s linear;
    transform: scale(1.1);
}

.banner-set .banner:hover .title {
    color: #1e1e1e;
    transition: all .2s linear;
}

.banner-set .nav-box {
    padding: 0;
    text-align: center;
    vertical-align: top;
}

.banner-set .next,
.banner-set .prev,
.banner-set .pagination {
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
}

.banner-set .next,
.banner-set .prev {
    color: #ccc;
    font-size: 13px;
    height: 14px;
    line-height: 14px;
    vertical-align: top;
    transition: color .2s linear;
}

.banner-set .next:hover,
.banner-set .prev:hover {
    color: #1e1e1e;
    transition: color .2s linear;
}

.banner-set .next.disabled,
.banner-set .prev.disabled {
    cursor: default;
    opacity: .12;
    filter: alpha(opacity=12);
}

.banner-set .next .glyphicon,
.banner-set .prev .glyphicon {
    margin: 0;
    top: 0;
    vertical-align: top;
}

.banner-set .pagination {
    height: 14px;
    margin: 15px 7px 0;
}

.banner-set .pagination a {
    background: #ececec;
}

.banner-set .pagination a:hover {
    background: #000;
}

.banner-set .pagination a.selected {
    background: #ccc;
}

.banner-set.banner-set-mini {
    overflow: visible;
    padding-bottom: 0;
}

.load.banner-set.banner-set-mini .container,
.load.banner-set.banner-set-mini .container .banners {
    height: 127px;
    overflow: hidden;
}

.banner-set.banner-set-mini .banner {
    padding: 9px;
    width: 146px;
}

.banner-set.banner-set-mini .banner img {
    margin-bottom: 14px;
}

.banner-set.banner-set-mini .banner .title {
    font-size: 14px;
    padding: 0;
}

.banner-set.banner-set-mini .pagination {
    margin-bottom: 15px;
}

.banner-set.banner-set-mini.banner-set-no-pagination .nav-box,
.banner-set.banner-set-mini.banner-set-no-pagination .nav-box .container {
    position: relative;
}

.banner-set.banner-set-mini.banner-set-no-pagination .pagination {
    display: none !important;
}

.banner-set.banner-set-mini.banner-set-no-pagination .prev,
.banner-set.banner-set-mini.banner-set-no-pagination .next {
    left: 0;
    margin: -70.5px 0 0 -15px;
    position: absolute;
    top: 0;
}

.banner-set.banner-set-mini.banner-set-no-pagination .next {
    left: auto;
    margin-left: 0;
    margin-right: -15px;
    right: 0;
}

.container .banner-set.banner-set-mini.banner-set-no-pagination .prev {
    margin-left: -30px;
}

.container .banner-set.banner-set-mini.banner-set-no-pagination .next {
    margin-right: -30px;
}

/******************************************************************************
  Main
*******************************************************************************/
#main {
    padding: 80px 0;
}

#main.home {
    padding-top: 0;
}

.page-header {
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    z-index: 50;
    margin: 0 0 80px;
    padding: 0;
}

.page-header .title {
    font-weight: normal;
    margin: -4px 0 18px;
    padding: 0;
    position: relative;
}

.page-header .container {
    position: relative;
}

.page-header:before {
    background: #1e1e1e;
    bottom: 0px;
    content: "";
    display: block;
    height: 1px;
    left: 0px;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
    z-index: 100;
}

.page-header .page-description {
    padding: 0 0 18px;
}

.title-box {
    border-bottom-width: 1px;
    margin-bottom: 15px;
    position: relative;
}

.title-box.no-margin,
.no-margin {
    margin-bottom: 0 !important;
}

.title-box:before {
    background: #1e1e1e;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}

.text-right {
    text-align: right;
}

.title-box.text-right:before {
    left: auto;
    right: 0;
}

.title-box.text-center:before {
    left: 50%;
    margin-left: -20px;
}

.title-box .title {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    padding: 14px 0 0;
}

.title-box h1.title,
.title-box .h1.title {
    font-size: 24px;
}

.title-box .btn {
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

.title-box .btn .glyphicon {
    margin: -1px 0 0 3px;
}

.title-box.title-white,
.page-header.white {
    border-color: rgba(255, 255, 255, .3);
}

.title-box.title-white:before,
.page-header.white .container:before {
    background: #fff;
}

.title-box.title-white .title {
    color: #fff;
}

/******************************************************************************
  Home Pages
*******************************************************************************/
/* Packages */
.package {
    background: #f7f7f7;
    margin: 0 auto 40px;
    max-width: 370px;
}

.package .title {
    line-height: 32px;
    padding: 20px 20px 15px;
}

.package .title a {
    color: #1e1e1e;
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
    text-decoration: none;
}

.package .price-box {
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 20px 20px;
}

.package .price-box .icon {
    color: #505050;
    height: 96px;
    text-align: center;
    width: 96px;
}

.package .price-box .icon i {
    background: none;
    font-size: 50px;
    height: auto;
    line-height: 100px;
    margin: 0;
    width: auto;
}

.package .price-box .description {
    margin: 0 120px 17px 0;
}

.package .price-box .price {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    margin: 7px 0 0;
}

.package .price-box .price span {
    font-size: 12px;
}

.package .bottom-box {
    border-top-width: 1px;
    overflow: hidden;
    padding: 19px 19px 20px;
}

.package .bottom-box .more {
    color: #7f7f7f;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    transition: opacity .2s linear;
}

.package .bottom-box .more:hover {
    opacity: .65;
    filter: alpha(opacity=65);
    transition: opacity .2s linear;
}

.package .bottom-box .more span {
    font-size: 17px;
    line-height: 12px;
    margin: 0 0 0 3px;
    vertical-align: top;
}

.package .bottom-box .rating-box {
    float: right;
}

/* Features */
.features-block .header-box {
    display: block;
    min-height: 30px;
    margin: 0 0 13px;
    overflow: hidden;
}

.features-block .header-box .icon-box {
    background: none;
    color: #1e1e1e;
    float: left;
    height: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 24px;
    transition: opacity .2s linear;
}

.features-block .header-box a.icon-box:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.features-block .header-box .icon-box i:before {
    font-size: 20px;
    line-height: 30px;
}

.features-block .header-box h6 {
    margin: 6px 0 0;
}

/* Welcome block */
.content-block {
    box-sizing: border-box;
    padding: 20px;
}

.content-block .btn + .btn {
    margin-left: 14px;
}

.content-block .btn.pull-left {
    margin: 0 10px 0 0;
}

.content-block .btn.pull-right {
    margin: 0 0 0 10px;
}

/* Services */
.service .icon {
    border-radius: 35px;
    color: #1e1e1e;
    display: block;
    height: 70px;
    float: left;
    margin: 0 30px 0 0;
    text-align: center;
    text-decoration: none;
    width: 70px;
    transition: opacity .2s linear;
}

.service .icon:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.service .icon i:before {
    font-size: 30px;
    line-height: 70px;
}

.service .title {
    margin: 2px 0 17px;
}

.service a:not(.btn),
.big-services-box a:not(.btn),
.features-block a:not(.btn) {
    color: #1e1e1e;
    display: inline-block;
    transition: opacity .2s linear;
}

.service a:hover,
.big-services-box a:hover,
.features-block a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
    transition: opacity .2s linear;
}

.white .service a,
.white .big-services-box a {
    color: #fff;
}

.service .text-small {
    overflow: hidden;
}

.big-services-box {
    margin-bottom: 40px;
    text-align: center;
}

.big-icon,
.big-icon:visited {
    border-radius: 50px;
    color: #1e1e1e;
    display: block;
    height: 100px;
    margin: 0 auto 20px;
    text-align: center;
    width: 100px;
    transition: opacity .2s linear;
}

.big-icon i:before {
    font-size: 50px;
    line-height: 100px;
}

a.big-icon:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.big-icon.pull-left {
    margin: 0 20px 20px 0;
}

/* Why Choose Us */
.why-choose ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.why-choose li {
    font-size: 13px;
    line-height: 20px;
    padding: 11px 0 8px 23px;
    position: relative;
}

.why-choose li:before {
    content: "✓";
    display: block;
    font-size: 16px;
    left: 2px;
    position: absolute;
    top: 11px;
}

.why-choose li + li {
    border-top-width: 1px;
}

/* Promo Partners */
.promo-partners {
    font-size: 14px;
    line-height: 20px;
}

.promo-partners .col-md-2 {
    margin-bottom: 37px;
}

/* Latest Posts */
.latest-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.latest-posts li {
    overflow: hidden;
    padding: 22px 0;
}

.latest-posts li + li {
    border-top-width: 1px;
}

.latest-postst li:first-child {
    padding-top: 0;
}

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

.latest-posts li .image {
    float: left;
    height: 84px;
    margin: 0 25px 0 0;
    width: 84px;
}

.latest-posts li .meta {
    color: #7f7f7f;
    font-size: 11px;
    line-height: 18px;
    margin: 0 0 10px;
}

.latest-posts li .description {
    overflow: hidden;
}

.latest-posts li a {
    color: #1e1e1e;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}

.latest-posts-white li .meta {
    color: rgba(255, 255, 255, .6);
}

.latest-posts-white li a {
    color: rgba(255, 255, 255, .8);
}

.latest-posts-white li {
    border-color: rgba(255, 255, 255, .3);
}

/******************************************************************************
  Carousel
*******************************************************************************/
.carousel .col-sm-1,
.carousel .col-sm-2,
.carousel .col-sm-3,
.carousel .col-sm-4,
.carousel .col-sm-5,
.carousel .col-sm-6,
.carousel .col-sm-7,
.carousel .col-sm-8,
.carousel .col-sm-9,
.carousel .col-sm-10,
.carousel .col-sm-11,
.carousel .col-sm-12 {
    display: block;
    float: left;
}

.carousel .col-md-1 {
    max-width: 80px;
}

.carousel .col-md-2 {
    max-width: 161px;
}

.carousel .col-md-3 {
    max-width: 242px;
}

.carousel .col-md-4 {
    max-width: 323px;
}

.carousel .col-md-5 {
    max-width: 404px;
}

.carousel .col-md-6 {
    max-width: 485px;
}

.carousel .col-md-7 {
    max-width: 565px;
}

.carousel .col-md-8 {
    max-width: 646px;
}

.carousel .col-md-9 {
    max-width: 727px;
}

.carousel .col-md-10 {
    max-width: 808px;
}

.carousel .col-md-11 {
    max-width: 889px;
}

.carousel .col-md-12 {
    max-width: 970px;
}

.carousel-links a {
    transition: opacity .2s linear;
}

.carousel-links a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.carousel [class*="span"].pull-right {
    float: right;
}

.load.carousel-box {
    background-image: url("../img/svg/loader.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px;
}

.load.carousel-box > * {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .2s linear;
}

.carousel-box > * {
    transition: opacity .2s linear;
}

.load.carousel-box .carousel > a + a,
.load.carousel-box .carousel > div + div {
    visibility: hidden;
}

.caroufredsel_wrapper {
    margin-bottom: 0 !important;
}

.carousel-box .next,
.carousel-box .prev {
    background-color: #ccc;
    border-radius: 3px;
    color: #fbfbfb;
    display: block;
    float: right;
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 10px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    transition: all .2s linear;
}

.carousel-box .next:hover,
.carousel-box .prev:hover {
    background-color: #000;
    color: #efefef;
    text-decoration: none;
    transition: color .2s linear,
    background-color .2s linear;
}

.carousel-box .next:hover polygon,
.carousel-box .prev:hover polygon {
    fill: #efefef;
}

.carousel-box .next svg {
    margin-left: 2px;
}

.carousel-box .prev svg {
    margin-right: 2px;
}

.carousel-box .next *,
.carousel-box .prev * {
    vertical-align: middle;
}

.carousel-box.no-nav .next,
.carousel-box.no-nav .prev {
    display: none;
}

.carousel-box .pagination {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.carousel-box.no-pagination .pagination {
    display: none;
}

.overflow {
    overflow: hidden;
}

.carousel-box .pagination a {
    background: #ececec;
}

.carousel-box .pagination a:hover {
    background: #000;
}

.carousel-box .pagination a.selected {
    background: #ccc;
    background: rgba(0, 0, 0, .3);
}

/******************************************************************************
  Products
*******************************************************************************/
.product {
    border-radius: 3px;
    display: inline-block;
    float: none;
    margin: 0 0 40px;
    min-width: 240px;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: top;
}

.product.product-mini {
    min-width: 180px;
}

.carousel .product.product-mini {
    width: 200px;
}

.product.rotation,
.employee.rotation {
    overflow: visible;
}

.double-product {
    min-width: 240px;
}

.double-product .product.rotation {
    min-width: 210px;
}

.carousel .product.rotation {
    margin-top: 40px;
}

.carousel .double-product .product.rotation + .product.rotation {
    margin-top: 0;
}

.product .default {
    background: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.product .product-image {
    display: block;
    line-height: 0;
    margin: 0;
}

.product .limit-offer {
    background: #1e1e1e;
    background: rgba(30, 30, 30, .9);
    bottom: 72px;
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding: 10px 0 13px;
    position: absolute;
    right: 0;
    width: auto !important;
}

.product .limit-offer .title {
    margin: 0 0 3px;
}

.product .limit-offer .county-days-wrapper,
.product .limit-offer .county-hours-wrapper,
.product .limit-offer .county-minutes-wrapper,
.product .limit-offer .county-seconds-wrapper {
    box-sizing: content-box;
    display: inline-block;
    font-size: 30px;
    height: 26px;
    overflow: hidden;
    padding: 0 7px 2px 6px;
    position: relative;
    text-align: center;
}

.product .limit-offer .county-days,
.product .limit-offer .county-hours,
.product .limit-offer .county-minutes,
.product .limit-offer .county-seconds {
    font-size: 30px;
    left: 0;
    right: 0;
}

.product .limit-offer .loaded {
    box-sizing: content-box;
    padding-left: 7px;
    padding-right: 6px;
    position: absolute;
}

.product .limit-offer .county-days-wrapper span,
.product .limit-offer .county-hours-wrapper span,
.product .limit-offer .county-minutes-wrapper span,
.product .limit-offer .county-seconds-wrapper span {
    opacity: 1 !important;
}

.product .limit-offer .county-label-days,
.product .limit-offer .county-label-hours,
.product .limit-offer .county-label-minutes,
.product .limit-offer .county-label-seconds {
    color: rgba(255, 255, 255, .7);
    display: inline-block;
    text-align: center;
    text-transform: lowercase;
}

.product .limit-offer .county-days-wrapper:before,
.product .limit-offer .county-hours-wrapper:before,
.product .limit-offer .county-minutes-wrapper:before {
    background: #fff;
    background: rgba(255, 255, 255, .4);
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 1px;
}

.county-label-days i,
.county-label-hours i,
.county-label-minutes i,
.county-label-seconds i {
    font-style: normal;
}

.product .limit-offer .county-label-days i,
.product .limit-offer .county-label-hours i,
.product .limit-offer .county-label-minutes i,
.product .limit-offer .county-label-seconds i {
    display: none;
}

.product .not-rotation-actions {
    background: #1e1e1e;
    background: rgba(30, 30, 30, .9);
    bottom: 0;
    left: 0;
    right: 0;
    padding: 9px 10px;
    position: absolute;
    text-align: center;
    transition: bottom .2s linear;
    z-index: 1;
}

.product:hover .not-rotation-actions {
    bottom: 72px;
    transition: bottom .2s linear;
}

.product .not-rotation-actions + .product-description .limit-offer {
    transition: bottom .2s linear;
}

.product:hover .not-rotation-actions + .product-description .limit-offer {
    bottom: 144px;
    transition: bottom .2s linear;
}

.product .product-description {
    background: #f2f2f2;
    border-top: 1px solid #e1e1e1;
    color: #505050;
    display: table;
    font-size: 13px;
    height: 72px;
    line-height: 18px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.product .product-description .vertical {
    display: table-cell;
    height: 72px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.product .product-name {
    color: #1e1e1e;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 4px;
}

.product .product-name a {
    text-decoration: none;
    transition: opacity .2s linear;
}

.product .product-name a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.products-tab .product .product-name {
    text-transform: none;
}

.product .price {
    font-weight: bold;
}

.product .product-hover {
    background: #1e1e1e;
    border-radius: 3px;
    box-sizing: border-box;
    bottom: 0;
    color: #7f7f7f;
    display: none;
    font-size: 12px;
    line-height: 20px;
    left: 0;
    padding: 16px 20px 90px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

.col-md-1.product .product-hover,
.col-md-2.product .product-hover,
.col-md-3.product .product-hover,
.col-md-4.product .product-hover,
.col-md-5.product .product-hover,
.col-md-6.product .product-hover,
.col-md-7.product .product-hover,
.col-md-8.product .product-hover,
.col-md-9.product .product-hover,
.col-md-10.product .product-hover,
.col-md-11.product .product-hover,
.col-md-11.product .product-hover {
    left: 15px;
    right: 15px;
}

.product:hover .product-hover {
    display: block;
    -webkit-animation: fadeIn 0.8s;
    animation: fadeIn 0.8s;
}

.product .product-hover .product-name {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 7px;
}

.product .product-hover .product-name a {
    color: #fff;
    transition: opacity .2s linear;
}

.product .product-hover .product-name a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
    text-decoration: none;
}

.product .product-hover .price {
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 24px;
}

.product .product-hover .product-image {
    background: #f7f7f7;
    border-radius: 2px;
    display: block;
    height: 70px;
    float: right;
    line-height: 0;
    margin: 4px 0 0 5px;
    padding: 0;
    position: relative;
    width: 70px;
    z-index: 1;
}

.product .product-hover .product-image img {
    background: #f7f7f7;
    border-radius: 2px;
}

.product .product-hover ul {
    margin: 0;
    max-height: 120px;
    overflow: hidden;
    padding: 0;
}

.product .product-hover ul li {
    background-image: url("../img/svg/check-icon.svg"), none;
    background-repeat: no-repeat;
    background-position: 0 5px;
    line-height: 20px;
    list-style: none;
    padding: 0 0 0 15px;
    position: relative;
}

.product .product-hover .actions {
    bottom: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.product .actions a {
    background: #fff;
    display: inline-block;
    height: 54px;
    margin: 0 -2px;
    padding-top: 19px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 54px;
    transition: all .2s linear;
}

.product .actions a + a {
    border-left-width: 1px;
}

.product .actions .add-cart {
    border-radius: 3px 0 0 3px;
}

.product .actions .add-compare {
    border-radius: 0 3px 3px 0;
}

.product .actions a:hover {
    background: #f2f2f2;
    transition: all .2s linear;
}

.product .actions a i {
    color: #1e1e1e;
    line-height: 57px;
}

.product .actions a i:before {
    font-size: 16px;
    width: auto;
}

.product.product-danger .product-hover,
.product.product-danger .limit-offer,
.product.product-danger .not-rotation-actions {
    background-color: #78a050;
}

.product.product-danger .limit-offer,
.product.product-danger .not-rotation-actions {
    background-color: rgba(212, 7, 70, .9);
}

.product.product-danger .actions a svg path {
    fill: #78a050;
}

.product.product-success .product-hover,
.product.product-success .limit-offer,
.product.product-success .not-rotation-actions {
    background-color: #84a200;
}

.product.product-success .limit-offer,
.product.product-success .not-rotation-actions {
    background-color: rgba(132, 162, 0, .9);
}

.product.product-success .actions a svg path {
    fill: #84a200;
}

.product.product-info .product-hover,
.product.product-info .limit-offer,
.product.product-info .not-rotation-actions {
    background-color: #01a5db;
}

.product.product-info .limit-offer,
.product.product-info .not-rotation-actions {
    background-color: rgba(1, 165, 219, .9);
}

.product.product-info .actions a svg path {
    fill: #01a5db;
}

.product.product-warning .product-hover,
.product.product-warning .limit-offer,
.product.product-warning .not-rotation-actions {
    background-color: #f89406;
}

.product.product-warning .limit-offer,
.product.product-warning .not-rotation-actions {
    background-color: rgba(248, 148, 6, .9);
}

.product.product-warning .actions a svg path {
    fill: #f89406;
}

.rotation {
    background: none;
    -webkit-perspective: 600px;
    perspective: 600px;
}

.rotation .default,
.rotation .front-end {
    overflow: hidden;
    position: relative;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    transition: all .6s ease-in-out;
    z-index: 24;
}

.rotation .default {
    background: #f7f7f7;
    border-radius: 3px;
}

.rotation.hover .default,
.rotation.hover .front-end {
    z-index: 35;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transition-delay: .2s;
}

.rotation .product-hover,
.rotation .back-end {
    display: block;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(-180deg);
    transition: all .6s ease-in-out;
    width: 100%;
    z-index: 13;
}

.rotation.hover .product-hover,
.rotation.hover .back-end {
    z-index: 46;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateY(0deg);
    transition-delay: .2s;
}

.list .product {
    background: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    width: auto;
}

.list .product .product-image {
    background: #f7f7f7;
    border-radius: 3px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.list .product .product-name {
    color: #1e1e1e;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 14px;
}

.reviews-box {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 14px;
}

.list .product .reviews-box {
    margin: 0 0 16px;
}

.reviews-box .rating-box {
    float: left;
    margin: 0 20px 0 0;
}

.reviews-box .separator {
    margin: 0 4px;
}

.reviews-box .add-review {
    color: #7f7f7f;
    text-decoration: none;
}

.reviews-box .add-review:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.list .product .excerpt {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 15px;
}

.list .product .price-box {
    margin: 0 0 30px;
}

.list .product .price {
    font-size: 24px;
    font-weight: normal;
}

.list .product .price-old {
    font-size: 18px;
}

.list .product .actions a {
    background: #f2f2f2;
    transition: all .2s linear;
}

.list .product .actions a:hover {
    background: #1e1e1e;
    transition: all .2s linear;
}

.list .product .actions a path {
    transition: all .2s linear;
}

.list .product .actions a:hover path {
    fill: #fff;
    transition: all .2s linear;
}

/******************************************************************************
  Products Tab
*******************************************************************************/
.products-tab .nav-tabs > li > a {
    color: #7f7f7f;
    font-size: 18px;
    line-height: 33px;
}

.products-tab .nav-tabs > .active > a,
.products-tab .nav-tabs > .active > a:hover,
.products-tab .nav-tabs > .active > a:focus {
    color: #7f7f7f;
    font-weight: normal;
}

.products-tab .tab-content > .tab-pane {
    overflow: hidden;
    padding: 40px 0 0;
}

.products-tab .product.rotation {
    overflow: visible;
}

/******************************************************************************
  Manufactures
*******************************************************************************/
.manufactures .make-wrapper {
    height: 164px;
    margin: 0;
    padding: 0 15px;
    width: 164px;
    box-sizing: border-box;
}

.manufactures-list {
    text-align: left;
}

.manufactures-list .make-wrapper {
    display: inline-block;
    margin-bottom: 20px;
}

.manufactures .make {
    display: table-cell;
    height: 164px;
    line-height: 0;
    max-height: 100%;
    opacity: .6;
    filter: alpha(opacity=60);
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    transition: background .2s linear,
    border .2s linear,
    opacity .2s linear;
}

.manufactures a.make:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: background .2s linear,
    border .2s linear,
    opacity .2s linear;
}

/******************************************************************************
  About Us
*******************************************************************************/
.about-us {
    font-size: 13px;
}

.about-us strong {
    font-size: 14px;
}

/******************************************************************************
  Clients
*******************************************************************************/
.client {
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    display: inline-block;
    margin: 0 auto 20px;
    max-width: 100%;
    text-align: center;
    transition: all .2s ease-in;
    width: 200px;
}

.client:hover {
    border-color: #e1e1e1;
    transition: border-color .2s ease-in;
}

.client + .tooltip {
    font-size: 14px;
    z-index: 800;
}

.client + .tooltip .tooltip-inner {
    padding: 10px;
}

.carousel .client {
    margin-bottom: 0;
}

/******************************************************************************
  News
*******************************************************************************/
.news .news-item {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 35px;
}

.news .news-item .time {
    color: #7f7f7f;
    margin-bottom: 2px;
}

.news .news-item .title {
    font-size: 14px;
    margin-bottom: 7px;
}

.news .news-item .title a {
    color: #1e1e1e;
    transition: all .2s linear;
}

.news .news-item .title a:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    transition: all .2s linear;
}

.news .news-item .more {
    color: #7f7f7f;
    margin: 5px 0 0;
    text-decoration: none;
    transition: all .2s linear;
}

.news .news-item .more:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all .2s linear;
}

.news .news-item .more span {
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
}

/******************************************************************************
  Category
*******************************************************************************/
#catalog .category-img {
    background: #f2f2f2;
    margin: 0 0 80px;
    position: relative;
}

#catalog .category-img img {
    width: 100%;
}

#catalog .category-img .description {
    background: rgb(30, 30, 30);
    background: rgba(30, 30, 30, .7);
    bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    left: 0;
    padding: 35px 38px;
    position: absolute;
    right: 0;
}

.toolbar .grid-list {
    float: left;
}

.toolbar .grid-list .grid,
.toolbar .grid-list .list {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .7);
    border-radius: 2px;
    display: block;
    float: left;
    height: 24px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 24px;
}

.toolbar .grid-list a.grid,
.toolbar .grid-list a.list {
    background: #ccc;
    transition: background .2s linear;
}

.toolbar .grid-list a.grid:hover,
.toolbar .grid-list a.list:hover {
    background: #1e1e1e;
    transition: background .2s linear;
}

.toolbar .grid-list .grid .glyphicon,
.toolbar .grid-list .list .glyphicon {
    color: #fff;
    font-size: 12px;
    margin: 5px 0 0;
    top: 0;
    vertical-align: top;
}

.toolbar .sort-catalog {
    float: left;
    margin: 0 17px 0 13px;
}

.toolbar .sort-catalog .dropdown-toggle {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .7);
    color: #ccc;
    z-index: 26;
}

.toolbar .sort-catalog .dropdown-toggle span {
    color: #f7f7f7;
}

.toolbar .sort-catalog .open .dropdown-toggle span {
    color: #7f7f7f;
}

.btn-group.btn-select .dropdown-menu {
    z-index: 25;
}

.btn-group.btn-select.open .btn.dropdown-toggle:after {
    z-index: 27;
}

.toolbar .up-down {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .7);
    background-image: url("../img/up.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-shadow: none;
    height: 24px;
    margin: 0 0 0 3px;
    padding: 0;
    vertical-align: top;
    width: 22px;
}

.toolbar .up-down.active {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .7);
    background-image: url("../img/down.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.toolbar .per-page {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 24px;
    margin: 0 0 0 3px;
}

.toolbar .price-regulator {
    color: #7f7f7f;
    font-size: 12px;
    width: 323px;
}

.toolbar .price-regulator b {
    color: #1e1e1e;
    display: inline-block;
    margin-top: 5px;
}

.toolbar .price-regulator .layout-slider {
    float: right;
    margin-top: 5px;
    width: 270px;
}

.jslider .jslider-pointer {
    background: none;
    height: 12px;
    margin: 0 0 0 -4px;
    width: 8px;
}

.jslider .jslider-pointer svg {
    vertical-align: top;
}

.toolbar .grid-list,
.toolbar .sort-catalog {
    margin-bottom: 20px;
}

#catalog .products {
    clear: both;
    margin-top: 20px;
}

#catalog .products.grid {
    text-align: center;
}

.pagination-box {
    margin: 40px 0 0;
}

.pagination-box .pagination {
    margin: 0 10px 0 0;
}

/******************************************************************************
  Product View
*******************************************************************************/
.zoomWindow {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.zoomContainer {
    height: auto !important;
}

.product-page .image-box {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.product-page .image-box .general-img {
    background: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
}

.product-page .image-box .thumblist-box {
    margin: 30px 0 0;
    max-height: 100px;
    overflow: hidden;
    padding: 0 54px;
    position: relative;
}

.product-page .image-box .thumblist-box.load {
    opacity: 0;
}

.product-page .image-box .thumblist-box .prev,
.product-page .image-box .thumblist-box .next {
    background-color: #ccc;
    border-radius: 3px;
    color: #fbfbfb;
    display: block;
    float: right;
    height: 40px;
    line-height: 40px;
    left: 0;
    margin: -20px 0 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    text-decoration: none;
    width: 40px;
    transition: all .2s linear;
}

.product-page .image-box .thumblist-box .next {
    left: auto;
    right: 0;
}

.product-page .image-box .thumblist-box .prev *,
.product-page .image-box .thumblist-box .next * {
    vertical-align: middle;
}

.product-page .image-box .thumblist-box .prev:hover,
.product-page .image-box .thumblist-box .next:hover {
    background-color: #000;
    color: #efefef;
    text-decoration: none;
    transition: all .2s linear;
}

.product-page .image-box .thumblist-box .prev polygon,
.product-page .image-box .thumblist-box .next:hover polygon {
    fill: #efefef;
}

.product-page .image-box #thumblist a {
    background: #f7f7f7;
    display: block;
    float: left;
    height: 100px;
    margin: 0 9px;
    width: 100px;
}

.product-page .image-box #thumblist a img {
    border-radius: 2px;
    transition: opacity 0.2s linear;
}

.product-page .image-box #thumblist a:hover img {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity 0.2s linear;
}

.product-page .reviews-box {
    margin: 0 0 38px;
}

.product-page .description {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 32px;
}

.product-page .col-md-7 .price-box {
    border-bottom-width: 1px;
    font-size: 48px;
    line-height: 1;
    margin: 0 0 40px;
    padding: 0 0 35px;
}

.product-page .col-md-7 .price-box .price-old {
    font-size: 30px;
}

.price-box .emergence .price {
    display: none;
}

.price-box .emergence .emergence-price {
    color: #7f7f7f;
    font-size: 12px;
    vertical-align: middle;
}

.price-box .price-label {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 14px;
}

.product-page .add-cart-form {
    margin: 0;
}

.product-page .add-cart-form .add-cart {
    font-weight: bold;
    margin: 0 17px 40px 0;
    min-width: 290px;
    text-transform: uppercase;
}

.product-page .add-cart-form .number {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
}

.product-page .add-cart-form .number label {
    color: #7f7f7f;
    font-weight: normal;
    line-height: 54px;
    margin: 0 7px 0 0;
    vertical-align: top;
}

.product-page .add-cart-form .number input {
    color: #7f7f7f;
    display: inline-block;
    height: 54px;
    padding: 15px 12px;
    text-align: center;
    vertical-align: top;
    width: 80px;
}

.product-page .add-cart-form .number .regulator {
    display: inline-block;
    vertical-align: top;
}

.product-page .add-cart-form .number .regulator a {
    background: url("../img/arrow-up.png") 50% 50% no-repeat #ccc;
    border-radius: 2px;
    display: block;
    height: 24px;
    width: 24px;
    transition: background-color .2s linear;
}

.product-page .add-cart-form .number .regulator .number-down {
    background: url("../img/arrow-down.png") 50% 50% no-repeat #ccc;
    margin: 6px 0 0 0;
}

.product-page .add-cart-form .number .regulator a:hover {
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, .5);
    transition: background-color .2s linear;
}

.product-page .availability-sku {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 36px;
}

.product-page .availability-sku .availability span {
    color: #2ca073;
}

.product-page .product-options-border {
    border-top: 1px solid #1e1e1e;
    padding: 40px 0 0;
}

.product-page .product-options {
    font-size: 12px;
    line-height: 20px;
}

.product-page .product-options .selectBox,
.product-page .product-options .select {
    margin: 0 0 10px;
}

.product-page .product-options .selectBox:last-child,
.product-page .product-options .select:last-child {
    margin: 0;
}

.product-page .product-options-table table {
    margin: 0 0 35px;
}

.product-page .product-options-table table th,
.product-page .product-options-table table td {
    line-height: 20px;
    padding: 16px 25px 13px;
    text-align: left;
    vertical-align: middle;
}

.product-page .product-options-table table .price {
    text-align: right;
    width: 150px;
}

.product-page .product-options-table table td.price {
    font-size: 16px;
}

.product-page .product-options-table table .qty {
    text-align: right;
    width: 70px;
}

.product-page .product-options-table table td.qty {
    padding: 5px 25px;
}

.product-page .product-options-table table .qty input {
    margin: 0;
    width: 50px;
}

.product-page .product-options-samples {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 30px;
}

.product-page .product-options-samples .title {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 14px;
}

.product-page .product-options-samples label {
    line-height: 20px;
    margin: 0;
}

.product-page .product-options-samples label .new-checkbox {
    margin-top: 1px;
}

.product-page .product-options-samples .required-box {
    font-size: 11px;
    line-height: 1;
    text-align: right;
}

.product-page .product-options-samples .required {
    font-size: 11px;
    line-height: 1;
}

.product-page .product-price-configured {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 30px;
}

.product-page .col-md-7 .actions {
    margin: 0 0 40px;
}

.product-page .col-md-7 .actions a {
    background: #f2f2f2;
    display: inline-block;
    height: 54px;
    margin: 0 -2px;
    padding-top: 19px;
    text-align: center;
    text-decoration: none;
    width: 54px;
    transition: all .2s linear;
}

.product-page .col-md-7 .actions a + a {
    border-left-width: 1px;
}

.product-page .col-md-7 .actions .add-wishlist {
    border-radius: 3px 0 0 3px;
}

.product-page .col-md-7 .actions .add-compare {
    border-radius: 0 3px 3px 0;
}

.product-page .col-md-7 .actions a:hover {
    background: #1e1e1e;
    transition: all .2s linear;
}

.product-page .col-md-7 .actions a path {
    fill: #1e1e1e;
    transition: all .2s linear;
}

.product-page .col-md-7 .actions a:hover path {
    fill: #fff;
    transition: all .2s linear;
}

.product-bottom {
    padding: 40px 0 0;
    overflow: hidden;
}

.product-options-detail {
    background: #f2f2f2;
    font-size: 12px;
    line-height: 20px;
    padding: 27px 30px 30px;
}

.product-options-detail .detail-box {
    margin: 0 0 25px;
}

.product-options-detail .pull-right.required {
    font-size: 11px;
    line-height: 18px;
}

.product-options-detail .title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 11px;
}

.product-options-detail .checkbox,
.product-options-detail .radio {
    line-height: 20px;
    margin: 0;
}

.product-options-detail .checkbox .new-checkbox,
.product-options-detail .radio .new-radio {
    margin-top: 0;
}

.product-options-detail .qty {
    margin: 15px 0 0;
}

.product-options-detail .qty label {
    float: left;
    font-size: 12px;
    line-height: 40px;
    margin: 0 12px 0 0;
}

.product-options-detail .qty input {
    margin: 0;
    width: 48px;
}

.product-options-detail .price {
    font-size: 48px;
    line-height: 1;
}

.product-options-detail .add-cart {
    float: right;
    font-weight: bold;
    margin: -14px 17px 0 0;
    min-width: 290px;
    text-transform: uppercase;
}

.product-page .product-tab {
    margin: 80px 0;
}

.product-page .product-tab .tab-pane {
    padding: 36px 0 0;
}

.product-page .product-tab .tab-pane .title {
    margin: 0 0 18px;
}

/* Related Products */
.product-bottom .related-products .select-all {
    margin: -4px 0 13px;
}

.product-bottom .related-products ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-bottom .related-products li {
    padding: 24px 0;
}

.product-bottom .related-products li + li {
    border-top-width: 1px;
}

.product-bottom .related-products li .product-image {
    border: 1px solid #f5f5f5;
    background: #f7f7f7;
    float: left;
    height: 64px;
    margin: 0 15px 1px 0;
    padding: 2px;
    width: 64px;
}

.product-bottom .related-products li .product-name {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 4px;
}

.product-bottom .related-products li .price-box {
    font-size: 16px;
    line-height: 22px;
}

.product-bottom .related-products li .button-box {
    margin: 10px 0 0;
    overflow: hidden;
    text-align: right;
}

.product-bottom .related-products li .button-box label,
.product-bottom .related-products li .button-box .wishlist {
    color: #ccc;
    float: right;
    margin: 0 0 0 10px;
}

.product-bottom .related-products li .button-box .new-checkbox {
    margin-top: 0;
}

.product-bottom .related-products li .button-box .wishlist svg path {
    fill: #ccc;
    transition: fill .2s linear;
}

.product-bottom .related-products li .button-box .wishlist:hover svg path {
    fill: #1e1e1e;
    transition: fill .2s linear;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0 0 33px;
}

.commentlist li {
    padding: 0 0 25px;
}

.commentlist li + li {
    border-top-width: 1px;
    padding: 25px 0 0;
}

.commentlist .meta {
    color: #7f7f7f;
    font-size: 11px;
    line-height: 18px;
    margin: 0 0 4px;
}

.evaluation-box {
    overflow: hidden;
}

.evaluation {
    float: left;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    margin: 0 10px 14px 0;
}

.evaluation + .evaluation {
    border-left-width: 1px;
    padding-left: 10px;
}

.evaluation .rating-box {
    display: inline-block;
    margin: 0 0 0 7px;
}

.evaluation .add-rating {
    float: left;
    margin: 0 0 0 10px;
    overflow: hidden;
}

.evaluation .add-rating label {
    float: left;
    height: 30px;
    margin: 0 1px;
    padding: 0 0 0 14px;
    position: relative;
    width: 2px;
}

.evaluation .add-rating label .new-radio {
    margin: 0px 0 0 -14px;
}

.evaluation .add-rating label .number {
    bottom: 0;
    color: #7f7f7f;
    font-size: 11px;
    line-height: 1;
    left: 3px;
    position: absolute;
}

.comments-form .evaluation-box .evaluation {
    margin-bottom: 30px;
}

.comments-form .row label {
    font-weight: bold;
    margin: 0 0 4px;
}

.comments-form .row textarea {
    box-sizing: border-box;
    height: 128px;
    margin: 0 0 10px;
    width: 100%;
}

.comments-form .row i {
    color: #999;
    font-size: 12px;
}

.comments-form .row .btn {
    margin: 34px 0 0 0;
}

/******************************************************************************
  Login Page
*******************************************************************************/
#main.login-register {
    overflow: hidden;
    padding-bottom: 40px;
}

.form-box.forgot-form {
    margin-bottom: 0;
}

.info-box {
    margin-bottom: 40px;
    padding: 27px 0 0;
}

.info-box .title,
.form-box .title {
    font-weight: normal;
    margin: 0 0 17px;
}

.info-box .descriptions,
.form-box .descriptions {
    margin: 0 0 26px;
}

.form-box {
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0 0 40px 0;
    padding: 27px 30px 25px;
}

.form-box .checkbox {
    font-size: 12px;
    margin: 0px 0 28px;
}

.form-box .checkbox .new-checkbox {
    margin-top: 0;
}

.form-box .buttons-box {
    font-size: 11px;
    line-height: 1.5;
}

.form-box .buttons-box .btn {
    margin: 3px 8px 5px 0;
}

.form-box .buttons-box .required {
    font-size: 11px;
    margin: 3px 8px 5px 0;
}

.buttons-box .required {
    font-size: 11px;
}

.form-box .buttons-box .forgot {
    display: inline-block;
    margin: 3px 8px 5px 0;
    transition: opacity .2s linear;
}

.form-box .buttons-box .forgot:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.form-box .form-group {
    position: relative;
}

.form-box .help-block {
    bottom: -20px;
    margin: 0;
    position: absolute;
}

.form-box .has-error {
    color: #c3293a;
}

.has.error.form-control {
    border: 1px solid #c3293a;
}

/******************************************************************************
  Login Page 2
*******************************************************************************/
.page-login-promo .page-box {
    display: table;
    height: 100% !important;
    width: 100%;
}

.page-login-promo .header {
    min-height: 1px;
    position: absolute;
    width: 100%;
}

.page-login-promo #main {
    display: table-cell;
    padding: 134px 0 30px;
    vertical-align: middle;
}

.page-login-promo .form-box {
    margin: 0;
}

.page-login-promo .form-box .title small {
    color: #c1c1c2;
    font-size: 24px;
}

.page-login-promo .form-box .title a {
    color: #c1c1c2;
    transition: opacity .2s linear;
}

.page-login-promo .form-box .title a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.page-login-promo .form-box form {
    margin: 0;
}

.page-login-promo .rotation {
    position: relative;
}

.page-login-promo .front-end,
.page-login-promo .back-end {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.page-login-promo .form-content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.page-login-promo .back-end {
    left: 0;
    position: absolute;
    top: 0;
}

/******************************************************************************
  Shopping Cart
*******************************************************************************/
.shopping-cart-table.table {
    border-bottom-width: 0;
    margin: 0;
}

.shopping-cart-table.table thead th {
    padding: 16px 30px 12px;
    text-align: left;
    vertical-align: top;
}

.shopping-cart-table.table tbody td {
    font-size: 12px;
    line-height: 20px;
    padding: 30px;
}

.shopping-cart-table.table .td-images {
    width: 131px;
}

.shopping-cart-table.table .product-image {
    background: #f2f2f2;
    border-radius: 3px;
    display: block;
    width: 70px;
}

.shopping-cart-table.table .td-name {
    text-align: left;
}

.shopping-cart-table.table .td-name .product-name {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

.shopping-cart-table.table .td-edit {
    padding-left: 20px;
    padding-right: 20px;
    width: 92px;
}

.shopping-cart-table.table .td-price {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 112px;
}

.shopping-cart-table.table .td-qty {
    min-width: 48px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    width: 100px;
}

.shopping-cart-table.table td.td-qty {
    padding-top: 19px;
}

.shopping-cart-table.table .td-qty input {
    margin: 0;
    min-width: 40px;
    text-align: center;
}

.shopping-cart-table.table .td-total {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 102px;
}

.shopping-cart-table.table .td-remove {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 60px;
}

.shopping-cart-table-button.table {
    border-bottom-width: 1px;
    border-right-width: 0;
    margin: 0 0 40px;
}

.shopping-cart-table-button.table tbody td {
    border-left-width: 0;
    border-top-width: 0;
    height: 49px;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

.shopping-cart-table-button.table a {
    line-height: 22px;
}

.shopping-cart-table-button.table a i {
    font-size: 17px;
    line-height: 20px;
    vertical-align: top;
}

.shopping-cart-table-button.table .update {
    float: right;
}

.shopping-cart-table-button.table .update i {
    font-size: 12px;
}

#car-bottom {
    margin-bottom: 40px;
}

#car-bottom .car-bottom-box {
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 40px;
    max-width: 350px;
    padding: 27px 30px 30px;
}

#car-bottom .car-bottom-box h5 {
    margin: 0 0 17px;
}

#car-bottom .car-bottom-box p {
    line-height: 18px;
    margin: 0 0 18px;
}

#car-bottom .car-bottom-box label {
    line-height: 20px;
}

#car-bottom .car-bottom-box .btn {
    margin: 8px 0 0;
}

#car-bottom .total {
    padding-bottom: 26px;
    text-align: right;
}

#car-bottom .total table {
    margin: 0 0 32px auto;
}

#car-bottom .total table td {
    font-size: 13px;
    height: 35px;
    line-height: 24px;
    padding: 0 0 0 5px;
    vertical-align: top;
}

#car-bottom .total table .price {
    font-size: 18px;
}

#car-bottom .total table .tr-total td {
    font-size: 18px;
    line-height: 30px;
}

#car-bottom .total table .tr-total td:first-child {
    padding-right: 12px;
}

#car-bottom .total table .tr-total .price {
    font-size: 30px;
}

#car-bottom .total .checkout {
    font-weight: bold;
    margin: 0 0 19px;
    text-transform: uppercase;
}

/******************************************************************************
  Checkout
*******************************************************************************/
#checkoutsteps {
    list-style: none;
    margin: 0;
    padding: 0;
}

#checkoutsteps > li {
    margin: 0 0 11px;
}

#checkoutsteps .step-title {
    background: #f2f2f2;
    border: 1px solid #e1e1e1;
    color: #1e1e1e;
    display: block;
    height: 50px;
    padding: 0 18px;
    text-decoration: none;
    transition: opacity .2s linear;
}

#checkoutsteps .step-title.collapsed {
    border-color: #f2f2f2;
    color: #7f7f7f;
}

#checkoutsteps a.step-title:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    transition: opacity .2s linear;
}

#checkoutsteps .step-title .number {
    color: #7f7f7f;
    float: right;
    font-size: 16px;
    line-height: 49px;
}

#checkoutsteps .step-title h6 {
    font-size: 16px;
    font-weight: normal;
    line-height: 49px;
    margin: 0;
}

#checkoutsteps .step-content {
    border: 1px solid #e1e1e1;
    border-top: 0 none;
    font-size: 12px;
    line-height: 20px;
    padding: 22px 18px 19px;
}

#checkoutsteps .step-content label {
    font-size: 12px;
    line-height: 22px;
}

#checkoutsteps .step-content .radio,
#checkoutsteps .step-content .checkbox {
    line-height: 18px;
}

#checkoutsteps .step-content .radio .new-radio,
#checkoutsteps .step-content .checkbox .new-checkbox {
    margin-top: 0;
}

#checkoutsteps .step-content .title {
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 17px;
    padding: 0 0 10px;
    position: relative;
}

#checkoutsteps .step-content .title:before {
    background: #1e1e1e;
    bottom: 0px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}

#checkoutsteps .step-content .register-radio {
    margin: 0 0 22px 39px;
}

#checkoutsteps .step-content ul {
    list-style-type: disc;
}

#checkoutsteps .step-content .col-1 .buttons-box {
    margin: 25px 0 0 0;
}

#checkoutsteps .step-content input.last {
    margin-bottom: 14px;
}

#checkoutsteps .step-content .buttons-box {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 6px;
    overflow: hidden;
    padding-top: 10px;
    text-align: right;
}

#checkoutsteps .step-content .buttons-box .btn {
    float: left;
    margin: -10px 10px 0 0;
}

#checkoutsteps .step-content .buttons-box .required {
    display: inline-block;
    font-size: 11px;
    margin-left: 12px;
}

.sidebar.checkout-progress {

}

.sidebar.checkout-progress header {
    margin: 0 0 13px;
}

.sidebar.checkout-progress .progress-list {
    margin: 0;
}

.sidebar.checkout-progress .progress-list li {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 12px 0 7px;
}

.sidebar.checkout-progress .progress-list li + li {
    border-top-width: 1px;
}

.sidebar.checkout-progress .progress-list li a {
    color: #7f7f7f;
    float: right;
}

.sidebar.checkout-progress .progress-list li.active {
    color: #1e1e1e;
    font-weight: bold;
}

.sidebar.checkout-progress .progress-list li.active a {
    display: none;
}

/******************************************************************************
  My Account
*******************************************************************************/
.my-account.margin-top {
    margin-top: -16px;
}

.my-account .subtitle {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.my-account .info-box {
    margin-bottom: 40px;
}

.my-account .buttons-box .required {
    float: right;
    margin: 12px 0 0 10px;
}

.my-account .pagination-text {
    color: #999;
    font-size: 12px;
}

.my-account .btn.margin-top {
    margin-top: 10px;
}

/******************************************************************************
  Compare Product
*******************************************************************************/
#compare-table {
    border: 0 none;
    margin: 0;
}

#compare-table tr th:last-child,
#compare-table tr td:last-child {
    border-right-width: 1px;
}

#compare-table .remove td {
    border-width: 0;
    height: 26px;
    padding: 0;
}

#compare-table .remove td:last-child {
    border-right-width: 0;
}

#compare-table .remove-bottom td {
    border-top-width: 1px;
    vertical-align: bottom;
}

#compare-table th,
#compare-table td {
    vertical-align: top;
}

#compare-table th {
    background: #f7f7f7;
}

#compare-table td {
    font-size: 12px;
    line-height: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
}

#compare-table .first {
    font-size: 13px;
    min-width: inherit;
    padding: 19px 24px;
    text-align: left;
    width: 190px;
}

#compare-table .product-name {
    color: #1e1e1e;
    text-decoration: none;
    transition: opacity .2s linear;
}

#compare-table .product-name:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

#compare-table .product-image {
    background: #f2f2f2;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100px;
}

#compare-table .price-old {
    font-size: 11px;
    margin: 0 0 3px;
    text-decoration: line-through;
}

#compare-table .price-old:after {
    display: none;
}

#compare-table .price {
    font-size: 16px;
}

#compare-table .rating-box {
    margin: 0 auto;
}

#compare-table .description td {
    text-align: left;
}

/******************************************************************************
  About Us
*******************************************************************************/
.employee {
    border-radius: 3px;
    display: inline-block;
    float: none;
    margin: 0 0 40px;
    min-width: 260px;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: top;
}

.carousel .employee {
    margin-top: 40px;
}

.employee .image {
    background: #f2f2f2;
    display: block;
    line-height: 0;
    margin: 0;
}

.employee .image > img {
    width: 100%;
    transition: opacity 0.2s linear;
}

.employee .description {
    background: #f2f2f2;
    border-top-width: 1px;
    color: #505050;
    display: table;
    font-size: 13px;
    height: 72px;
    line-height: 18px;
    text-align: center;
    width: 100%;
}

.employee .description .vertical {
    display: table-cell;
    height: 72px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.employee .name {
    color: #1e1e1e;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 4px;
}

.employee .role {
    font-size: 11px;
}

.employee .employee-hover {
    background: #1e1e1e;
    background: rgba(30, 30, 30, .9);
    border-radius: 3px;
    box-sizing: border-box;
    bottom: 0;
    color: #7f7f7f;
    display: none;
    font-size: 12px;
    line-height: 20px;
    left: 15px;
    padding: 16px 20px 90px;
    position: absolute;
    right: 15px;
    top: 0;
}

.employee .employee-hover .name {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 7px;
}

.employee .employee-hover .role {
    line-height: 1;
    margin: 0 0 24px;
}

.employee .employee-hover .contact {
    color: #fff;
}

.employee .employee-hover .image {
    background: #f7f7f7;
    border-radius: 3px;
    display: block;
    height: 60px;
    float: right;
    line-height: 0;
    margin: 4px 0 0 5px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 60px;
    z-index: 1;
}

.employee .employee-hover .social {
    bottom: 20px;
    left: 20px;
    position: absolute;
    text-align: center;
}

.rotation .employee-hover {
    display: block;
    height: inherit;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transition: all .6s ease-in-out;
    z-index: 13;
}

.rotation.hover .employee-hover {
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    transition-delay: .2s;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transition-delay: .2s;
    z-index: 46;
}

.employee.employee-single {
    margin: 0;
    max-width: inherit;
    width: auto;
}

.employee-single .images-box .carousel-box {
    overflow: hidden;
}

.employee-single .images-box .image {
    box-sizing: border-box;
    float: left;
    margin: 0 0 20px;
    text-align: center;
}

.employee-single .images-box img {
    border-radius: 5px;
}

.employee-single .images-box .pagination {
    margin-top: 0;
}

.employee-single .images-box .carousel-box.load {
    max-height: 390px;
    overflow: hidden;
}

.employee-single .employee-description .name {
    font-size: 22px;
    line-height: 1.3;
    margin: 0 0 5px;
}

.employee-single .employee-description .role {
    font-size: 14px;
    margin: 0 0 22px;
}

.employee-single .employee-description .social {
    margin: 22px 0 0;
}

.employee .employee-hover .social .item {
    background: #fff;
    border-radius: 3px;
    float: left;
    margin: 0 10px 0 0;
}

.employee .employee-hover .social .item .sbtnf {
    float: none;
    margin: 0;
    overflow: inherit;
}

.employee-single-rotation .content-box {
    padding-left: 15px;
    padding-right: 15px;
}

/******************************************************************************
  Contact Us
*******************************************************************************/
.contact-info {
    margin-top: 30px;
}

.contact-info .title {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 22px;
}

.contact-info address {
    margin-top: 5px;
    margin-bottom: 35px;
}

.contact-info hr {
    margin: 0 0 36px;
}

.contact-form .buttons-box {
    margin: 8px 0 0;
}

.map-box {
    float: none;
    width: 100vw;
    overflow: hidden;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.map-box .contact-info {
    background: #fff;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    top: 150px;
    z-index: 1;
}

.map-box .contact-info address {
    margin-bottom: 15px;
}

/******************************************************************************
  Blog
*******************************************************************************/
.post {
    margin-bottom: 40px;
    padding: 0;
}

.blog .post {
    margin-top: -3px;
}

.post + .post {
    border-top-width: 1px;
    padding-top: 37px;
}

.post .entry-title {
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 17px;
}

.post .entry-title a {
    color: #1e1e1e;
    text-decoration: none;
    transition: opacity .2s linear;
}

.post .entry-title a:hover {
    text-decoration: none;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.post .entry-content {
    margin: 0 0 25px;
}

.post .entry-content p:last-child {
    margin-bottom: 0;
}

.post .entry-meta {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 1.3;
}

.post .entry-meta .separator {
    margin: 0 10px;
}

.post .entry-meta .comments-link {
    background: url("../img/comment-link.png") 0 50% no-repeat;
    padding: 0 0 0 18px;
    transition: opacity .2s linear;
}

.post .entry-meta .comments-link:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.post .entry-meta .comments-link a {
    color: #7f7f7f;
    text-decoration: none;
}

.blog-post .post {
    margin-bottom: 76px;
}

.blog-post .commentlist {
    margin: 0 0 54px;
    padding: 0;
}

.blog-post .commentlist li {
    padding: 22px 0;
}

.blog-post .commentlist li:first-child {
    padding-top: 10px;
}

.commentlist li .avatar {
    border-radius: 42px;
    float: left;
    height: 84px;
    margin: 0 25px 0 0;
    width: 84px;
}

.blog-post .commentlist li .meta {
    margin: 0 0 10px;
}

.blog-post .commentlist li .description {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
}

.blog-post .comments-form {
    margin: 6px 0 0;
}

.blog-post .comments-form .comment-box {
    margin: 0;
    text-align: right;
}

.blog-post .comments-form .comment-box textarea {
    margin: 0 0 15px;
}

.blog-post .comments-form .comment-box i {
    color: #7f7f7f;
    font-size: 11px;
    line-height: 12px;
    vertical-align: top;
}

.blog-post .comments-form .button-set {
    margin: 19px 0 0;
}

.blog-post .comments-form .button-set .required {
    font-size: 11px;
    line-height: 40px;
}

.blog-post .comments-form .button-set .required b {
    font-size: 14px;
}

.carousel .post {
    border: 0 none;
    float: left;
    line-height: 22px;
    margin: 0 15px;
    padding: 0;
}

/******************************************************************************
  Search Result
*******************************************************************************/
.search-result .search-form {
    margin-bottom: 40px;
    position: relative;
}

.search-result .search-form .search-string {
    box-sizing: border-box;
    box-shadow: none;
    color: #1e1e1e;
    font-size: 24px;
    height: 60px;
    line-height: 30px;
    margin: 0;
    padding: 14px 50px 14px 18px;
}

.search-result .search-form .search-string:focus {
    border-color: #ccc;
}

.search-result .search-form .search-submit {
    background: none;
    border-left: 1px solid #e1e1e1;
    height: 30px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 15px;
    text-align: center;
    width: 46px;
    transition: opacity .2s linear;
}

.search-result .search-form .search-submit svg {
    margin-top: 2px;
}

.search-result .search-form .search-submit:hover {
    opacity: .5;
    filter: alpha(opacity=50);
    transition: opacity .2s linear;
}

.search-result .filter-buttons,
.search-result .text-results {
    margin-bottom: 30px;
}

.search-result .text-results {
    color: #999;
    font-size: 12px;
    padding-top: 9px;
    padding-bottom: 10px;
    text-align: right;
}

.search-result .item {
    background: none;
    border: 0 none;
    border-top: 1px solid #e1e1e1;
    margin-top: 0 -15px 40px;
    padding: 37px 0 0;
}

.search-result .pagination {
    margin-top: 0;
}

/******************************************************************************
  Posts Variants
*******************************************************************************/
.post.carousel {
    line-height: 22px;
}

.post.carousel .images-box {
    overflow: hidden;
}

.post.carousel .images-box img,
.post.carousel .images-box iframe {
    border-radius: 5px;
}

.post.carousel .carousel-box.load {
    max-height: 300px;
}

.post.carousel .carousel-box {
    margin-bottom: 42px;
    position: relative;
}

.post.carousel .carousel-box.no-pagination {
    margin-bottom: 8px;
}

.post.carousel .carousel-box .next,
.post.carousel .carousel-box .prev {
    left: 0;
    margin: -20px 5px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    transition: opacity .2s linear;
}

.post.carousel .carousel-box:hover .next,
.post.carousel .carousel-box:hover .prev {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .2s linear,
    background-color .2s linear;
}

.post.carousel .carousel-box:hover .next:hover,
.post.carousel .carousel-box:hover .prev:hover {
    transition: background-color .2s linear;
}

.post.carousel .carousel-box .next {
    left: auto;
    right: 0;
}

.post.carousel .carousel-box .pagination {
    left: 0;
    position: absolute;
    right: 0;
}

/******************************************************************************
  Sitemap
*******************************************************************************/
.sitemap,
.sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap ul {
    margin: 0 0 0 15px;
}

.sitemap li {
    background: url("../img/point.png") right 13px repeat-x #fff;
}

.sitemap a {
    background: #fff;
    color: #1e1e1e;
    font-size: 12px;
    line-height: 1;
    padding: 0 5px 0 12px;
    position: relative;
    text-decoration: none;
    transition: opacity .2s linear;
}

.sitemap a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.sitemap a:before {
    content: "\f105";
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    left: 0;
    position: absolute;
    top: 2px;
}

/******************************************************************************
  Pricing
*******************************************************************************/
.pricing {
    background-color: #fff;
    margin: 0 auto 40px;
    max-width: 270px;
    position: relative;
    text-align: left;
}

.pricing * {
    position: relative;
}

.pricing:before {
    background: #f7f7f7;
    background: rgba(30, 30, 30, .06);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.pricing .title {
    line-height: 32px;
    padding: 17px 20px 21px;
}

.pricing .title a {
    color: #1e1e1e;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-decoration: none;
}

.pricing .price-box {
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 0 20px 20px;
}

.pricing .price-box .icon {
    background: #fff;
    color: #505050;
    height: 60px;
    text-align: center;
    width: 60px;
    z-index: 1;
}

.pricing .price-box .icon i,
.pricing .price-box .icon .livicon {
    background: none;
    font-size: 30px;
    height: auto;
    line-height: 52px;
    margin: 0;
    width: auto;
}

.pricing .price-box .icon .livicon {
    height: 60px !important;
}

.pricing .price-box .icon .livicon svg {
    top: 0 !important;
    vertical-align: middle;
}

.pricing .price-box .price {
    font-size: 36px;
    font-weight: bold;
    margin: 13px 0 0;
}

.pricing .price-box .price span {
    font-size: 12px;
}

.pricing .options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing .options li {
    border-top: 1px solid rgba(30, 30, 30, .1);
    color: #999;
    color: rgba(30, 30, 30, .4);
    line-height: 22px;
    padding: 13px 10px 13px 45px;
    position: relative;
}

.pricing .options li span {
    color: #1e1e1e;
    display: none;
    left: 25px;
    line-height: 1;
    position: absolute;
    top: 16px;
}

.pricing .options li.active {
    color: #1e1e1e;
}

.pricing .options li.active span {
    display: block;
}

.pricing .bottom-box {
    border-top: 1px solid rgba(30, 30, 30, .1);
    background: rgba(30, 30, 30, .05);
    overflow: hidden;
    padding: 19px 19px 20px;
}

.pricing .bottom-box .more {
    color: #7f7f7f;
    color: rgba(30, 30, 30, .7);
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    transition: opacity .2s linear;
}

.pricing .bottom-box .more:hover {
    opacity: .65;
    filter: alpha(opacity=65);
    transition: opacity .2s linear;
}

.pricing .bottom-box .more span {
    font-size: 17px;
    line-height: 12px;
    margin: 0 0 0 3px;
    vertical-align: top;
}

.pricing .bottom-box .rating-box {
    float: right;
}

.pricing .bottom-box .btn {
    font-weight: bold;
    margin: 19px 0 0;
    width: 100%;
}

.pricing.prising-info:before {
    background: rgba(1, 165, 219, .06);
}

.pricing.prising-info .title a {
    color: #01a5db;
}

.pricing.prising-info .price-box .icon {
    color: #35beeb;
    border-color: #35beeb;
}

.pricing.prising-info .options li,
.pricing.prising-info .bottom-box {
    border-color: rgba(1, 165, 219, .1);
    color: rgba(1, 165, 219, .4);
}

.pricing.prising-info .bottom-box {
    border-top: 1px solid rgba(1, 165, 219, .1);
    background: rgba(1, 165, 219, .05);
}

.pricing.prising-info .options li span,
.pricing.prising-info .bottom-box .more,
.pricing.prising-info .options li.active {
    color: #01a5db;
}

.pricing.pricing-success:before {
    background: rgba(132, 162, 0, .06);
}

.pricing.pricing-success .title a {
    color: #84a200;
}

.pricing.pricing-success .price-box .icon {
    border-color: #9ab71a;
    color: #9ab71a;
}

.pricing.pricing-success .options li,
.pricing.pricing-success .bottom-box {
    border-color: rgba(132, 162, 0, .1);
    color: rgba(132, 162, 0, .4);
}

.pricing.pricing-success .bottom-box {
    border-top: 1px solid rgba(132, 162, 0, .1);
    background: rgba(132, 162, 0, .05);
}

.pricing.pricing-success .bottom-box .more,
.pricing.pricing-success .options li span,
.pricing.pricing-success .options li.active {
    color: #84a200;
}

.pricing.pricing-error:before {
    background: rgba(212, 7, 70, .06);
}

.pricing.pricing-error .title a {
    color: #d40746;
}

.pricing.pricing-error .price-box .icon {
    border-color: #de2a61;
    color: #de2a61;
}

.pricing.pricing-error .options li,
.pricing.pricing-error .bottom-box {
    border-color: rgba(212, 7, 70, .1);
    color: rgba(212, 7, 70, .4);
}

.pricing.pricing-error .bottom-box {
    border-top: 1px solid rgba(212, 7, 70, .1);
    background: rgba(212, 7, 70, .05);
}

.pricing.pricing-error .options li span,
.pricing.pricing-error .bottom-box .more,
.pricing.pricing-error .options li.active {
    color: #d40746;
}

/******************************************************************************
  404
*******************************************************************************/
.box-404 {
    border-radius: 177px;
    font-weight: normal;
    height: 354px;
    margin: 0 auto;
    padding: 92px 0 0;
    text-align: center;
    width: 354px;
}

.box-404 h1 {
    font-size: 150px;
    font-weight: normal;
    line-height: 0.9;
    margin: 0;
}

.box-404 h2 {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

/******************************************************************************
  FAQ
*******************************************************************************/
.filter-elements-wrapper {
    margin: 0 auto;
}

.filter-buttons {
    display: block;
    margin-bottom: 30px;
}

.filter-buttons .dropdown-toggle {
    background: transparent;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #1e1e1e;
    display: block;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    margin-right: 20px;
    padding: 0 10px 0 20px;
    transition: opacity .2s ease-out;
}

.filter-buttons .dropdown-toggle .caret {
    margin: -2px 0 0 5px;
}

.filter-buttons .dropdown-toggle:hover {
    background: transparent;
    text-decoration: none;
    opacity: .7;
    filter: alpha(opacity=70);
    transition: opacity .2s ease-out;
}

.filter-buttons.open .dropdown-toggle {
    background: transparent;
}

.filter-buttons .dropdown-menu {
    border: 1px solid #e1e1e1;
}

.filter-buttons .dropdown-menu .active {
    background-color: #f5f5f5;
}

.filter-buttons.white .dropdown-toggle,
.filter-buttons.white .dropdown-toggle .caret {
    color: #fff;
}

/******************************************************************************
  Portfolio
*******************************************************************************/
.isotope,
.isotope .isotope-item {
    transition-duration: 0.8s;
}

.isotope {
    transition-property: height, width;
}

.isotope .isotope-item {
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    transition-duration: 0s;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.year-regulator {
    padding-top: 13px;
}

.year-regulator .label {
    color: inherit;
    display: table-cell;
    font-size: 12px;
    line-height: 14px;
    padding: 0 20px 0 0;
    text-align: left;
    vertical-align: middle;
}

.year-regulator .layout-slider {
    display: table-cell;
    width: 100%;
}

.year-regulator .layout-slider input[type="slider"] {
    visibility: hidden;
}

.portfolio .filter-elements {
    overflow: visible !important;
}

.portfolio .work {
    margin-bottom: 40px;
}

.work,
.work:visited {
    border-radius: 5px;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 0 1px #000;
}

.work:hover {
    display: block;
    text-decoration: none;
}

.carousel .work {
    margin: 2px 1px;
}

.work img {
    background-color: #555;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.work .shadow {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 29%, rgba(0, 0, 0, 0.01) 30%, rgba(0, 0, 0, 0.01) 33%, rgba(0, 0, 0, 0.17) 62%, rgba(0, 0, 0, 0.24) 68%, rgba(0, 0, 0, 0.62) 90%, rgba(0, 0, 0, 0.73) 100%);
    border-radius: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.work .work-title {
    bottom: 37px;
    left: 0;
    margin: 0 0 -17px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    transition: bottom .2s ease-in;
}

.work .title {
    bottom: 46px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 6px;
    text-align: center;
}

.work .description {
    font-size: 11px;
    font-style: italic;
    font-family: Georgia;
    line-height: 16px;
    text-align: center;
}

.work .bg-hover {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    border-radius: 5px;
    bottom: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-out;
}

.work:hover {
    text-shadow: none;
}

.work:hover .work-title {
    bottom: 46%;
    color: #1e1e1e;
    transition: bottom .2s ease-in;
}

.work:hover .bg-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .2s ease-in;
}

.work-single .carousel-box {
    overflow: hidden;
}

.work-single .carousel-box .carousel img {
    border-radius: 5px;
}

.work-single .carousel-box.load {
    max-height: 270px;
}

.work-single .title {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
}

.work-single .type {
    color: #7f7f7f;
    font-size: 14px;
    margin: 0 0 22px;
}

/* Portfolio One */
.work-one {
    color: #7f7f7f;
    max-width: 100%;
    overflow: hidden;
}

.work-one + .work-one {
    margin-top: 40px;
}

.work-one .title {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 7px;
}

.work-one .title a {
    color: #1e1e1e;
    transition: opacity .2s linear;
}

.work-one .title a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: none;
    transition: opacity .2s linear;
}

.work-one .description {
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 27px;
}

.work-one .work-image {
    border-radius: 5px;
    display: block;
    line-height: 0;
    overflow: hidden;
}

.work-one .work-image img {
    transition: all 1s ease;
}

.work-one .work-image img:hover {
    -webkit-filter: grayscale(100%);
}

/******************************************************************************
  Galery
*******************************************************************************/
.gallery .images-box {
    margin-bottom: 30px;
}

.gallery-images {
    border-radius: 5px;
    display: block;
    line-height: 0;
    max-width: 100%;
    position: relative;
}

.gallery-images img {
    border-radius: 5px;
}

.gallery-images .bg-images {
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-out;
}

.gallery-images:hover > .bg-images {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    transition: all .2s ease-out;
}

.gallery-images .bg-images i {
    margin: 5px 0 0 5px;
}

.gallery-images .bg-images i:before {
    color: #fff;
    font-size: 20px;
    transition: all .2s ease-out;
}

.gallery-images:hover .bg-images i:before {
    color: #000;
    font-size: 30px;
    transition: all .2s ease-out;
}

/******************************************************************************
  Respond
*******************************************************************************/
.respond {
    background: none;
    border: 0 none;
}

.respond .description {
    background: #fff;
    border-radius: 5px;
    color: #1e1e1e;
    font-style: italic;
    font-size: 90%;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
}

.respond.bg .description {
    background-color: #a5e573;
}

.respond.border .description {
    border-color: #a5e573;
    border-width: 1px;
}

.respond.bg .description:before,
.respond.border .description:before {
    border: 10px solid transparent;
    border-top-color: #a5e573;
    bottom: -20px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
}

.respond.border .description:after {
    border: 10px solid transparent;
    border-top-color: #fff;
    bottom: -18px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
}

.respond .name {
    color: #7f7f7f;
    min-height: 22px;
    padding: 5px 5px 5px 5px;
}

.respond.white .name {
    color: #fff;
}

.respond .name .icon {
    color: #7f7f7f;
    font-size: 30px;
    margin: -5px 0 0;
}

.respond.white .name .icon {
    color: #fff;
}

.respond-carousel {
    overflow: hidden;
}

.respond-carousel .pagination {
    margin: 0;
}

.respond.respond-blockquote blockquote {
    border: none;
    margin: 0;
    padding-left: 30px;
}

.respond.respond-blockquote blockquote:before {
    content: open-quote;
    font-size: 50px;
    font-weight: bold;
    left: 16px;
    line-height: 1;
    position: absolute;
    top: 14px;
}

.respond.respond-blockquote blockquote:after {
    content: close-quote;
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
    line-height: 0;
    margin: 0 0 -5px 0;
    vertical-align: bottom;
}

.respond.respond-blockquote.border blockquote:before,
.respond.respond-blockquote.border blockquote:after {
    color: #a5e573;
}

.respond.respond-blockquote .name .icon {
    float: left;
    height: 50px;
    margin: 0 10px 0 0;
    width: 50px;
}

.respond.respond-blockquote .name strong {
    font-size: 120%;
}

.respond .description.bg-info,
.respond .description.bg-primary,
.respond .description.bg-success,
.respond .description.bg-warning,
.respond .description.bg-danger {
    color: #fff;
}

.respond .description.bg-info:before,
.respond .description.border-info:before {
    border-top-color: #0098ca;
}

.respond .description.bg-primary:before,
.respond .description.border-primary:before {
    border-top-color: #037ac5;
}

.respond .description.bg-success:before,
.respond .description.border-success:before {
    border-top-color: #738d00;
}

.respond .description.bg-warning:before,
.respond .description.border-warning:before {
    border-top-color: #f89406;
}

.respond .description.bg-danger:before,
.respond .description.border-danger:before {
    border-top-color: #78a050;
}

.respond .description.bg-white:before,
.respond .description.border-white:before {
    border-top-color: #fff;
}

.respond.border .description.border-white {
    border-color: #fff;
}

.respond.respond-blockquote.border .border-info blockquote:before,
.respond.respond-blockquote.border .border-info blockquote:after {
    color: #0098ca;
}

.respond.respond-blockquote.border .border-primary blockquote:before,
.respond.respond-blockquote.border .border-primary blockquote:after {
    color: #037ac5;
}

.respond.respond-blockquote.border .border-success blockquote:before,
.respond.respond-blockquote.border .border-success blockquote:after {
    color: #738d00;
}

.respond.respond-blockquote.border .border-warning blockquote:before,
.respond.respond-blockquote.border .border-warning blockquote:after {
    color: #f89406;
}

.respond.respond-blockquote.border .border-danger blockquote:before,
.respond.respond-blockquote.border .border-danger blockquote:after {
    color: #78a050;
}

.respond.respond-blockquote.border .border-white blockquote:before,
.respond.respond-blockquote.border .border-white blockquote:after {
    color: #1e1e1e;
}

/******************************************************************************
  Chart
*******************************************************************************/
.chart {
    position: relative;
    text-align: center;
}

.jqstooltip {
    box-sizing: content-box;
}

.graph text {
    overflow: hidden !important;
}

.morris-hover {
    z-index: 700;
}

/******************************************************************************
  Livicons
*******************************************************************************/
.livicon {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
}

.livicon svg {
    vertical-align: top;
}

.big-icon .livicon svg,
.icon .livicon svg {
    top: 25% !important;
}

.livicon.metro-bg {
    box-sizing: content-box;
    margin-bottom: 4px;
    padding: 26px 25px 26px 27px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

/******************************************************************************
  Steps
*******************************************************************************/
.steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.steps .step {
    background: #fff;
    border: 1px solid #e1e1e1;
    display: table-cell;
    padding: 15px;
    position: relative;
    vertical-align: middle;
}

.steps .step .step-wrapper {
    position: relative;
}

.steps .step + .step {
    border-left: 0 none;
}

.steps .step:first-child {
    border-radius: 3px 0 0 3px;
}

.steps .step:last-child {
    border-radius: 0 3px 3px 0;
}

.steps .step .step-wrapper:after,
.steps .step .step-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: -29px;
    border: 7px solid transparent;
    border-left-color: #e1e1e1;
    z-index: 1;
}

.steps .step .step-wrapper:before {
    border-left-color: #fff;
    right: -27px;
    z-index: 2;
}

.steps .step:last-child .step-wrapper:after,
.steps .step:last-child .step-wrapper:before {
    display: none;
}

.steps .step .bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    bottom: 0;
    left: 0;
    opacity: .1;
    filter: alpha(opacity=10);
    position: absolute;
    right: 0;
    top: 0;
}

.steps .step .bg-image ~ * {
    position: relative;
}

.steps .step.border-warning .step-wrapper:after {
    border-left-color: #f89406;
}

.steps .step.border-error .step-wrapper:after {
    border-left-color: #78a050;
}

.steps .step.border-info .step-wrapper:after {
    border-left-color: #0098ca;
}

.steps .step.border-success .step-wrapper:after {
    border-left-color: #738d00;
}

.steps .step.border-grey .step-wrapper:after {
    border-left-color: #777;
}

.steps .step.bg-warning .step-wrapper:before {
    border-left-color: #f89406;
}

.steps .step.bg-error .step-wrapper:before {
    border-left-color: #78a050;
}

.steps .step.bg-info .step-wrapper:before {
    border-left-color: #0098ca;
}

.steps .step.bg-success .step-wrapper:before {
    border-left-color: #738d00;
}

.steps .step.bg-grey {
    background: #777;
}

.steps .step.bg-grey .step-wrapper:before {
    border-left-color: #777;
}

.steps.steps-apart {
    display: block;
    width: auto;
}

.steps.steps-apart .step {
    border-radius: 3px;
    display: block;
}

.steps.steps-apart .step:last-child .step-wrapper:after,
.steps.steps-apart .step:last-child .step-wrapper:before {
    display: block;
}

.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:after,
.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:before {
    display: none;
}

.steps.progress-steps {
    display: block;
}

.steps.progress-steps .step {
    background: none !important;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    margin: 0 0 40px;
    min-height: 185px;
    padding: 0;
}

.steps.progress-steps .step .step-wrapper {
    padding: 20px 20px 20px 260px;
    position: static;
}

.steps.progress-steps .step.step-right .step-wrapper {
    padding: 20px 260px 20px 20px;
}

.steps.progress-steps .step .number {
    background: #e1e1e1;
    bottom: 0;
    color: #fff;
    font-size: 150px;
    left: 0;
    line-height: 1.2;
    position: absolute;
    text-align: center;
    top: 0;
    width: 240px;
}

.steps.progress-steps .step.step-right .number {
    left: auto;
    right: 0;
}

.steps.progress-steps .step .step-wrapper:after,
.steps.progress-steps .step .step-wrapper:before,
.steps.progress-steps .step:last-child .number:after,
.steps.progress-steps .step:last-child .number:before {
    display: none;
}

.steps.progress-steps .step .number:after,
.steps.progress-steps .step .number:before {
    border: 7px solid transparent;
    border-top-color: #e1e1e1;
    bottom: -15px;
    content: '';
    left: 50%;
    margin-left: -7px;
    position: absolute;
    z-index: 1;
}

.steps.progress-steps .step .number:before {
    bottom: -13px;
    z-index: 2;
}

.steps.progress-steps .step.border-warning .number:after {
    border-top-color: #f89406;
}

.steps.progress-steps .step.border-error .number:after {
    border-top-color: #78a050;
}

.steps.progress-steps .step.border-info .number:after {
    border-top-color: #0098ca;
}

.steps.progress-steps .step.border-success .number:after {
    border-top-color: #738d00;
}

.steps.progress-steps .step.bg-warning .number {
    background: #f89406;
}

.steps.progress-steps .step.bg-warning .number:before {
    border-top-color: #f89406;
}

.steps.progress-steps .step.bg-error .number {
    background: #78a050;
}

.steps.progress-steps .step.bg-error .number:before {
    border-top-color: #78a050;
}

.steps.progress-steps .step.bg-info .number {
    background: #0098ca;
}

.steps.progress-steps .step.bg-info .number:before {
    border-top-color: #0098ca;
}

.steps.progress-steps .step.bg-success .number {
    background: #738d00;
}

.steps.progress-steps .step.bg-success .number:before {
    border-top-color: #738d00;
}

.steps.progress-steps .step.border-warning .number {
    color: #f89406;
}

.steps.progress-steps .step.border-error .number {
    color: #78a050;
}

.steps.progress-steps .step.border-info .number {
    color: #0098ca;
}

.steps.progress-steps .step.border-success .number {
    color: #738d00;
}

.steps.progress-steps .step.bg-warning .number,
.steps.progress-steps .step.bg-error .number,
.steps.progress-steps .step.bg-info .number,
.steps.progress-steps .step.bg-success .number {
    color: #fff;
}

/******************************************************************************
  Full Width Box
*******************************************************************************/
.full-width-box {
    overflow: hidden;
    padding: 76px 0;
    position: relative;
    transition: opacity .2s linear;
}

.full-width-box.auto-width {
    margin-left: -15px;
    margin-right: -15px;
    opacity: 0;
}

.container .full-width-box {
    margin-left: -15px;
    margin-right: -15px;
}

.full-width-box.auto-width.loaded {
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
    transition: opacity .2s linear;
}

.full-width-box .fwb-bg {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 0;
}

.full-width-box .container,
.full-width-box .page-header {
    position: relative;
}

.full-width-box .fwb-bg .overlay {
    background: #f7f7f7;
    height: 100%;
    width: 100%;
}

/*.full-width-box .fwb-paralax*/
.full-width-box .fwb-fixed {
    background-attachment: fixed;
}

.touch-device .full-width-box .fwb-fixed,
.touch-device .full-width-box .fwb-paralax {
    background-attachment: scroll;
}

.full-width-box .fwb-blur {
    background-position: center top !important;
}

.full-width-box .fwb-blur .blur-box {
    bottom: 0;
    display: block !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -100;
}

.full-width-box .fwb-blur .blur-box canvas {
    background-size: cover;
    background-attachment: fixed;
    max-width: inherit;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    vertical-align: top;
    width: 100%;
}

.full-width-box .fwb-video {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.full-width-box .fwb-video video,
.full-width-box .fwb-video iframe,
.full-width-box .fwb-video img {
    background-attachment: fixed;
    vertical-align: top;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: inherit;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
}

/******************************************************************************
  Word Rotate
*******************************************************************************/
.word-rotate {
    background: #1e1e1e;
    display: inline-block;
    overflow: hidden;
    padding: 0 8px;
    text-align: center;
    vertical-align: top;
}

.word-rotate:not(.border) {
    color: #fff;
}

.word-rotate .words-box {
    display: inline-block;
    position: relative;
}

.word-rotate .words-box span {
    display: block;
    white-space: nowrap;
}

.word-rotate .words-box span + span {
    display: none;
}

.word-rotate.loaded .words-box span + span {
    display: block;
}

.word-rotate.border {
    background: none;
    border: 1px solid #1e1e1e;
}

/******************************************************************************
  Social Feed
*******************************************************************************/
.social-feed {
    background-image: url("../img/svg/loader.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 100px;
    background-size: 40px;
}

.social-feed > * {
    opacity: 0;
    transition: opacity .2s linear;
}

.social-feed.loaded {
    background: none;
}

.social-feed.loaded > * {
    opacity: 1;
    transition: opacity .2s linear;
}

.social-feed .isotope-item {
    margin-bottom: 20px;
}

.social-feed .post {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 19px;
}

.social-feed .add-post {
    background: none;
    border: 0 none;
    padding: 0;
}

.social-feed .add-post .nav-tabs {
    border: 0 none;
}

.social-feed .add-post .nav-tabs > li > a {
    border-radius: 3px 3px 0 0;
    padding: 6px 10px 7px;
}

.social-feed .add-post .nav-tabs > li > a .fa {
    color: #7f7f7f;
}

.social-feed .add-post .nav-tabs > li.active > a,
.social-feed .add-post .nav-tabs > li.active > a:hover,
.social-feed .add-post .nav-tabs > li.active > a:focus {
    font-weight: normal;
}

.social-feed .add-post .nav-tabs > li.active > a .fa {
    color: #555;
}

.social-feed .add-post .tab-content {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
}

.social-feed .add-post .tab-content .tab-pane {
    padding: 0;
}

.social-feed .add-post .tab-content .tab-pane form {
    margin: 0;
}

.social-feed .add-post .tab-pane input {
    margin-bottom: 22px;
}

.social-feed .author-info .avatar {
    border-radius: 50%;
    float: left;
    height: 50px;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 50px;
}

.social-feed .author-info .user-name {
    font-size: 16px;
}

.social-feed .author-info .user-name a {
    color: #1e1e1e;
    text-decoration: none;
    transition: opacity .2s linear;
}

.social-feed .author-info .user-name a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.social-feed .author-info time {
    color: #7f7f7f;
    font-style: italic;
}

.social-feed .preview {
    margin: 0 -20px 20px;
    text-align: center;
}

.social-feed .preview img {
    display: block;
    margin: 0 auto;
}

.social-feed .buttons {
    margin-bottom: 20px;
    text-align: right;
}

.social-feed .buttons .btn {
    background: none;
    border: 1px solid rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, .5);
    transition: opacity .2s linear;
}

.social-feed .buttons .btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.social-feed .comments {
    background: rgba(0, 0, 0, .1);
    margin: 0 -20px -20px;
    padding: 20px;
}

.social-feed .comments .comment {
    margin: 0 0 25px;
}

.social-feed .comments .comment .avatar {
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: 0 10px 5px 0;
    overflow: hidden;
    width: 40px;
}

.social-feed .comments .comment .author-details {
    margin-bottom: 5px;
}

.social-feed .comments .comment .user-name a {
    color: #1e1e1e;
    text-decoration: none;
    transition: opacity .2s linear;
}

.social-feed .comments .comment .user-name a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .2s linear;
}

.social-feed .comments .comment time {
    color: #7f7f7f;
    font-size: 12px;
    font-style: italic;
}

.social-feed .comments .form {
    margin: 0;
}

.social-feed .comments .form .form-control {
    height: 62px;
    margin: 0;
}

.social-feed .comments .form textarea {
    resize: none;
}

.social-feed .post.bg {
    background: #ccc;
    color: #fff;
}

.social-feed .post.bg-danger {
    border-color: #78a050;
}

.social-feed .post.bg-warning {
    border-color: #f89406;
}

.social-feed .post.bg-info {
    border-color: #0098ca;
}

.social-feed .post.bg-success {
    border-color: #738d00;
}

.social-feed .post.bg-primary {
    border-color: #428bca;
}

.social-feed .author-info {
    margin-bottom: 15px;
}

.social-feed .post.number {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    text-align: center;
}

.social-feed .post.number .post-icon {
    font-size: 24px;
    left: 10px;
    opacity: .8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 10px;
}

.social-feed .post.number .social-data {
    display: inline-block;
    font-style: italic;
    line-height: 1;
    vertical-align: middle;
}

.social-feed .post.number .social-data .count {
    font-size: 60px;
    font-style: normal;
}

.social-feed .bg .author-info .user-name a,
.social-feed .bg .comments .comment .user-name a {
    color: #fff;
}

.social-feed .bg .author-info time,
.social-feed .bg .comments .comment time {
    color: rgba(255, 255, 255, .8);
}

.social-feed .bg .buttons .btn {
    background: #fff;
    border-color: #fff;
    color: #1e1e1e;
}

.social-feed .bg-danger .buttons .btn {
    color: #78a050;
}

.social-feed .bg-warning .buttons .btn {
    color: #f89406;
}

.social-feed .bg-info .buttons .btn {
    color: #0098ca;
}

.social-feed .bg-success .buttons .btn {
    color: #738d00;
}

.social-feed .bg-primary .buttons .btn {
    color: #428bca;
}

.social-feed .post.number.twitter {
    background: #00aced;
    border-color: #00aced;
}

.social-feed .post.number.facebook {
    background: #3B5998;
    border-color: #3B5998;
}

.social-feed .post.number.google {
    background: #dd4b39;
    border-color: #dd4b39;
}

.social-feed .post.number.pinterest {
    background: #cb2027;
    border-color: #cb2027;
}

.social-feed .post.number.linkedin {
    background: #007bb6;
    border-color: #007bb6;
}

.social-feed .post.number.youtube {
    background: #bb0000;
    border-color: #bb0000;
}

/******************************************************************************
  Blur Pages
*******************************************************************************/
.blur-page {
    background-image: url("../img/svg/loader.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px;
}

.blur-page .page-box {
    opacity: 0;
}

.blur-page .blur-box {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    bottom: 0;
    display: block !important;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
    z-index: -1;
}

.blur-page.blur-load {
    background-image: inherit;
    transition: background-image .2s linear;
}

.blur-page.blur-load .page-box,
.blur-page.blur-load .blur-box {
    opacity: 1;
    transition: opacity .2s linear;
}

.blur-page.blur-load .blur-box {
    transition: opacity .4s linear;
}

.blur-page .blur-box img,
.blur-page .blur-box canvas {
    background-size: cover;
    left: 0;
    max-width: inherit;
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    vertical-align: top;
    width: auto;
    z-index: 0;
}

.blur-page .blur-box img {
    visibility: hidden;
}

/******************************************************************************
  Pages 404
*******************************************************************************/
.page-404-promo .page-box {
    background: #2b8cd6;
    background: rgba(43, 140, 214, .9);
    display: table;
    height: 100% !important;
    width: 100%;
}

.page-404-promo #main {
    display: table-cell;
    padding: 20px 0;
    vertical-align: middle;
}

.page-404-promo #main .title {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    padding: 0 10px;
    text-align: center;
}

.page-404-promo #main .title h1 {
    display: inline-block;
    font-size: 200px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    position: relative;
}

.page-404-promo #main .title h1:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.page-404-promo #main .content {
    color: #fff;
    padding: 35px 10px 0;
    text-align: center;
}

.page-404-promo #main .content h2 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 38px;
}

.page-404-promo #main .content .back-home {
    color: #2b8cd6;
    font-size: 18px;
    padding-right: 30px;
    padding-left: 20px;
}

.page-404-promo #main .content .back-home .fa {
    font-size: 22px;
    margin-right: 8px;
}

/******************************************************************************
  One Page
*******************************************************************************/
.one-page .header .primary .navbar .nav .active {
    color: #78a050;
}

.one-page #main {
    padding-top: 0;
    padding-bottom: 0;
}

.one-page .full-width-box:last-child {
    padding-bottom: 0;
}

.one-page .page-header {
    margin-bottom: 40px;
}

/******************************************************************************
  Other Pages
*******************************************************************************/
.body-bg-img {
    background: url("../img/content/coming-soon.jpg") 50% 0 no-repeat;
}

.body-bg-img.under-construction {
    background: url("../img/content/under-construction.jpg") 50% 0 no-repeat;
}

.body-bg-img .page-box {
    display: table;
    height: 100% !important;
    width: 100%;
}

.body-bg-img .header-three {
    min-height: 1px;
    position: absolute;
    width: 100%;
}

.body-bg-img #main {

    display: table-cell;
    padding: 119px 0 192px;
    vertical-align: middle;
}

.services .service,
.services .features-block {
    margin-bottom: 40px;
}

.services-box-three-left {
    margin-bottom: 40px;
    padding: 20px;
}

.count-down-box {
    float: right;
}

#count-down {
    text-align: right;
    width: auto !important;
}

#count-down .county-days-wrapper,
#count-down .county-hours-wrapper,
#count-down .county-minutes-wrapper,
#count-down .county-seconds-wrapper {
    background: #78a050;
    background: rgba(193, 8, 65, 0.5);
    display: inline-block;
    height: 135px;
    margin-left: 2px;
    margin-right: 2px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 23% !important;
}

#count-down .county-hours-wrapper {
    background: #f89406;
    background: rgba(248, 148, 6, 0.5);
}

#count-down .county-minutes-wrapper {
    background: #0098ca;
    background: rgba(0, 152, 202, 0.5);
}

#count-down .county-seconds-wrapper {
    background: #738d00;
    background: rgba(115, 141, 0, 0.5);
}

#count-down .county-days,
#count-down .county-hours,
#count-down .county-minutes,
#count-down .county-seconds {
    font-size: 60px;
    color: #fff;
    line-height: 135px;
    display: inline-block !important;
    opacity: 1 !important;
    width: auto !important;
}

#count-down .county-label-days,
#count-down .county-label-hours,
#count-down .county-label-minutes,
#count-down .county-label-seconds {
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 10px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    width: 23% !important;
}

.coming-text {
    margin-top: -4px;
}

.coming-text form {
    position: relative;
}

.coming-text .success {
    bottom: 100%;
    margin-bottom: 5px;
    position: absolute;
}

.coming-text .form-control {
    padding-right: 100px;
}

.coming-text .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
}

.under-contact .phone,
.under-contact .address {
    box-sizing: border-box;
    padding: 0 0 0 34px;
    position: relative;
}

.under-contact .footer-icon {
    color: #000;
    left: 16px;
    position: absolute;
    top: 0;
}

.under-contact .footer-icon:before {
    font-size: 20px;
    line-height: 18px;
    width: auto;
}

.list-images > .col-md-4 {
    margin-bottom: 30px;
}

/******************************************************************************
  Footer
*******************************************************************************/
#footer {
    color: #7f7f7f;
    margin: -248px 0 0 0;
    overflow-x: hidden;
}

#footer.footer-two {
    margin: -176px 0 0 0;
}

#footer .footer-top {
    background: #f2f2f2;
    font-size: 12px;
    line-height: 21px;
    padding: 50px 0 13px;
}

#footer.footer-two .footer-top {
    padding-bottom: 43px;
}

#footer .sidebar .widget {
    margin-bottom: 30px;
}

#footer .sidebar .widget:nth-child(4n+1) {
    clear: left;
}

#footer .sidebar .widget header,
#footer .sidebar .widget .title-block {
    margin: 0 0 15px;
    padding: 0 0 12px;
}

#footer .sidebar .widget header:before,
#footer .sidebar .widget .title-block:before {
    display: none;
}

#footer .sidebar .widget header .title,
#footer .sidebar .widget .title-block .title {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
}

#footer .sidebar .widget .next,
#footer .sidebar .widget .prev {
    height: 26px;
    line-height: 26px;
    width: 26px;
}

#footer .sidebar .widget .next svg,
#footer .sidebar .widget .prev svg {
    height: 14px;
}

#footer .widget p {
    margin: 0 0 16px;
}

#footer .sidebar .compare-products li,
#footer .sidebar .compare-products li .title,
#footer .sidebar .compare-products li .close,
#footer .sidebar .wishlist .add-cart {
    background-color: #f2f2f2;
}

.footer-two .social {
    text-align: center;
}

.footer-two .social .sbtnf {
    display: inline-block;
    float: none;
    margin: 0 3px;
}

#footer .footer-bottom {
    background: #f7f7f7;
    border-top-width: 1px;
    font-size: 11px;
    line-height: 17px;
    padding: 21px 0 20px;
}

#footer .phone,
#footer .address {
    box-sizing: border-box;
    padding-left: 34px;
    position: relative;
}

#footer .footer-icon {
    color: #c6c6c6;
    left: 16px;
    position: absolute;
    top: 0;
}

#footer .footer-icon:before {
    font-size: 20px;
    line-height: 18px;
    width: auto;
}

#footer .up {
    background: #c6c6c6;
    border-radius: 3px;
    display: block;
    float: right;
    height: 40px;
    text-align: center;
    width: 40px;
    transition: all .2s linear;
}

#footer .up:hover {
    background: #000;
    transition: all .2s linear;
}

#footer .up .glyphicon {
    color: #fff;
    margin: 14px 0 0 -.5px;
    vertical-align: top;
}

#footer .btn {
    color:#fff;
    margin:0 0 20px 0;
}

#footer .btn:hover {
    color:#fff;
}

@media only screen and (max-width: 768px) {
    #footer .text-right {
        text-align:left;
    }
    #footer .btn {
        margin:30px 0 20px 0;
    }
}



/******************************************************************************
  Boxed
*******************************************************************************/
.page-box {
    background: #fff;
    padding-top: 20px;
    margin: 0 auto;
}

.boxed .page-box {
    background: #fff;
    overflow: hidden;
    position: relative;
}

.boxed.loaded .page-box {
    overflow: visible;
}

.boxed.fixed-header .header {
    margin-top: 0;
    position: absolute;
}

.boxed.fixed-header.fixed .header {
    position: fixed;
    top: 0;
}

.boxed.fixed-header.fixed-top.fixed #top-box {
    position: fixed;
    top: 0;
}

.boxed.fixed-header.fixed-top.fixed .header {
    top: 40px;
}

.boxed.hidden-top .page-box {
    padding-top: 0;
    transition: none;
}

.boxed.hidden-top #top-box {
    left: 0;
    margin-top: 0;
    position: static;
    transition: none;
}

.boxed.fixed-header.hidden-top #top-box {
    margin-bottom: 104px;
}

.boxed.hidden-top .header {
    top: 40px;
}

.boxed.hidden-top.fixed .header {
    top: 0;
}

.boxed .header-wrapper {
    margin: 0 auto;
    max-width: 1300px;
}

.boxed .top-box-wrapper {
    margin: 0 auto;
    max-width: 1300px;
}

.boxed .banner-set.banner-set-mini.banner-set-no-pagination .pagination {
    display: inline-block !important;
}

.boxed .banner-set.banner-set-mini.banner-set-no-pagination .prev,
.boxed .banner-set.banner-set-mini.banner-set-no-pagination .next {
    margin: 15px 0 0 !important;
    position: static;
}

.boxed #footer {
    min-width: 100%;
    position: relative;
}

.boxed #footer.footer-two {
    margin-bottom: 0;
}

/******************************************************************************
  Retina
*******************************************************************************/
@media (-webkit-min-device-pixel-ratio: 2) {
    .replace-2x {
        opacity: 0;
    }

    .replace-2x.loaded {
        opacity: 1;
        transition: opacity .2s linear;
    }
}

/* additional css */

.slider.rs-slider .title {
    font-size: 36px;
    line-height: 40px;
}

.image_section_cnt {
    float: left;
    width: 50%;

}

.image_section {
    float: left;
    width: 50%;

}

.padding_left20 {
    padding-left: 20px;
}

.footer-bottom-float-left {
    float: left;
}

.to-top {
    float: right;
}

article .image-left-padding, article .text-left-padding {
    padding-right: 20px;
    padding-left: 0;
}

article .image-right-padding, article .text-right-padding {
    padding-left: 20px;
    padding-right: 0;
}

.btn a {
    text-decoration: none;
    color: #fff;
}

.pdf {
    padding: 0 0 0 30px;
    background: url(/typo3conf/ext/eco_business_fund/Resources/Public/img/pdficon.png) 0 0 no-repeat;
}

.pdf a {
    text-decoration: underline;
}

.footer-icon.home {
    font-size: 18px;
}

.tx-indexedsearch-browsebox {
    margin-bottom: 25px;
}


.logos-wrapper .logo-item {
    display: block;
    margin: 10px 0;
    float: left;
    width: 25%;
    padding-bottom: 25%;
    position: relative;
}

.logos-wrapper .logo-item .inner {
    position: absolute;
    width: 100%;
    padding: 0 5px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

/* downloads */

.no-left-padding {
    padding-left: 0;
}

.downloads .description {
    min-height: 240px;
    font-size: 14px;
}

.downloads-button-wrapper {
    margin-top: 5px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.download-media {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
    border: 1px solid #e1e1e1;
}

.download-media img {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.download.button {
    margin-bottom: 0;
}

.button i {
    margin-right: 5px;
}

.button .btn {
    padding: 5px 5px;
}

.downloads-button-wrapper .btn svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
}

.downloads-button-wrapper .button,
.downloads-button-wrapper .btn {
    width: 100%;
    display: block;
    -ms-grid-row-align: top;
        align-self: top;
}

/* print css */
@media print {

    .header-icons, .breadcrumb-box, .footer-top, .glyphicon-arrow-up {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }
}

@media (max-width: 991px) {
    .downloads-button-wrapper {
        position: relative;
        width: 100%;
    }

    .downloads .description p {
        margin: 15px 0 0 -15px;
    }
}

@media (max-width: 1200px) {
    .downloads .description {
        min-height: 186px !important;
    }
}

#cookie-banner {
    display: none;
    background-color: #329419;
    background-image: linear-gradient(to bottom, #55ad33 0px, #329419 100%);
    box-shadow: 0 0 5px #d0d0d0;
    color: #fff;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 13px;
}

#cookie-banner p {
    margin-right: 50px;
}

#cookie-banner a {
    color: #fff;
    text-decoration: underline;
}

#cookie-banner #cookie-close-button {
    float: right;
    text-decoration: none;
    font-size: 22px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-descritpion {
    margin: 5px;
}

.video-col-wrapper .subtitle {
    font-size: 12px;
    font-style: italic;
    margin: 3px;
}

.video-col-wrapper .title-box {
    margin-bottom: 5px;
}

.container.videos {
    margin-top: 50px;
}

.video-descritpion p {
    margin-bottom: 5px;
}

.Tx-Formhandler h3 {
    font-size: 22px;
}

.contact-info .title {
    margin-bottom: 0px;
}

.selector::before {
background: #005f91 none repeat scrolls 0 0;
color: white;
content: "";
height: 30px;
margin: 3px 3px 0 0;
pointer-events: none;
position:absolute;
right: 3px;
top: 0;
width: 34px;
}

.selector::after {
background: #005f91 url("https://www.efse.lu/typo3conf/ext/dreipc_efse/Resources/Public/Icon/arrow_lightgrey_down_white.png") no-repeat scroll 7px 7px;
color:white;
content: "";
height:25px;
pointer-events:none;
position: absolute;
right: 0;
top: 6;
width:30px;
}

.selector {
border: 1px solid #cccccc;
border-radius: 5px;
margin:0;
position: relative;
}

:disabled {
background-color:white;
}

.blocker-wrapper {
    margin: 0 auto;
    left: 0;
    width: 100%;
    max-width: none !important;
    width:100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index:1;
    padding: 36px;
    box-sizing: border-box;
    position: absolute !important;
}

.blocker-wrapper .inner-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}



.blocker-wrapper a.selectBox {
display:none!important;
}

#country-blocker-select, #sharenotes {
    display:inline-block!important;
}


@media (min-width:768px) {
    .flex-md-vertical-center {
        display: flex;
        align-items: center;
    }
}

@media (max-width:1110px) {
    .blocker-wrapper {
    max-height:80%;
    overflow-y:scroll;
    }
}

@media (max-width:600px) {
    .blocker-wrapper {
        top: 112px !important;
        height: auto !important;
        max-height: none !important;
        bottom: 0;
    }

    .powermail_label.selector {
        margin-bottom: 1rem !important;
        min-width: auto !important;
        width: 100% !important;
    }

    .powermail_label.selector select {
        text-overflow: ellipsis;
        white-space: nowrap;
        appearance: none;
        width: calc(100% - 20px) !important;
    }
}


#subscription111{
	max-width: 100%;
}

#subscription111 .columnContainer {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    font-weight: 400;
}

#subscription111 .columnContainer .lp-ellipsis {
    font-family: "Open Sans", sans-serif !important;
    color: #333;
    font-weight: 400 !important;
}

#subscription111 .columnContainer .lp-form-fieldInput {

    margin-right: 12px;
}

input[type="text"].lp-form-fieldInput, input[type="email"].lp-form-fieldInput {
    background-color: transparent;
    border: 1px solid #ccc;
    height: 35px;
    width: 100%;
    margin-bottom: 15px;
}


#subscription111 .columnContainer .lp-form-button {
    width: auto;
}

#subscription111 .columnContainer .columnContainer span {
    margin-bottom: 20px;
}
#subscription111 button {
	font-weight: 600;
}

#subscription111 button[name="submit0fbc990c-5267-739f-aef0-1855118512a9"] {
	width: auto;
	min-width: 130px;
	background-color: #005f91;
	border: 0 none;
	border-radius: 3px;
	box-shadow: none;
	color: #fff;
	line-height: 22px;
	outline: none;
	padding: 9px 20px;
	text-shadow: none;
	filter: none;
	transition: background .2s linear, color .2s linear;
	white-space: normal;
	font-size: 14px;
}

#subscription111 button[name="submit0fbc990c-5267-739f-aef0-1855118512a9"]:hover {
	background-color: rgba(0,95,145,.8)!important;
}

#subscription111 .columnContainer div:nth-child(2) p, 
#subscription111 div:nth-child(5) p {
	text-align: center;
}

#subscription111 .columnContainer div[data-editorblocktype="Text"] p {
    margin:20px 0;
    text-align: left;
    font-family: "Open Sans", sans-serif !important;
    line-height: 20px;
}

#subscription111 button{
	width: auto;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 3px;
	box-shadow: none;
	color: #ccc;
	line-height: 22px;
	outline: none;
	padding: 6px 13px;
	text-shadow: none;
	filter: none;
	transition: background .2s linear, color .2s linear;
	white-space: normal;
	font-size: 14px;
}

#subscription111 .columnContainer div:nth-child(2) p button:hover {
	background-color: #ccc;
	color: white;
}

@media only screen and (max-width: 1000px) {
    .usblocker-wrapper .inner-wrapper{
    	overflow-y: scroll;
    }
}

.wacon_donutchart {
    padding-bottom:30px;
}

h3.page-contact-for {
    min-height: 80px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Special Button for Publicationspage*/
.btn.reduce-space {
    margin-top:-40px;
}



.cookiesettings {
    font-size: 12px;
    line-height: 21px;
    color: #7f7f7f;
    font-family: 'Open Sans', sans-serif;
    margin-top: -26px;
    padding-bottom: 30px;
}

.subpage .blocker-wrapper .inner-wrapper {
    max-height: 350px;
    overflow-y: scroll;
}