/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(11636,31): run-time error CSS1046: Expect comma, found '151'
(11636,38): run-time error CSS1046: Expect comma, found ')'
(11937,1): run-time error CSS1019: Unexpected token, found '}'
(12882,33): run-time error CSS1046: Expect comma, found '0'
(12882,37): run-time error CSS1046: Expect comma, found '/'
(12942,34): run-time error CSS1046: Expect comma, found '0'
(12942,38): run-time error CSS1046: Expect comma, found '/'
(13098,12): run-time error CSS1038: Expected hex color, found '#ffff'
(13098,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(13104,12): run-time error CSS1038: Expected hex color, found '#ffff'
(13104,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(13109,12): run-time error CSS1038: Expected hex color, found '#ffff'
(13115,12): run-time error CSS1038: Expected hex color, found '#ffff'
(13213,1): run-time error CSS1019: Unexpected token, found '}'
 */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
@charset "utf-8";
/*@import url("owl.carousel.css");
@import url("owl.theme.css");*/
/*@import url("font-awesome.css");
@import url("animate.min.css");
@import url("jquery.mCustomScrollbar.css");
@import url("alpha.css");
@import url("jquery.minimalect.min.css");
@import url("smoothproducts.css");
@import url("ion.checkRadio.css");
@import url("ion.checkRadio.cloudy.css");
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);*/
a {
    color: #34495E;
    text-decoration: none;
    outline: none!important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover,
a:focus {
    text-decoration: none;
    cursor: pointer;
}

ul.no-style,
ol.no-style {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    color: #34495E;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
}

h1 {
    font-size: 30px;
    line-height: 35px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h4 {
    font-size: 17px;
    line-height: 20px;
}

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

h6 {
    font-size: 12px;
    line-height: 20px;
}

p.lead {
    font-size: 20px;
    line-height: 1.4;
}

h3 code {
    font-size: 14px;
    font-weight: normal;
}

.block-title-1 {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 15px 20px 0 0;
    text-transform: uppercase;
}

.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.block-title-3 {
    border-bottom: 1px solid #CECECE;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 10px;
    position: relative;
    text-transform: uppercase;
}

.block-title-4 {
    display: inline;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin: 0 auto;
    padding: 0 12px;
    text-transform: uppercase;
}

.block-title-5 {
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 0;
    text-transform: uppercase;
}

.border-title {
    border-bottom: 1px solid #CECECE;
    margin: 0 0 15px;
    padding: 10px 0 10px;
}

.error label.error {
    color: red;
}

.section-block {
    margin-bottom: 30px;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.relative {
    position: relative;
}

.no-margin {
    margin: 0!important;
}

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

.no-margin-right {
    margin-right: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-border {
    border: 0;
}

.width100,
.w100 {
    width: 100%;
}

.width50,
.w50 {
    width: 100%;
    display: block;
}

.full-container {
    width: 100%;
    display: block;
    clear: both;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.maxheight100 {
    max-height: 100px;
}

.maxheight200 {
    max-height: 200px;
}

.maxheight300 {
    max-height: 300px;
}

.maxheight400 {
    max-height: 400px;
}

.maxheight500 {
    max-height: 500px;
}

.maxheight600 {
    max-height: 600px;
}

.maxheight700 {
    max-height: 700px;
}

.maxwidth100 {
    max-width: 100px;
}

.maxwidtht200 {
    max-width: 200px;
}

.maxwidth300 {
    max-width: 300px;
}

.maxwidth400 {
    max-width: 400px;
}

.maxwidth500 {
    max-width: 500px;
}

.maxwidth600 {
    max-width: 600px;
}

.maxwidth700 {
    max-width: 700px;
}

.padd {
    margin-top: 60px;
}

.globalPadding {
    padding: 50px 0;
}

.globalPaddingTop {
    padding: 50px 0 0;
}

.globalPaddingBottom {
    padding-bottom: 50px;
}

.hr2 {
    border-width: 2px;
    border-color: #DDDDDD;
}

.hr3 {
    border-width: 4px;
    border-color: #DDDDDD;
}

ul.list-dot li {
    list-style: inside disc;
}

ul.list-number li {
    list-style: inside decimal;
}

ul.list {
    list-style: disc;
    padding-left: 40px;
}

ul.list ul {
    list-style: circle;
    padding-left: 40px;
}

ul.list-check {
    list-style: none;
}

ul.list-border li {
    border-bottom: 1px solid #E0EDED;
    display: block;
    padding: 10px 15px;
}

ul.list-border li:hover {
    background: #ebebeb;
}

.transitionfx {
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
}

.hw100 {
    height: 100%;
    width: 100%;
}

.display-table {
    display: table;
}

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

.modal {
    overflow: auto;
}

.signUpContent .modal-dialog {
    max-width: 460px;
}

#product-details-modal .modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

.modal-header {
    border-bottom: 1px solid #E5E5E5;
    color: #FFFFFF;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.modal-title-site {
    color: #FFFFFF;
    /*font-family: Oswald;*/
    font-size: 38px;
    font-weight: lighter;
    padding: 13px 0;
    text-transform: uppercase;
}

.modal-content {
    border: 0 solid #ddd;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.modal-footer {
    background: #eee;
    border-top: 1px solid #E5E5E5;
    padding: 10px 20px;
}

.form-control:focus {
    box-shadow: NONE;
    outline: 0 none;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    border-color: #DDDDDD;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    color: #888888;
    font-size: 14px;
    margin-bottom: 10px;
    height: 36px;
}

.btn {
    border: medium none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    padding: 6px 12px;
    transition: all 0.25s linear 0s;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
}

.btn-lg {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
}

.btn-sm {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    padding: 4px 8px;
}

.btn-xs {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}

.btn-lg {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.471;
    padding: 10px 20px;
}

.btn-thin {
    border: 1px solid #BDC3C7;
    color: #BDC3C7;
    background: none;
}

.btn-default {
    background-color: #BDC3C7;
    color: #FFFFFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #CACFD2;
    border-color: #CACFD2;
    color: #FFFFFF;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background: #A1A6A9;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default.active {
    background-color: #BDC3C7;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary.active {
    /*background-color: #1ABC9C;*/
}

.btn-dark {
    background-color: #34495e;
    color: #FFFFFF;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    background-color: #20354a;
    border-color: #20354a;
    color: #FFFFFF;
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    background: #20354a;
}

.btn-info {
    background-color: #3498DB;
    color: #FFFFFF;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #5DADE2;
    border-color: #5DADE2;
    color: #FFFFFF;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background: #2C81BA;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info.active {
    background-color: #3498DB;
}

.btn-danger {
    background-color: #E74C3C;
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #EC7063;
    border-color: #EC7063;
    color: #FFFFFF;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background: #C44133;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger.active {
    background-color: #E74C3C;
}

.btn-success {
    background-color: #2ECC71;
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #58D68D;
    border-color: #58D68D;
    color: #FFFFFF;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background: #27AD60;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success.active {
    background-color: #2ECC71;
}

.btn-warning {
    background-color: #F1C40F;
    color: #FFFFFF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #F5D313;
    border-color: #F5D313;
    color: #FFFFFF;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background: #CDA70D;
}

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

.btn-inverse {
    background-color: #34495E;
    color: #FFFFFF;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
    background-color: #415B76;
    border-color: #415B76;
    color: #FFFFFF;
}

.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
    background: #2C3E50;
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse.active[disabled],
fieldset[disabled] .btn-inverse.active {
    background-color: #34495E;
}

.btn-stroke-dark,
.btn-stroke-light {
    background: rgba(0, 0, 0, 0);
    font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
    letter-spacing: 2px;
    padding: 15px 20px;
    text-align: center;
    border-radius: 0;
    min-width: 200px;
    text-transform: uppercase;
}

.btn-stroke-dark {
    border: 2px solid #2c3e50;
    color: #2c3e50!important;
}

.btn-stroke-dark:hover {
    background: #2c3e50;
    color: #fff!important;
}

.btn-stroke-light {
    border: 2px solid #fff;
    color: #fff!important;
}

.btn-stroke-light:hover {
    background: #fff;
    color: #2c3e50!important;
}

.btn-site {
    padding: 5px 0;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    display: block;
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.fb_button {
    background: #658AD0;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-decoration: none;
}

.btn-fb {
    background: #658AD0;
    color: #FFFFFF;
}

.fb_button:hover,
.btn-fb:hover {
    background: #4E6FAE;
    color: #fff;
    text-decoration: none;
}

.btn-tw {
    background: #1DADEB;
    color: #FFFFFF;
}

.btn-tw:hover {
    background: #35C5FF;
    color: #fff;
    text-decoration: none;
}

p.required,
.required sup {
    color: #E74C3C;
}

.pagination li.active a {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2) inset;
}

.checkbox {
    padding-left: 0;
    margin-left: 0;
}

legend {
    padding-bottom: 10px;
}

.alert {
    border: none;
    border-left: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.alert .close {
    font-size: 30px;
    line-height: 20px;
}

.navbar-toggle {
    background: rgba(0, 0, 0, 0.2);
}

.navbar-tshop {
    width: 100%;
}

.menuWrap {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.brandWrap {}

.navbar-brand {
    padding: 10px;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
}

.navbar .navbar-top {
    height: 30px;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    text-transform: uppercase;
}

.navbar.stuck .navbar-top {
    margin-top: -30px;
}

.brandWrap {
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    height: auto;
}

.megamenu .nav,
.megamenu .dropup,
.megamenu .dropdown,
.megamenu .collapse {
    position: static;
}

.megamenu .navbar-inner,
.megamenu .container {
    position: relative;
}

.megamenu .dropdown-menu {
    left: auto;
}

.megamenu .dropdown-menu>li {
    display: block;
}

.megamenu .nav.pull-right .dropdown-menu {
    right: 0;
}

.megamenu .megamenu-content {
    padding: 20px 30px;
    *zoom: 1;
}

.megamenu .megamenu-content:before,
.megamenu .megamenu-content:after {
    display: table;
    content: "";
    line-height: 0;
}

.megamenu .megamenu-content:after {
    clear: both;
}

.megamenu.navbar .nav>li>.dropdown-menu:after,
.megamenu.navbar .nav>li>.dropdown-menu:before {
    display: none;
}

.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-50width .dropdown-menu {
    width: 50%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-40width .dropdown-menu {
    width: 40%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}

@media (max-width: 969px) {
    .megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
        width: auto;
    }
    .megamenu .megamenu-content {
        padding-left: 4px;
        padding-right: 2px;
    }
    /*.megamenu .dropdown-menu>li>ul {
        display: block;
    }*/
}

.megamenu-content img {
    max-width: 100%;
}

.megamenu-content ul li {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.megamenu-content ul li a {
    font-size: 12px;
}

.itemInMenu {
    margin-bottom: 0!important;
}

.itemInMenu .image {
    max-height: 170px!important;
}

.margin-top-10 {
    margin-top: 10px;
}

.social-icon li {
    display: inline-block;
}

.social-icon li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: auto;
    margin-left: 0;
    padding: 6px 9px;
    position: relative;
    text-align: center;
    z-index: 10;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) inset;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.21s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.social-icon li a:hover {
    opacity: 0.8;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
}

.navbar-toggle .icon-bar {
    border: solid 2px #fff;
}

.userMenu li {
    display: block;
    float: left;
}

.userMenu li a {
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px 0 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    -webkit-transition: opacity 0.21s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
}

.userMenu li a:hover {
    opacity: 0.9;
}

.phone-number span {
    float: left;
}

@media (min-width: 979px) {
    .navbar-tshop ul.nav li.dropdown ul.dropdown-menu {}
    .navbar-tshop ul.nav li.dropdown:hover ul.dropdown-menu,
    div.cartMenu.dropdown:hover div.dropdown-menu {
        /*display: block;*/
        /*filter: none;
        opacity: 1;*/
    }
    .megamenu-content ul li a {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        display: block;
    }
    .megamenu-content ul li a:hover {
        padding-left: 5px;
    }
    .megamenu-content ul li.productPopItem a:hover,
    .megamenu-content ul li a.newProductMenuBlock:hover {
        padding-left: 0;
    }
    .navbar.stuck .brandWrap {
        height: 0;
        overflow: hidden;
    }
}

.navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    /*text-transform: uppercase;*/
}

.search-box {
    float: right;
    height: 48px;
    width: 38px;
}

.search-box.static-search {
    width: auto;
    min-width: 143px;
}

.search-box.static-search #search-form {
    padding-right: 0;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.search-box .input-group {
    margin-top: 10px;
    max-width: 34px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box:hover .input-group {
    max-width: 183px;
}

.search-box .form-control {
    width: 0;
    padding: 0;
    height: 34px;
    border: 0;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box:hover .form-control {
    border: solid 1px #fff;
}

.btn-nobg {
    background: none;
    color: #fff;
}

.search-box:hover .btn-nobg {
    background: #fff;
}

.search-box.static-search .input-group {
    margin-top: 1px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box.static-search .form-control {
    width: auto;
    padding: 0;
    height: 33px;
    border: solid 1px #fff;
    opacity: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box.static-search:hover .form-control {
    opacity: 1;
    border: solid 1px #fff;
    color: #333;
    background: #fff;
}

.search-box.static-search button {
    border: 0!important;
    margin: 0!important;
}

.search-full {
    bottom: 0;
    letter-spacing: 1px;
    min-height: 50px;
    position: absolute;
    right: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%;
    z-index: 10;
    display: none;
}

.searchInputBox {
    display: block;
    max-width: 90%;
    text-align: right;
    width: 100%;
}

.search-close {
    background: rgba(0, 0, 0, 0.3);
    display: table;
    float: right;
    font-size: 32px;
    height: 51px;
    padding: 0 15px;
}

.search-close i {
    display: table-cell;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.search-close:hover i {
    transform: scale(1.15) rotate(-180deg);
    -webkit-transform: scale(1.1) rotate(-180deg);
    -moz-transform: scale(1.1) rotate(-180deg);
    -ms-transform: scale(1.1) rotate(-180deg);
    -o-transform: scale(1.1) rotate(-180deg);
}

.search-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0 none;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    outline: medium none;
    text-align: right;
    padding: 13px 0 13px 15px;
    width: 100%;
    max-width: 90%;
}

.search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.search-input::-moz-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.searchInputBox .search-btn {
    border: none;
    padding: 0 10px 0 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
}

.search-full.active {
    display: block;
}

.navbar-cart {
    border-top: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    max-height: 340px;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}

.colorWhite,
.colorWhite i {
    color: #fff!important;
}

.promo-1 {
    color: #FFFFFF;
    font-family: Oswald, Helvetica Neue;
    margin-bottom: 15px;
    font-weight: lighter;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

.promo-1sub {
    background: #F2F2F2;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

.dropdown-left .dropdown-menu {
    left: 0;
}

.cartMenu {
    float: left;
    display: block;
}

.cartMenu a.dropdown-toggle {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    display: block;
}

.cartMenu .dropdown-menu {
    padding-bottom: 0;
    border-radius: 0;
    margin-top: 0;
}

.miniCartTable {
    max-height: 300px;
    width: 100%;
    display: block;
}

.miniCartProductThumb {
    text-align: center;
}

.cartMenu img {
    width: 50px;
}

.cartMenu h4 {
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
}

.miniCartDescription .size {
    color: #888888;
    font-size: 11px;
}

.miniCartDescription .price {
    color: #444444;
    font-size: 15px;
    font-weight: 700;
}

.old-price {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
}

.cartMenu table {
    width: 100%;
    height: auto;
}

.cartMenu table tr {
    border-bottom: solid 1px #ddd;
}

.cartMenu table tr td {
    padding: 5px 0;
}

.miniCartFooter {
    background: #ECF0F1;
    padding: 10px 10px 10px;
}

.miniCartFooter .subtotal {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}

.miniCartFooterInMobile .subtotal {
    font-size: 18px;
    color: #fff;
}

.miniCartTable .mCSB_container {
    margin-right: 15px!important;
}

.newProductMenuBlock {
    display: block;
    position: relative;
}

.ProductMenuCaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    font-weight: 600px;
    text-transform: capitalize;
    font-size: 16px;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    zoom: 1;
}

.ProductMenuCaption:nth-child(n) {
    filter: none;
}

.ProductMenuCaption i {
    font-size: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.newProductMenuBlock:hover i {
    font-size: 16px;
}

.newCollectionUl ul li:first-child {}

.newCollectionUl li {
    font-weight: 600;
}

.productPopItem {
    border: solid 1px #ddd;
}

.productPopItem .productInfo {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin-top: -50px;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 4;
}

.popProImg a {
    display: block;
    max-height: 270px;
    overflow: hidden;
}

.productPop h4 {
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    line-height: normal!important;
    padding: 3px 0 0!important;
    position: absolute;
    width: 100%;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    zoom: 1;
}

.productPop h4:nth-child(n) {
    filter: none;
}

.productPop h4 a {
    color: #fff!important;
}

.box-pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
}

.swiper-container {
    background: #333;
}

.swiper-wrapper {
    background: #fff;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 8px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-visible-switch {
    background: #aaa;
}

.swiper-active-switch {
    background: #fff;
}

.arrow-left {
    background: url(../../images/arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 10;
}

.arrow-right {
    background: url(../../images/arrows.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 10;
}

.swiper-container {
    width: 100%;
    height: 100%;
    height: 490px;
    color: #fff;
    text-align: center;
}

.swiper-slide {
    height: 100%;
}

.swiper-slide .slider-content {
    height: 100%;
    display: block;
}

.slide-2x {
    width: 500px;
}

.slide-4x {
    width: 500px;
}

.slide-1x {
    width: 300px;
}

.box-4in {
    display: block;
    float: left;
    height: 50%;
    width: 50%;
}

.slider-box-bottom .box-4in,
.slider-box-top .box-4in {
    height: 100%;
}

.box-4in .price,
.box-text-table .dealprice {
    display: block;
    font-family: oswald, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: lighter;
    margin-bottom: 15px;
}

.box-4in .btn {
    min-width: 100px!important;
}

.box-4in.a .box-content-overly,
.box-4in.b .box-content-overly {
    bottom: 5px;
    right: 5px;
    top: auto;
}

.box-slider-content {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.box-text {
    bottom: 100px;
    display: block;
    height: auto;
    left: 18%;
    position: absolute;
    width: 64%;
    z-index: 10;
}

.box-text.bottom-align {
    bottom: 20px;
}

.box-text h1,
.box-text-cell-inner h1 {
    font-size: 36px;
    letter-spacing: 3px;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.box-text p,
.box-text-cell-inner p {
    font-family: Oswald;
    font-weight: lighter;
}

.box-text .btn,
.box-text-cell-inner .btn {
    margin-top: 10px;
}

.box-text-table {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
}

.box-text-cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.box-text-cell-inner.dark {
    color: #2C3E50;
}

.box-text-cell-inner {
    max-width: 70%;
    display: block;
    margin-left: 15%;
}

.box-content-overly {
    background: rgba(0, 0, 0, 0);
    height: 100%;
    position: absolute;
    right: 5px;
    top: 0;
    visibility: hidden;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 5;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.box-content-overly.box-content-overly-white {
    opacity: 0;
}

.box-blank-url {
    display: block;
    height: 100%;
    width: 100%;
}

.slider-box-top .box-content-overly {
    bottom: 5px;
    top: auto;
}

.box-slider-content:hover .box-content-overly {
    background: rgba(0, 0, 0, 0.3);
    visibility: visible;
}

.box-slider-content:hover .box-content-overly-white {
    background: rgba(255, 255, 255, 0.8);
    visibility: visible;
    opacity: 1;
}

.box-slider-content .box-content-overly-white .box-text,
.box-slider-content .box-content-overly-white .box-text-cell-inner {
    opacity: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.box-slider-content:hover .box-content-overly-white .box-text,
.box-slider-content:hover .box-content-overly-white .box-text-cell-inner {
    opacity: 1;
    display: block;
    color: #2c3e50;
}

.box-slider-content .box-img {
    height: 100%;
    display: block;
    position: relative;
    z-index: 4;
    margin: 0 5px 0 0;
}

.box-img.last-child-slide {
    margin-right: 0;
}

.box-slider-content a.box-img img {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.box-slider-content .slider-box-top a.box-img {
    bottom: 5px;
    height: 100%;
    overflow: hidden;
}

.box-4in.a a.box-img,
.box-4in.b a.box-img {
    bottom: 5px;
    height: 100%;
    display: block;
    overflow: hidden;
}

.slider-box-top {
    width: 100%;
    height: 50%;
    display: block;
    overflow: hidden;
}

.slider-box-top .box-img {
    bottom: 5px;
}

.slider-box-bottom {
    width: 100%;
    height: 50%;
    display: block;
    overflow: hidden;
}

h1.bolder-style {
    font-size: 80px;
    font-weight: 800;
    line-height: 80px;
    padding-bottom: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #ffffff;
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #ffffff;
    text-transform: uppercase;
}

h1.bolder-style.light,
h1.bolder-style.light a {
    color: #fff;
}

h1.bolder-style.dark,
h1.bolder-style.dark a {
    color: #2c3e50;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 1px #2c3e50;
    -webkit-text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 1px #2c3e50;
}

.slider-box-top .bolder-sub a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3.5px;
}

.box-price-tag {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 10;
}

.box-price-tag .price {
    background: #fff;
    color: #2c3e50;
    font-family: oswald;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 0 10px;
}

@media (max-width: 991px) {
    .swiper-container {
        height: 490px;
    }
    .slide-2x,
    .slide-4x,
    .slide-1x {
        width: 490px;
    }
    .box-text {
        bottom: 10%!important;
    }
}

@media (max-width: 767px) {
    .swiper-container {
        height: 350px;
    }
    .slide-2x,
    .slide-4x,
    .slide-1x {
        width: 350px;
    }
    .box-text {
        bottom: 10%;
    }
    .box-text h1,
    .box-text-cell-inner h1 {
        font-size: 26px;
    }
    .btn-stroke-dark,
    .btn-stroke-light {
        padding: 10px 20px;
        min-width: 150px;
    }
    h1.bolder-style {
        font-size: 50px;
        line-height: 50px;
    }
}

.sliderImg {
    background: url('../../images/site/loading1.gif') center center no-repeat;
}

.banner {
    margin-top: 80px;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}

.banner-boxes {
    margin-top: 80px;
}

.banner.down {
    margin-top: 26px;
}

.banner,
.slider-content,
.slider,
.slider-v2 {
    width: 100%;
    display: block;
    max-height: 540px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.slider-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sliderImg {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner .sliderInfo {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.banner .sliderInfo .container {
    height: 100%;
    dispay: block;
}

.sliderText {
    display: block;
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.sliderText:nth-child(n) {
    filter: none;
}

.slider-item.cycle-slide-active .sliderText {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.transformRight {
    display: block;
    -webkit-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -o-transform: translateX(120px);
    -ms-transform: translateX(120px);
    transform: translateX(120px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.slider-item.cycle-slide-active .transformRight {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.transformLeft {
    display: block;
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.slider-item.cycle-slide-active .transformLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.sliderText .inner {
    padding: 20px;
}

.sliderText h1 {
    font-size: 36px;
    font-weight: lighter;
}

.sliderText.dark h1 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.slide-link {
    color: #fff;
    letter-spacing: -0.25px;
    font-size: 16px;
}

.sliderText {
    margin-top: 15%;
}

.sliderText.dark {
    color: #ddd;
}

.slider-item-img1 {
    background-size: cover;
}

.slider-item-img2 {
    background-size: cover;
}

.slider-item-img3 {
    background-size: cover;
}

#pager2 {
    position: absolute;
    bottom: 10px;
    z-index: 100;
    width: 100%;
    z-index: 200;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#pager2 span {
    background: rgba(0, 0, 0, 0)!important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 5px;
    text-indent: -9999px;
    width: 16px;
}

#pager2 span.cycle-pager-active {
    color: #fff;
}

.sliderControl {
    position: absolute;
    z-index: 200;
    top: 45%;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #2c3e50;
    padding: 0 5px;
}

.sliderControl {
    opacity: 1;
}

.sliderControl:hover:nth-child(n) {
    filter: none;
}

.sliderControl:hover {
    background: rgb(255, 255, 255);
    background: transparent \9;
    background: rgba(255, 255, 255, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    zoom: 1;
}

.prevControl {
    left: 20px;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.banner:hover .prevControl {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.nextControl {
    right: 20px;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.banner:hover .nextControl {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.sliderText.white {
    background: rgb(255, 255, 255);
    background: transparent \9;
    background: rgba(255, 255, 255, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
    zoom: 1;
}

.sliderText.white:nth-child(n) {
    filter: none;
}

.sliderText.white h1 {}

.sliderText h3.price {
    font-weight: lighter;
    font-size: 22px;
    font-weight: lighter;
}

.sliderTextFull {
    margin-top: 20%;
    color: #FFFFFF;
}

.sliderTextFull h3 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 0;
}

.topAnima {
    opacity: 0;
}

.cycle-slide-active .topAnima {
    opacity: 1;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.3s;
    visibility: visible!important;
}

.sliderTextFull .opacity0 {
    opacity: 0!important;
}

.cycle-slide-active .sliderTextFull .bottomAnima {
    opacity: 1!important;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 1s;
    visibility: visible!important;
}

.sliderTextFull .inner.dark {
    display: block;
    margin: 0 auto;
    padding: 20px 10px;
    width: auto;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    zoom: 1;
}

.sliderTextFull .inner.dark:nth-child(n) {
    filter: none;
}

.blankstyle h1 {
    display: block;
    font-size: 36px;
    font-weight: bold;
    height: auto;
    letter-spacing: -1px;
    line-height: 36px;
    opacity: 1;
    padding: 0;
    text-transform: uppercase;
}

.color-white h1,
.color-white p,
.color-white {
    color: #fff;
}

.color-black h1,
.color-black p,
.color-black {
    color: #000;
}

#pager {
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 100%;
    z-index: 200;
    margin: 0 auto;
    padding: 0;
}

#pager a {
    color: #fff;
    display: block;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    float: left;
    font-family: Oswald, Helvetica Neue;
    font-size: 15px;
    font-weight: normal;
    list-style: none outside none;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 33.333334%;
    background: rgba(0, 0, 0, 0.5);
}

#pager a.cycle-pager-active {
    color: #fff;
}

.home-intro h2 {
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
}

.home-intro {
    background: #34373b;
    color: #fff;
    padding: 15px 0 0;
}

.home-intro h2 span {
    color: #ff7f00;
}

.sectionCategory {
    background: #34373b;
    padding: 60px 0;
    position: relative;
}

.sectionCategoryIntro {
    color: #fff;
    max-width: 600px;
    margin: 0 auto;
}

.sectionCategory .container {
    position: relative;
    z-index: 5;
}

.sectionCategoryIntro h1 {
    font-family: Oswald;
    font-size: 22px;
    font-weight: lighter;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.sectionCategoryIntro p {
    color: #ddd;
}

.sectionCategory .subCategoryThumb {
    height: 160px!important;
}

.owl-theme .owl-controls .owl-page span {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}

.show-case-wrapper {
    margin: 0 auto 30px;
    float: none;
}

#productShowCase .owl-controls {
    margin-top: 0;
}

.product-slide-inner {
    margin-top: 12%;
    display: block;
    max-width: 98%;
}

@media (max-width: 767px) {
    .product-slide-inner {
        display: block;
        max-width: 98%;
        margin: 5% auto 0;
        text-align: center;
    }
    #productShowCase .owl-controls {
        margin-top: 10px;
    }
}

#productShowCase .btn-stroke-dark i {
    font-size: 0;
    transition: font 0.3s ease;
}

#productShowCase .btn-stroke-dark:hover i {
    font-size: inherit;
}

#productShowCase .details-description {
    margin-bottom: 15px;
}

.product-slide-left {
    text-align: center;
}

.product-slide-img {
    display: block;
    text-align: center;
}

.product-slide-img img {
    display: block;
    text-align: center;
    margin: 0 auto
}

#productShowCase .product-title {
    font-family: oswald;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.25px;
    line-height: 36px;
    margin-bottom: 0;
}

.ps-nav {
    display: block;
    font-size: 68px;
    height: auto;
    position: absolute;
    text-align: center;
    top: 38%;
    width: auto;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

#ps-next {
    right: 15px;
}

#ps-prev {
    left: 15px;
}

@media (max-width: 767px) {
    #ps-next {
        right: 15px;
    }
    #ps-prev {
        left: 15px;
    }
}

.boxes-title-1 {
    background: #ebebeb;
    font-family: Oswald;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 30px;
    padding: 7px 0;
    text-align: center;
}

.featuredImgLook2 .inner {
    border: solid 1px #ddd;
    padding: 10px;
    margin-bottom: 15px;
}

.featuredImgLook2 .inner:hover {
    border: solid 1px #4EC67F;
}

.img-link {
    display: block;
    overflow: hidden;
}

.img-link img {
    width: 100%;
}

.featuredImgLook2 h3 {
    color: #2c3e50;
    font-weight: 600;
    padding: 20px 0;
    text-transform: uppercase;
}

.featuredImgLook2 h3 span {
    color: #eb5e58;
    display: block;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.featuredImgLook2 .btn-link {
    border-radius: 0;
    color: #7f8c8d;
    cursor: pointer;
    font-weight: normal;
    text-transform: uppercase;
}

.featuredImgLook2 p {
    color: #7f8c8d;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .featuredImgLook2 .col-md-3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 460px) {
    .featuredImgLook2 .col-md-3 {
        width: 100%;
    }
}

#imageShowCase {
    display: block;
    clear: both;
}

#imageShowCase .product-slide h1 {
    text-transform: uppercase;
}

#imageShowCase .product-slide .box-content-overly.box-content-overly-white {
    opacity: 1;
}

.featuredImageLook3 .inner {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.image-show-case-wrapper .ps-nav {
    opacity: 0;
    transform: scale(1.15);
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.image-show-case-wrapper:hover .ps-nav {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.featuredImageLook3 .inner .box-content-overly-white {
    right: 0;
    text-align: center;
}

.submini {
    height: 2px;
    max-width: 50px;
    margin: 15px auto;
    background: #2C3E50;
    box-shadow: none;
    border: none;
}

.featuredImageLook3 .inner .img-title {
    color: white;
    display: block;
    font-size: 20px;
    font-family: Oswald;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0px 2px #555;
    text-transform: uppercase;
    top: 40%;
    width: 100%;
    z-index: 100;
    transition: opacity .2s linear, visibility .2s linear;
}

.featuredImageLook3 .inner:hover .img-title {
    visibility: hidden;
    opacity: 0;
}

.img-block {
    display: block;
    overflow: hidden;
}

.featuredImageLook3 .inner .box-text-cell-inner h1 {
    font-size: 20px;
}

.featuredImageLook3 .inner:hover .box-content-overly-white {
    opacity: 1;
    background: rgba(255, 255, 255, 0.8);
    visibility: visible;
}

.image-show-case-wrapper .owl-pagination {
    margin-top: -40px!important;
    position: relative;
    text-align: center;
    z-index: 50;
    margin-bottom: 40px;
}

.product-slide .box-content-overly {
    text-align: center;
    visibility: visible;
    color: #fff;
}

@media (max-width: 650px) {
    .featuredImageLook3 .inner .box-text-cell-inner h1 {
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .featuredImageLook3 .inner .box-text-cell-inner p {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 14px;
    }
    hr.submini {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    featuredImageLook3 .inner .img-title {
        font-size: 18px;
        letter-spacing: 2px;
    }
}

@media (max-width: 500px) {
    .featuredImageLook3 .box-content-overly {
        display: none;
    }
    .featuredImageLook3 .inner .img-title {
        font-size: 16px;
        letter-spacing: 1px;
    }
}

.section-block {
    margin-bottom: 30px;
}

.section-title {
    border-bottom: 2px solid #DDDDDD;
    border-top: 2px solid #DDDDDD;
    font-size: 22px;
    line-height: 24px;
    margin: 10px 0 10px;
    padding: 0;
}

.section-title span {
    color: #2c3e50;
    display: inline-block;
    padding: 5px 15px 5px 0;
    text-transform: uppercase;
    width: auto;
}

.style2 .section-title,
.section-title.style2 {
    font-size: 42px;
    font-weight: lighter;
    line-height: 44px;
    margin: 10px 0 20px;
    padding: 0;
    position: relative;
    border: none;
}

.section-title-style2,
.section-title.style2 {
    position: relative;
}

.style2 .section-title:after,
.section-title-style2:after,
.section-title.style2:after,
.section-title-style2:after {
    background: #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 20%;
    position: absolute;
    top: 28px;
    width: 60%;
    z-index: 1;
}

.section-title-style2 span,
.section-title.style2 span {
    background: #FFFFFF;
    display: inline-block;
    padding: 10px;
    position: relative;
    width: auto;
    z-index: 2;
}

.style2 .section-title span,
.section-title.style2 span,
{
    color: #2c3e50;
    display: table;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
}

.productslider {
    width: 100%;
    display: block;
}

#productslider .item {
    margin: 0 15px;
}

.item {
    display: block;
    height: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    margin-bottom: 15px;
    height: 480px;
}

#SimilarProductSlider .item {
    height: auto!important;
}

.product {
    display: block;
    height: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
}

.product:hover {
    background: #fff;
}

.add-fav {
    border: 1px solid;
    border-radius: 50%;
    height: 30px;
    line-height: 31px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 15px;
    width: 30px;
    z-index: 10;
    transform: scale(1.15);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: opacity .3s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .3s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .3s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .3s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .3s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.list-view .product .add-fav {
    right: 40px;
    top: 8px;
}

.product:hover .add-fav {
    opacity: 1;
    webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.add-fav i {
    webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rrotate(0deg);
    transform: scale(1) rotate(0deg);
    transition: all .3s ease;
}

.add-fav:active i {
    webkit-transform: scale(0.85) rotate(0deg);
    -moz-transform: scale(0.85) rotate(4deg);
    -o-transform: scale(0.85) rotate(0deg);
    -ms-transform: scale(0.85) rrotate(0deg);
    transform: scale(0.85) rotate(4deg);
}

.item.list-view .item h4 {
    max-height: none;
}

.item.list-view .grid-description {
    display: none;
}

.list-description {
    display: none;
}

.item.list-view .list-description {
    display: block;
}

.item.list-view {
    display: block;
    height: auto!important;
    width: 100%!important;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.item.list-view .image {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    max-height: 260px;
    max-width: 200px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    padding-right: 20px;
    background: #fff;
}

.item.list-view .image a {
    display: block;
    max-height: 100%;
    height: 100%;
    max-height: 100%!important;
}

.item.list-view .image img {
    max-height: 260px;
    width: auto!important;
}

.item.list-view h4 {
    height: auto;
    margin: 45px 0 5px;
    font-size: 24px;
}

.item.list-view h4 a {
    font-weight: 600;
}

.item.list-view .description {
    text-align: right;
}

.item.list-view .description p {
    text-align: right;
    max-height: 200px;
    min-height: 10px;
}

.item.list-view .price {
    font-size: 22px;
    text-align: right;
}

.item.list-view .action-control {
    text-align: right;
}

.item.list-view .product {
    padding-right: 20px;
    min-height: 260px;
}

.item:hover .action-control {
    border-bottom-color: #fff;
}

.product-box .item {
    margin: 0 10px;
}

.product-box .item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.image {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 240px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.image a {
    display: block;
    overflow: hidden;
}

.image a img {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    max-height: 240px;
    margin: 0 auto;
}

.product:hover .image a img {
    transform: scale(1.15) rotate(-1.5deg);
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -moz-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    -o-transform: scale(1.1) rotate(-1.5deg);
}

.promotion {
    position: absolute;
    z-index: 10;
    bottom: 20px;
    left: 0;
    height: 24px;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.description {
    margin: 0 auto;
    min-height: 107px;
    max-width: 235px;
}

.list-view .description {
    margin: 0 auto;
    min-height: auto;
    max-width: 100%;
}

.promotion {
    line-height: 18px;
}

.new-product {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    height: 100%;
    padding: 3px 10px;
}

.discount {
    background: #eb5e58;
    border-radius: 0 4px 4px 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    height: 100%;
    padding: 3px 5px;
}

.item h4 {
    margin: 0;
    min-height: 45px;
    max-height: 80px;
    overflow: hidden;
    display: block;
    line-height: 20px;
    margin: 25px 0 0;
    padding: 0;
    line-height: 24px;
}

.item h4 a {
    color: #2c3e50;
    font-family: Oswald, Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.description p {
    color: #7F8C8D;
    font-size: 14px;
    min-height: 55px;
    max-height: 90px;
    overflow: hidden;
    line-height: 18px;
}

.price {
    font-size: 18px;
    font-weight: bold;
    color: #2c3e50;
}

.action-control {
    border: 0;
    display: block;
    height: auto;
    padding: 5px 0 10px;
    width: 100%;
}

.action-control a {
    cursor: pointer;
}

.cart a {
    font-size: 20px;
    color: #2c3e50;
    margin: 0 0;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.13s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.load-more-block {
    padding-bottom: 30px;
    position: relative;
}

.load-more-block .btn-thin {
    background: #fff;
    z-index: 2;
    position: relative;
    box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -webkit-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -moz-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -o-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
}

.load-more-block:after {
    background: none repeat scroll 0 0 #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 30%;
    position: absolute;
    top: 18px;
    width: 40%;
    z-index: 1;
}

.featureImg a {
    display: block;
    overflow: hidden;
}

.featureImg a img {
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.featureImg a img:hover {
    transform: scale(1.1) rotate(-1.1deg);
    -webkit-transform: scale(1.1) rotate(-1.1deg);
    -moz-transform: scale(1.1) rotate(-1.1deg);
    -ms-transform: scale(1.1) rotate(-1.1deg);
    -o-transform: scale(1.1) rotate(-1.1deg);
}

.parallax-section {
    width: 100%;
    display: block;
    clear: both;
    height: auto;
}

.parallax-image-1 {
    background: url(../../images/parallax/parallax.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.parallax-image-1.ismobile,
.parallax-image-2.ismobile,
.parallax-image-aboutus.ismobile,
.parallax-section.ismobile {
    background-attachment: scroll!important;
}

.parallax-image-1.isios,
.parallax-image-2.isios,
.parallax-image-aboutus.isios,
.parallax-section.isios,
.blog-intro.isios {
    background-size: 100% auto!important;
    background-attachment: scroll!important;
    background-position: center center;
}

.parallax-image-1.isandroid,
.parallax-image-2.isandroid,
.parallax-image-aboutus.isandroid,
.parallax-section.isandroid {
    background-size: cover!important;
    background-attachment: scroll!important;
    background-position: center center;
}

.parallax-image-1.isios {
    background-color: #734e48;
    background-repeat: no-repeat;
}

.parallax-image-2.isios {
    background-size: auto 100%!important;
}

.parallaxPrce {
    font-size: 52px;
    color: #fff;
}

.parallax-content h2 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    margin: 0 auto;
    max-width: 900px;
    padding: 5px 10px;
    text-align: center;
}

.parallax-content h3 {
    color: #DDDDDD;
    display: inline-block;
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 20px;
    max-width: 900px;
    padding: 0 10px;
    text-align: center;
}

.btn-discover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 22px;
    padding: 10px 57px;
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.btn-discover:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
}

.btn-discover:hover {}

.parallax-content {
    text-align: center;
    padding: 100px 0;
}

.brand-carousel li {
    float: left;
    display: inline-block;
}

.brand-carousel li img {
    max-width: 100%;
    width: 100%;
}

.carousel-nav {
    font-size: 26px;
    margin-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.parallax-image-2 {
    background: url(../../images/parallax/people-collage.jpg) fixed;
    background-attachment: fixed;
}

.parallax-section-overley {
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
}

h1.xlarge {
    color: #FFFFFF;
    font-size: 44px;
    font-weight: 800;
    padding-bottom: 0;
    line-height: normal;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #FFFFFF;
    text-transform: uppercase;
}

h1.x2large {
    color: #FFFFFF;
    font-size: 56px;
    line-height: normal;
    font-weight: 800;
    padding-bottom: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #FFFFFF;
    text-transform: uppercase;
}

h5.parallaxSubtitle {
    font-size: 20px;
    font-weight: 200;
    color: #fff;
}

.gap {
    height: 30px;
    width: 100%;
    clear: both;
    display: block;
}

.footer {
    background: #EDEFF1;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
}

.footer p {
    margin: 0;
}

.footer img {
    max-width: 100%;
}

.footer h3 {
    border-bottom: 1px solid #BAC1C8;
    color: #54697E;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 40px 0 10px;
    text-transform: uppercase;
}

.footer ul {
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
    color: #7F8C8D;
}

.footer ul li a {
    padding: 0 0 5px 0;
    display: block;
}

.footer a {
    color: #78828D
}

.supportLi h4 {
    font-size: 20px;
    font-weight: lighter;
    line-height: normal;
    margin-bottom: 0!important;
    padding-bottom: 0;
}

.newsLatterBox input#appendedInputButton {
    background: #FFFFFF;
    display: inline-block;
    float: left;
    height: 30px;
    clear: both;
    width: 100%;
}

.newsLatterBox .btn {
    border: medium none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 40px;
    padding: 0;
    width: 100%;
    color: #fff;
}

.newsLatterBox {
    overflow: hidden;
}

.bg-gray {
    background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
    box-shadow: 0 1px 0 #B4B3B3;
}

.social li {
    background: none repeat scroll 0 0 #B5B5B5;
    border: 2px solid #B5B5B5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.social li:hover {
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}

.social li a {
    color: #EDEFF1;
}

.social li:hover {
    border: 2px solid #2c3e50;
    background: #2c3e50;
}

.social li a i {
    font-size: 16px;
    margin: 0 0 0 5px;
    color: #EDEFF1!important;
}

.footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer-bottom p.pull-left {
    padding-top: 6px;
}

.paymentMethodImg img {
    margin-left: 5px;
}

@media (max-width: 767px) {
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom p.pull-left {
        float: none!important;
        margin-left: auto;
        margin-right: auto;
    }
    .paymentMethodImg {
        width: 100%;
        float: none!important;
        text-align: center;
    }
    .paymentMethodImg img {
        display: inline-block;
        float: none!important;
        max-height: 24px;
    }
}

.breadcrumb {
    border: 1px solid #DDDDDD;
    background: none;
}

.main-container {
    min-height: 580px;
}

.headerOffset {
    padding-top: 120px;
}

.subCategoryList .thumbnail {
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.tree .dropdown-menu {
    position: relative!important;
    float: none!important;
    box-shadow: none!important;
    border-right: 0!important;
    border-bottom: 0!important;
    border-top: 0!important;
}

.open-tree>.dropdown-menu {
    display: block;
}

.dropdown-menu-tree {
    display: none;
    margin-bottom: 20px;
}

.open-tree>.dropdown-menu-tree {
    display: block;
}

.tree>li.active>a,
.tree>li.active>a:hover,
.tree>li.active>a:focus {
    background: none;
    color: #2c3e50;
}

.nav-stacked.tree>li a:hover {
    color: #2c3e50;
    font-weight: bold;
}

.tree>.active>a>.badge {
    background: #999999;
    color: #fff;
}

.category-level-2 {
    border-left: 1px solid #DDDDDD!important;
    margin-left: 13px !important;
}

.category-level-2 li {
    margin-top: 2px;
}

.category-level-2 li a {
    font-weight: normal!important;
    padding: 2px 15px;
}

.category-level-2 li a.active,
.category-level-2 .dropdown-tree.active .dropdown-tree-a,
.category-level-2 .open-tree .dropdown-tree-a {
    font-weight: bold!important;
}

.priceFilterBody .form-inline .form-group {
    max-width: 30%;
    float: left;
}

.priceFilterBody .form-inline .form-group .form-control {
    width: 100%;
}

.priceFilterBody .sp {
    padding: 10px;
}

.subCategoryThumb {
    height: 80px;
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.subCategoryThumb img {
    max-width: 100%;
}

.subCategoryList {
    margin-top: 30px;
    overflow: hidden;
}

.color-details {
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
}

.productFilter {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 7px;
    padding-top: 10px;
    margin-top: 20px;
}

.productFilter p {
    display: block;
    font-size: 14px;
    margin-top: 6px;
}

.change-view {
    margin-right: 10px;
}

.subCategoryTitle {
    font-size: 13px;
    color: #444;
    font-weight: 600;
}

.change-view a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 34px;
    line-height: 23px;
    margin-left: 5px;
    overflow: hidden;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.productFilter select,
.productFilter input {
    font-size: 13px;
}

.categoryFooter {
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin-top: -20px;
}

.nav-stacked>li {
    border-bottom: solid 1px #eee;
}

.nav-stacked>li a {
    font-size: 13px;
}

.nav-stacked>li a:hover {
    color: #fff;
}

.nav-stacked>li.active a,
.nav-stacked>li.active {
    background: none;
    color: #2C3E50;
    font-weight: bold;
}

.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    color: #34495E;
    font-size: 15px;
}

.panel-heading,
.panel-group .panel {
    border-radius: 0;
}

.clearFilter {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    line-height: normal;
    padding: 2px 5px;
    text-transform: capitalize;
}

.labelRounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.clearFilter:hover {
    opacity: 0.7;
}

.collapseWill i {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.collapseWill.pressed i {
    margin-right: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.minus {
    display: block;
}

.collapseWill .minus {
    display: none!important;
}

.collapseWill.collapsed .minus {
    display: none!important;
}

.collapseWill {}

.color-filter small {
    border: 1px solid #DDDDDD;
    display: inline-block;
    height: 14px;
    margin: 0 3px 0 1px;
    width: 14px;
}

.categoryFilter {
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    height: 50px;
}

.categoryFilter .minict_wrapper {
    max-width: 180px;
    max-height: 28px;
    height: 28px!important;
}

.categoryFilter .minict_wrapper input {
    height: 28px!important;
    font-size: 12px!important;
}

.minict_wrapper input {
    border: 0!important;
}

.categoryFilter .minict_wrapper ul li {
    font-size: 12px!important;
}

.nav-tabs>li.active,
.nav-tabs>li {
    background: none;
}

.nav-tabs>li>a {
    border: 0;
    border-radius: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li:hover>a {
    color: #fff!important;
    border: 0;
    border-radius: 0;
}

.sp-wrap {
    border: none!important;
}

.sp-thumbs {
    text-align: center!important;
}

.sp-large a img {
    width: 100%;
}

.sp-wrap {
    z-index: 10;
    width: 100%;
    background: none!important;
}

.sp-large {
    max-width: 90%;
}

.sp-thumbs {
    position: absolute;
    right: 0!important;
    text-align: left;
    bottom: 140px!important;
    width: 100px!important;
    z-index: 70;
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
    border: 2px solid #EEEEEE;
    display: inline-block;
    margin-bottom: 10px;
    float: right;
    transition: margin 0.2s ease 0s;
}

.main-image .sp-thumbs a:link,
.sp-thumbs a:visited {
    margin-right: 0!important;
}

.sp-thumbs a:hover {
    margin-right: 4px!important;
}

.sp-thumbs img {
    height: auto!important;
    width: 60px!important;
}

.style2 .sp-thumbs {
    top: 0!important;
    width: 19%!important;
}

.style2 .sp-thumbs img {
    height: auto!important;
    width: 100px!important;
    max-width: 100%;
    width: 100px!important;
}

.style2 .sp-thumbs a:link,
.style2 .sp-thumbs a:visited {
    float: left!important;
    width: 100%;
}

.style2 .sp-large {
    max-width: 80%!important;
    border: 1px solid #DDDDDD;
}

.product-title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}

.product-price {
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.price-standard {
    color: #999999;
    font-size: 18px;
    text-decoration: line-through;
}

.product-code {
    font-family: oswald, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

.rating span {
    display: inline-block;
}

.ratingInfo {
    margin-left: 10px;
}

.zoomThumb {
    text-align: center;
    margin-top: 10px;
}

.zoomThumb a {
    display: inline-block;
    width: 120px;
    margin-bottom: 10px;
    border: 2px solid #eee;
    display: inline-block;
    margin-right: 5px;
}

.zoomThumb a img {
    max-width: 100%;
}

.zoomImg {
    cursor: crosshair;
}

.nav-tabs {
    margin-bottom: 20px;
}

.product-tab {
    width: 100%;
    display: inline-block;
    clear: both;
}

.nav-tabs li a {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    margin: 0 0 0 0;
    text-transform: uppercase;
}

.color-details {
    margin-top: 14px;
}

.swatches {
    margin: 0.5em 0;
    padding-left: 0;
}

.swatches li {
    border: 2px solid #FFFFFF;
    display: inline-block;
    margin: 2px 1px;
    vertical-align: top;
    list-style: none;
}

.swatches .selected,
.swatches li:hover {
    border: 2px solid #B2B2B2;
}

.swatches a {
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF;
    box-shadow: 1px 1px 2px #C5C5C5;
    display: block;
    height: 33px;
    text-align: center;
    transition: all 0.25s ease 0s;
    width: 33px;
}

.swatches a img {
    height: 29px;
    width: 29px;
}

.filterBox {
    display: inline-block;
    margin-right: 20px;
}

.cart-actions {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 12px;
    clear: both;
}

.cart-actions button,
.btn.btn-cart,
.cart-actions .wishlist {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Oswald, Helvetica Neue, Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: 1em;
    margin: 0 20px 0 0;
    padding: 14px 20px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
}

button.first {
    margin-right: 20px;
    margin-bottom: 10px;
}

.cart-actions .wishlist {
    background: #CCCCCC;
    line-height: 1em;
    text-decoration: none;
    border: solid 2px #CCCCCC;
}

.cart-actions .wishlist:hover {
    background: #fff;
    color: #666;
    border: solid 2px #CCCCCC;
}

.incaps {
    display: block;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 15px 20px 0 0;
    text-transform: uppercase;
}

.incaps i {
    font-size: 20px;
}

.color-in {
    color: #4CC94A;
}

.color-out {
    color: red;
}

.product-share {
    border-top: 1px solid #DDDDDD;
    clear: both;
    display: inline-block;
    margin-top: 20px;
    padding-top: 14px;
    width: 100%;
}

.socialIcon a {
    background: #CCCCCC;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    padding: 6px 3px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}

.socialIcon a:hover {
    color: #fff;
}

.recommended {
    border-top: solid 2px #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

.recommended h1 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

#SimilarProductSlider .item {
    padding: 30px 0px 0;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.recommended .description {
    min-height: 70px;
}

.product-image {
    max-width: 100%;
}

.product-image img {
    max-width: 100%;
}

#SimilarProductSlider .product-image img {
    max-height: 200px;
}

.quanitySniper {
    height: 30px;
    padding: 0;
    text-align: center;
    width: 40px;
}

tr.CartProduct td,
tr.CartProduct th {
    text-align: center;
}

tr.CartProduct td:nth-child(2) {
    text-align: left;
}

.cartTable {
    border-top: solid 1px #EBEDEF;
}

.cartTableHeader {
    background: #EBEDEF;
}

.cartFooter {
    padding: 20px;
    border-top: solid 1px #eee;
    background: #EBEDEF;
    display: inline-block;
    width: 100%;
}

#cart-summary tr td:nth-child(2) {
    text-align: right;
}

.caps {
    border-top: 0 none;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0 0 16px;
    text-align: right;
    text-transform: uppercase;
}

.rightSidebar #cart-summary {
    margin-top: 0;
}

.rightSidebar #cart-summary tr:first-child td {
    border: none;
}

.cartMiniTable {
    border: 1px solid #DDDDDD;
    padding: 10px;
}

.rightSidebar img {
    max-width: 100%;
}

.rightSidebar .section-title-inner {}

.categoryListPanel {
    background: #EBEDEF;
}

.contentBox {
    margin-bottom: 15px;
}

.rightSidebar .product-image img {
    float: left;
    max-width: 100%;
    width: 90px;
    margin-right: 10px;
}

.rightSidebar .product {
    padding: 10px 0;
}

.rightSidebar .item {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
}

.rightSidebar .item h4 {
    margin-top: 0;
}

.item h4 a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
}

.couponForm input[type="text"] {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    height: 33px;
}

.couponForm .btn {
    border-radius: 0 3px 3px 0;
}

span.success,
p.success div.success {
    color: #8BB418;
}

#total-price {
    font-size: 22px;
    font-weight: bold;
}

.orderStep {
    clear: both;
    display: inline-block;
    height: auto;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
}

.orderStep li {
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    min-height: 55px;
    padding: 0;
    width: 20%;
}

.orderStep li.active a {
    color: #fff;
}

.orderStep li.active a {
    position: relative;
}

.orderStep li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
}

.orderStep li a {
    background: #EFF0F2;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: normal;
    padding: 20px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
}

.orderStep li a i {
    background: rgba(0, 0, 0, 0.05);
}

.orderStep li.active a i {
    background: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.orderStep li a i {
    border-radius: 0;
    display: block;
    font-size: 20px;
    height: auto;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    padding: 0;
    text-align: center;
    width: auto;
    float: none!important;
}

.orderStep li a span {
    display: block;
    padding: 5px 0;
}

.paymentBox {
    margin-bottom: 30px;
    display: block;
}

.checkoutReview .CartProductThumb a img,
.checkoutReview .CartProductThumb a img {
    width: 50px;
}

.paymentBox .panel {
    box-shadow: none;
}

.myAccountList li {
    text-align: center;
}

.myAccountList li a {
    font-size: 14px;
    display: block;
}

.myAccountList .thumbnail {
    padding: 10px 0 0;
}

.myAccountList .thumbnail:hover {
    background: #F5F5F5;
}

.myAccountList li a i {
    display: block;
    clear: both;
    font-size: 44px;
    margin-bottom: 10px;
}

h2.block-title-2,
.formBox h3,
.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.panel-footer-address .btn {
    margin-right: 5px;
}

.CartProductThumb a img {
    height: 65px;
    margin:0 auto;
}

tr.CartProduct {
    border-bottom: 1px solid #E7E9EC;
}

tr.CartProduct td,
tr.CartProduct th {
    padding: 10px 0;
}

.cartTableHeader {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.innerPage {
    padding-top: 30px;
}

.parallaxOffset {
    margin-top: 80px;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}

.parallaxOffset.down {
    margin-top: 28px;
}

.parallax-image-aboutus {
    background: url(../../images/site/about-bg.jpg) no-repeat 50% -80px fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.parallax-image-aboutus .parallax-content {
    padding: 150px 0;
}

.title-big {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 15px;
}

.padding-top-30 {
    padding-top: 30px;
}

.form-newsletter input {
    margin-bottom: 20px;
}

.hr30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hr40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.whitebg {
    background: #fff;
}

.fixedContent {
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
}

.wrapper.contact-us {
    background: #FFFFFF;
    display: block;
    margin-top: 450px;
    position: relative;
    width: 100%;
    z-index: 4;
}

.h1error {
    font-size: 80px;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.err404 {
    font-weight: lighter;
}

div.quickview {
    display: block;
    margin-top: 40%;
    max-height: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
    visibility: hidden;
}

.product:hover div.quickview {
    visibility: visible;
}

.btn-quickview {
    border-radius: 2px;
    font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
    letter-spacing: 2px;
    color: #2c3e50!important;
    text-transform: uppercase;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-o-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    left: auto;
    min-width: 100px;
    max-height: 40px;
    height: 40px!important;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    padding: 10px;
    visibility: hidden;
    width: auto;
    display: inline-block!important;
    z-index: 2;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.product:hover .btn-quickview {
    visibility: visible;
    opacity: 0.85;
    -webkit-opacity: 0.85;
    -ms-opacity: 0.85;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}

.list-view .product:hover div.quickview {
    margin-top: 45%;
}

@media (max-width: 460px) {
    div.quickview {
        margin-top: 25%;
    }
}

@media (max-width: 400px) {
    div.quickview {
        margin-top: 35%;
    }
}

.product>.btn-quickview:hover {
    opacity: 0.95;
}

#product-details-modal .modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

#product-details-modal .close {
    color: #2c3e50;
    display: block;
    font-size: 34px;
    font-weight: lighter;
    line-height: 10px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}

#product-details-modal .close:hover {
    opacity: 0.8;
}

@media (max-width: 800px) {
    #product-details-modal .modal-dialog {
        max-width: 90%;
        margin: 20px auto;
    }
}

@media (min-width: 840px) {
    .modal-details-inner {
        min-height: 552px;
    }
}

@media (max-width: 600px) {
    #product-details-modal .modal-dialog {
        max-width: 96%;
        margin: 20px auto;
    }
}

#product-details-modal .modal-content {
    background: #fff;
    display: block;
    height: auto;
    padding: 0;
    box-shadow: none;
}

.modal-details-inner {
    padding: 30px;
}

#product-details-modal .productFilter {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#product-details-modal .filterBox {
    display: inline-block;
    margin-right: 10px;
    width: 45%;
}

#product-details-modal .cart-actions {
    margin-bottom: 0;
    margin-top: 0;
}

#product-details-modal .color-details {
    margin-top: 5px;
}

#product-details-modal .product-share {
    border-top: 0 none;
    margin-top: 0;
    padding-top: 0;
}

.modal-product-thumb {
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    text-align: center;
}

.modal-product-thumb a {
    border: 1px solid #ccc;
    display: inline-block;
    float: none;
    margin-right: 10px!important;
    margin-top: 5px;
    height: 75px;
    overflow: hidden;
    width: 60px!important;
}

.modal-product-thumb a.selected,
.modal-product-thumb a:hover {
    border: 1px solid #000!important;
}

.modal-product-thumb a img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 75px;
    width: 60px!important;
}

#modalAds .modal-bg-1 {
    background: url(../../images/site/modal-img-1.jpg) right bottom no-repeat;
    background-color: #F3F6FB;
}

.modal-bg-1 .close {
    color: #2c3e50;
    display: block;
    font-size: 34px;
    font-weight: lighter;
    line-height: 10px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}

#modalAds .modal-dialog {
    max-width: 660px;
    min-height: 340px;
    display: block;
    overflow: auto;
    padding: 15px;
    position: relative;
}

#modalAds h3 {
    color: #444;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 29px;
    text-transform: uppercase;
}

.discountLg {
    color: #000;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 46px;
    text-transform: uppercase;
}

#modalAds h4 {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 28px;
    text-transform: uppercase;
}

.newsletter {
    border: 2px solid #ddd;
    display: inline-block;
    width: auto;
}

.newsletter input[type="text"] {
    background: #fff;
    border: medium none;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.newsletter input[type="text"]:focus {
    text-shadow: none;
    color: #666;
}

.newsletter .subscribe-btn {
    background: #ddd;
    border: 0 none;
    border-radius: 0;
    color: #3a3a3a;
    float: left;
    font-weight: normal;
    height: 40px;
    line-height: normal;
    padding: 0 10px;
}

@media (max-width: 442px) {
    .discountLg {
        font-size: 36px;
        letter-spacing: 2px;
        line-height: 40px;
    }
    #modalAds h3 {
        color: #444;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 26px;
    }
    .newsletter input[type="text"] {
        width: 100%;
    }
    .newsletter .subscribe-btn {
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
    }
}

.newsletter .subscribe-btn:hover {
    background: #b7b7b7;
}

.shoplink {
    color: #000;
    display: inline-block;
    clear: both;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    left: 2px;
    margin-top: 20px;
    text-decoration: underline;
    text-transform: uppercase;
}

.pace .pace-progress {
    background: #fff;
    background: rgba(255, 255, 255, 0.80);
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}

@media (min-width: 1800px) {
    .banner,
    .slider-content,
    .slider,
    .slider-v2 {
        max-height: 700px;
    }
    .sliderImg {
        width: 100%;
    }
}

@media only screen and (max-width: 1224px) {
    input.quanitySniper {
        width: 35px!important;
    }
}

@media (max-width: 1024px) {
    .navbar.stuck .navbar-top {
        margin-top: 0!important;
    }
    .banner {
        margin-top: 70px!important;
    }
    .header-version-2 .banner {
        margin-top: 130px!important;
    }
    .social li {
        margin: 0 6px 0 0;
    }
    .cartMenu.static-search-box a.dropdown-toggle {
        padding-left: 10px;
        padding-right: 10px;
    }
    .search-box.static-search .form-control {
        max-width: 104px
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .cartMenu a.dropdown-toggle {
        height: 50px;
    }
    .cartRespons {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .navbar-nav>li>a {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 12px;
    }
    .cartMenu a.dropdown-toggle {
        font-size: 12px;
        padding: 15px 15px;
    }
}

@media (max-width: 979px) {
    .subCategoryThumb img {
        height: 100%!important;
    }
    .container {
        width: 100%!important;
        max-width: 900px!important;
    }
    .category-top {
        margin-top: 30px;
    }
    .cartRespons {
        font-size: 0;
    }
    .hidden-xs .cartMenu .dropdown-toggle {
        padding-bottom: 9px;
        padding-top: 16px;
    }
    .sliderText {
        margin-top: 6%;
    }
    .header-version-2 .sliderText {
        margin-top: 10%;
    }
    .sliderText .inner {
        padding: 15px;
    }
    .sliderTextFull {
        margin-top: 15%;
    }
    .sliderText h1 {
        font-size: 30px;
    }
    .sliderText.white h1 {
        padding-bottom: 0;
    }
    .sliderText.white h3.price {
        font-size: 18px;
        padding-bottom: 0;
    }
    .sliderText.white .inner {
        padding: 5px 0;
    }
    h1.xlarge {
        font-size: 36px;
    }
    .sliderTextFull h3 {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 5px;
    }
    .sliderInfo .btn-lg,
    .sliderText.white .btn {
        font-size: 14px;
        line-height: 1.471;
        padding: 5px 15px;
    }
    #pager2 {
        bottom: 0;
    }
    #pager2 span {
        border-width: 1px;
        height: 10px;
        width: 10px;
    }
    .sliderControl {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }
    .sliderControl .fa-3x {
        font-size: 2.5em;
    }
    #pager a {
        font-size: 14px;
        padding: 5px 0;
        font-weight: normal;
    }
}

@media (min-width: 768px) {
    .megamenu-content.has20 {
        width: 202px;
    }
    .megamenu-content.has40 {
        width: 460px;
    }
    .megamenu-content.has60 {
        width: 670px;
    }
    .megamenu-content.has4col {
        width: 700px;
    }
    .hasMega {
        position: relative!important;
    }
    .hasMega .dropdown-menu {
        min-width: 202px;
    }
    .hasMega.megamenu-20width .dropdown-menu {
        min-width: 202px;
    }
    .hasMega.megamenu-40width .dropdown-menu {
        min-width: 460px;
    }
    .hasMega.megamenu-60width .dropdown-menu {
        min-width: 670px;
    }
    .hasMega.megamenu-70width .dropdown-menu {
        min-width: 700px;
    }
}

@media (max-width: 767px) and (min-width: 0) {
    .hidden-xs {
        display: none!important;
        visibility: hidden!important;
    }
}

@media (max-width: 767px) {
    .static-search.navbar-formbox {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }
    .static-search.navbar-formbox {
        margin: 0;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
    .static-search.navbar-formbox .navbar-form {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }
    .search-box.static-search .input-group {
        max-width: 100%;
        width: 100%;
    }
    .search-box.static-search .form-control {
        max-width: 100%;
        width: 100%;
    }
    .search-box.static-search:hover .form-control {
        max-width: 100%;
        width: 100%;
    }
    .userMenu li a {
        padding-top: 3px;
        line-height: normal;
    }
    .phone-number i.glyphicon-phone-alt {
        padding-top: 2px!important;
    }
    .navbar-brand {
        padding: 15px;
    }
    .miniCartFooter {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
        border-top: 2px solid rgba(255, 255, 255, 0.5)!important;
        margin-top: 10px!important;
    }
    .cartMenu table tr {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }
    .cartRespons {
        font-size: 14px;
    }
    .navbar-cart {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-cart.in .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #fff;
        background: rgba(255, 255, 255, 0.7)!important;
    }
    .miniCartFooter .btn {
        color: #fff!important;
    }
    .miniCartProduct,
    .miniCartProduct a,
    .miniCartProduct p,
    .miniCartProduct .size,
    .miniCartProduct .price,
    .dropdown-header {
        color: #FFFFFF;
    }
    .megamenu-content ul li a,
    .megamenu-content ul li p,
    .megamenu-content ul li,
    .navbar-nav .dropdown a,
    .navbar-nav .dropdown {
        color: #fff;
    }
    .searchInputBox {
        max-width: 80%;
    }
    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu .dropdown.megamenu-50width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu .dropdown.megamenu-40width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu-content ul {
        margin-bottom: 15px;
    }
    .megamenu-content ul li {
        border-color: rgba(255, 255, 255, 0.2);
    }
    .banner {
        margin-top: 70px!important;
    }
    .sliderTextFull .inner.dark {
        max-width: 100%;
        padding: 5px;
    }
    .parallaximg.ismobile {
        margin-top: 0!important;
    }
    h1.xlarge {
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        padding-bottom: 0;
    }
    .sliderTextFull h3 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 5px;
        margin-top: 0;
        padding-bottom: 0;
    }
    .sliderText h1 {
        font-size: 24px;
        padding-bottom: 0;
    }
    .sliderInfo .btn-lg {
        font-size: 12px;
        padding: 5px 10px;
    }
    .sliderText .inner {
        padding: 5px;
    }
    .sliderText h3.price {
        font-size: 16px;
        padding-bottom: 2px;
    }
    .featureImg a {
        margin-bottom: 20px;
    }
    .navbar-top i {
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        padding: 3px 0 0;
    }
    .text-left-xs {
        text-align: left!important;
    }
    .ps-nav {
        top: 34%;
    }
    .ps-nav img {
        width: 80px;
    }
}

@media (max-width: 580px) {
    .xs3Response {
        width: 50%!important;
    }
    .sliderTextFull {
        color: #FFFFFF;
        margin-top: 12%;
    }
    .parallax-content h2 {
        color: #FFFFFF;
        display: inline-block;
        font-size: 20px;
        line-height: 22px;
    }
    .parallax-content h3 {
        font-size: 16px;
        line-height: normal;
    }
    .style2 .section-title,
    .section-title.style2 {
        font-size: 24px;
    }
    .style2 .section-title:after,
    .section-title-style2:after,
    .section-title.style2:after,
    .section-title-style2:after {
        margin-left: 10%;
        top: 32px;
        width: 80%;
    }
    .orderStep li a span {
        font-size: 11px;
    }
    .categoryFooter .pagination {
        margin-bottom: 10px;
    }
    .sp-thumbs {
        bottom: 0!important;
    }
    
    #pager2 {
        bottom: 0;
    }
    #pager2 span {
        border-width: 1px;
        height: 10px;
        width: 10px;
    }
    .sliderControl {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }
    .sliderControl .fa-3x {
        font-size: 2em;
    }
    #pager a {
        font-size: 14px;
        padding: 5px 0;
        font-weight: normal;
    }
    .ps-nav {
        top: 28%;
    }
    .ps-nav img {
        width: 80px;
    }
    #imageShowCase .product-slide h1 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 22px;
    }
}

@media (max-width: 480px) {
    #pager a {
        font-size: 12px;
    }
    .navbar-toggle {
        background: none!important;
    }
    h1.xlarge {
        font-size: 24px;
        font-weight: 800;
        line-height: normal;
        padding-bottom: 0;
    }
    h1.x2large {
        font-size: 38px;
    }
    .title-big {
        font-size: 38px;
    }
    .sliderTextFull h3 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 2px;
        margin-top: 0;
        padding-bottom: 0;
    }
    .sliderText h1 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 0;
    }
    .sliderInfo .btn-lg {
        font-size: 12px;
        padding: 4px 8px;
    }
    .sliderText .inner {
        padding: 2px;
    }
    .sliderText h3.price {
        font-size: 16px;
        padding-bottom: 2px;
    }
    .supportLi h4 {
        font-size: 14px;
    }
    .cartTableHeader {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .CartProduct .delete i {
        font-size: 16px!important;
    }
    .CartProductThumb a img {
        max-width: 60px!important;
    }
    .CartDescription h4 a {
        font-size: 14px!important;
        line-height: normal;
    }
    .cart-actions button,
    .btn.btn-cart,
    .cart-actions .wishlist {
        font-size: 14px!important;
        padding: 10px!important;
    }
    .search-box .input-group {
        margin-top: 13px;
    }
    .navbar-brand.windowsphone {
        display: block;
        float: left;
    }
    .navbar-brand.windowsphone img {
        max-width: 65px;
    }
    .featuredPostContainer.globalPadding {
        padding: 10px 0!important;
    }
    .breadcrumb>li {
        font-size: 12px;
    }
    .item.list-view h4 {
        font-size: 20px;
        line-height: 18px;
    }
    .item.list-view .description {
        clear: both;
        display: block;
        float: none;
        padding-top: 5px;
    }
    .item.list-view .image {
        display: block;
        float: none;
        max-height: 500px;
        max-width: 100%;
        overflow: hidden;
        padding-right: 0;
        text-align: center;
    }
    .item.list-view h4,
    .item.list-view .description,
    .item.list-view h4,
    .list-description,
    .item.list-view .price,
    .item.list-view .action-control,
    .item.list-view .description p {
        text-align: center;
    }
    .item.list-view h4 {
        min-height: 24px;
    }
    .col-xs-mini-6 {
        width: 50%;
    }
    .col-xs-min-12,
    .col-xxs-12 {
        width: 100%;
    }
    .home-intro h2 {
        font-size: 18px;
        font-weight: 200;
        letter-spacing: 1px;
    }
    .no-float-xs {
        float: none!important;
    }
}

@media (max-width: 400px) {
    #pager a {
        font-size: 10px;
    }
    .container {
        min-width: 310px;
    }
    .cartFooter .box-footer div {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }
    .navbar-brand {
        padding: 17px 0 0 10px;
    }
    .navbar-brand img {
        max-width: 100px;
    }
    .navbar-header.isios .navbar-brand img {
        max-width: 60px!important;
    }
    .navbar-header .navbar-toggle {
        margin-right: 10px;
        padding: 9px 2px;
    }
    .xsResponse .item,
    .xs3Response .item {
        width: 100%!important;
    }
    .cartFooter {
        padding: 5px 0;
    }
    .checkoutReview th {
        font-size: 13px;
    }
    .col-xs-mini-6 {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .container {
        width: 100%!important;
        max-width: 320px!important;
    }
    .banner {
        width: 100%!important;
        max-width: 320px!important;
        overflow: hidden!important;
    }
}

.itemauto {
    height: auto;
    max-height: none;
}

.imageHover {
    display: block;
    max-height: 404px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.imageHover a {
    display: block;
    overflow: hidden;
}

.img-responsive.primaryImage {
    position: relative;
    z-index: 1;
    transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    transform-style: preserve-3d;
    opacity: 1;
}

.secondaryImage {
    left: 0;
    position: absolute;
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
    top: 0;
}

.imageHoverFlip .primaryImage {
    transform-style: preserve-3d;
    transform: rotateY(0);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}

.imageHoverFlip .secondaryImage {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}

.product:hover .img-responsive.primaryImage {
    opacity: 0;
}

.product:hover .imageHoverFlip .img-responsive.primaryImage {
    transform: rotateY(180deg);
}

.product:hover .imageHoverFlip .img-responsive.secondaryImage {
    opacity: 1;
    transform: rotateY(0deg);
}

.item.list-view .imageHover {
    background: #fff;
    display: block;
    float: left;
    max-height: 260px;
    max-width: 200px;
    overflow: hidden;
    padding-right: 20px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.carousel-inner>.item {
    height: auto;
    margin-bottom: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    display: block;
}

.imageHover .glyphicon-chevron-right::before {
    content: "\f105";
    font-family: 'FontAwesome'!important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999!important;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}

.imageHover .glyphicon-chevron-left::before {
    content: "\f104";
    font-family: 'FontAwesome'!important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999!important;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}

.imageHover .carousel-control.left {
    background-image: none!important;
    z-index: 5;
}

.imageHover .carousel-control.right {
    background-image: none!important;
    z-index: 5;
}

.hoverNav .carousel-control {
    transform: scale(0.1);
    visibility: hidden;
    transition: all 0.3s ease 0.1s;
}

.product:hover .hoverNav .carousel-control {
    transform: scale(1);
    visibility: visible;
}

.imageHover div.quickview {
    margin-top: 60%;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media (max-width: 767px) {
    .imageHover .glyphicon-chevron-right::before {
        height: 25px;
        width: 25px;
    }
    .imageHover .glyphicon-chevron-left::before {
        height: 25px;
        width: 25px;
    }
}

.order-box {
    background: #fff;
    border: solid 1px #ccc;
    margin-bottom: 30px;
}

.order-box-header {
    background: #ebeded;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}

.order-box-content {
    padding: 15px;
}

.order-box-content table td {
    padding: 5px;
}

.statusTop {
    margin-bottom: 20px;
}

.statusTop p {
    font-size: 16px;
    margin-bottom: 5px;
}

.order-details-cart {
    width: 100%;
}

.order-details-cart tr {
    border-bottom: solid 1px #ddd;
}

.order-details-cart img {
    width: 80px;
}

.cartTotalTr {
    border: none!important;
}

.cartTotalTr td {
    text-align: right;
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.thanxContent {
    padding: 70px 0 30px;
}

.thanxContent a {
    color: #A2C15A;
}

.thanxContent h1 {
    margin-bottom: 0;
    font-size: 40px;
}

.thanxContent h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
}

.cartTableBorder {
    border: solid 1px #EBEDEF;
}

.rating-here .fa,
.rating .fa {
    color: #E7711B;
}

.reviewtitle {}

*::-moz-selection {
    background: #283949 none repeat scroll 0 0;
    color: #fff;
}
a:hover, a:focus, a.link {
    color: #283949;
}

a.navbar-brand:hover, a.navbar-brand:focus, a.navbar-brand.link {
    color: #283949;
}
.search-full, .search-input {
    background: #2a2a2a none repeat scroll 0 0;
}
.search-close {
    color: #2a2a2a;
}
.btn {
    background-image:none;
}
/*.btn-primary, .btn-primary, .product:hover .add-fav:hover, .product:hover .add-fav.active {
    background-color: #3a3a3a;
    color: #ffffff;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: #2c88c5 none repeat scroll 0 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #4a6989;
    border-color: #4a6989;
    color: #ffffff;
}*/
.navbar-top {
    background: #283949 none repeat scroll 0 0;
}
.navbar-tshop {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.50) !important;
}
.site-color {
    color: #283949 !important;
}
.navbar-brand,.navbar-nav > li > a {
    color: #283949;
}
.nav > li.active, .nav > li > a:hover, .nav > li > a:focus, .nav > li:hover > a {
    background: #283949 none repeat scroll 0 0;
    color:#fff;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .cartMenu:hover > a.dropdown-toggle {
    background: #283949 none repeat scroll 0 0;
}
.dropdown-menu {
    border-top: medium solid #283949;
}
.search-box:hover .form-control {
    background: #3a3a3a none repeat scroll 0 0;
}
.search-box:hover .btn-nobg {
    color: #3a3a3a;
}
.searchInputBox .search-btn {
    color: #fff;
}
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(52, 73, 94, 0.7) none repeat scroll 0 0 !important;
}
.action-control a:hover, .action-control a.active {
    background: #2a2a2a none repeat scroll 0 0;
    color: #fff;
}
.product:hover, .featuredImgLook2 .inner:hover {
    border: 1px solid #3a3a3a;
}
.subCategoryList .thumbnail:hover {
    border: 1px solid #3a3a3a;
}
.pager2 a {
    border: 1px solid #3a3a3a;
}
.pager2 a.selected {
    background: #3a3a3a none repeat scroll 0 0;
}
.btn-site, .newsLatterBox .btn {
    background: #3a3a3a none repeat scroll 0 0;
}
.btn-discover:hover, .btn-site:hover, .newsLatterBox .btn:hover {
    background: #2a2a2a none repeat scroll 0 0;
}
.full {
    width: 100%;
}
.footer a:hover {
    color: #3a3a3a;
}
.footer {
}
.modal-header {
    background: #283949 none repeat scroll 0 0;
}
.form-control:focus {
    border-color: #3a3a3a;
}
.new-product {
    background: rgba(52, 73, 94, 0.95) none repeat scroll 0 0 !important;
}
#pager a.cycle-pager-active {
    background: rgba(52, 73, 94, 0.5) none repeat scroll 0 0;
}
.nav.tree > li.active, .nav.tree > li > a:hover, .nav.tree > li > a:focus, .nav.tree > li:hover > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2a2a2a;
}
.nav.tree .open-tree > a, .nav.tree .open-tree > a:hover, .nav.tree .open-tree > a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2a2a2a;
    font-weight: bold;
}
.panel-default > .panel-heading {
    border-top: 4px solid #283949;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li:hover > a {
    background: #337ab7 none repeat scroll 0 0;
}
.nav-tabs {
    border-bottom: 3px solid #bfc9ca;
}
.socialIcon a:hover {
    background: #3a3a3a none repeat scroll 0 0;
}
.cart-actions button,.btn.btn-cart, .cart-actions .wishlist {
    background: #337ab7 none repeat scroll 0 0;
    border: 2px solid #337ab7;
}
.cart-actions button:hover,.btn.btn-cart:hover {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #337ab7;
    color: #2a2a2a;
}
.sp-thumbs a:hover, .sp-thumbs a:active, .sp-current, sp-current:visited {
    border: 2px solid #3a3a3a !important;
}
.promo-1 {
    background: #2a2a2a none repeat scroll 0 0;
}
@media (max-width: 767px) {
.miniCartFooter {
    background: #2a2a2a none repeat scroll 0 0 !important;
}
}
#pager2 span.cycle-pager-active {
}
#pager2 span.cycle-pager-active {
    background: #2a2a2a none repeat scroll 0 0 !important;
}
#pager2 span {
    border: 2px solid #2a2a2a;
}
.orderStep li.active a {
    background: #3a3a3a none repeat scroll 0 0;
}
.orderStep li.active a::after {
    border-top-color: #3a3a3a !important;
}
.orderStep li a {
    background: #2c88c5 none repeat scroll 0 0;
}
.darkcoilor {
    background: #2c88c5 none repeat scroll 0 0;
}
.citecolor {
    color: #3a3a3a !important;
}
tbody {
   background-color:#FFF;
}
thead th {
    background-color:#e6e6e6;
    font-weight:bold;
    text-align:center;
}
/* Mutilevel Dropdown */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

        /*
    Now handling it via angular way
    .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}*/
        .dropdown-submenu > .dropdown-menu.open {
            display: block;
        }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none !important;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            right: 99%;
            /*margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;*/
        }

        .dropdown-submenu.pull-left > a:after {
            float: left;
            margin-left: -10px;
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
            transform: rotate(180deg);
        }

/*------------------------------------------------------*/
/*  Column Grid
/*------------------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 80px;
    right: 48%;
    z-index: 99999;
}

.scrolldown {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
}

/* the wrapper element that will become the outer circle */
.arrow-wrap {
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 5em;
    margin-left: -5em;
    background: #111;
    width: 10em;
    height: 10em;
    padding: 4em 2em;
    border-radius: 50%;
    font-size: 0.5em;
    display: block;
    /*box-shadow:0px 0px 5px 0px #333;*/
    opacity: 0.6;
}

    .arrow-wrap.ng-hide {
        opacity: 0;
    }
/* a triangle to make the main part of the arrow. Adjust the border-color to fit your needs */
.arrow {
    float: left;
    position: relative;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3em 3em 0 3em;
    border-color: #ffffff transparent transparent transparent;
    -webkit-transform: rotate(360deg); /* added for better anti-aliasing on webkit browsers */
}

    /* a pseudo element arrow placed on top of the other one with the same color as the wrapper */
    .arrow:after {
        content: '';
        position: absolute;
        top: -3.2em;
        left: -3em;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 3em 3em 0 3em;
        border-color: #111 transparent transparent transparent;
        -webkit-transform: rotate(360deg); /* added for better anti-aliasing on webkit browsers */
    }


@-webkit-keyframes arrows {
    0% {
        top: 0;
    }

    10% {
        top: 20%;
    }

    20% {
        top: 0;
    }

    30% {
        top: 20%;
    }

    40% {
        top: -20%;
    }

    50% {
        top: 20%;
    }

    60% {
        top: 0;
    }

    70% {
        top: 20%;
    }

    80% {
        top: -20%;
    }

    90% {
        top: 20%;
    }

    100% {
        top: 0;
    }
}


.arrow-wrap .arrow {
    -webkit-animation: arrows 2s infinite;
    -webkit-animation-delay: 2s;
}

#fixed-bottom-message {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/*
 * --------------------------------------------------
 * Corner Ribbon
 *--------------------------------------------------
 */
/* The ribbons */
.corner-ribbon-wrapper {
    position: absolute;
    overflow: hidden;
    bottom: 0px;
    left: 15px;
    width: 49px;
    height: 60px;
    z-index: 9;
}

.corner-ribbon {
    width: 95px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 10px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
    /* Custom styles */

    .corner-ribbon.sticky {
        position: fixed;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 0 3px rgba(0,0,0,.3);
    }

    /* Different positions */

    .corner-ribbon.top-left {
        top: 25px;
        left: -50px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .corner-ribbon.top-right {
        top: 25px;
        right: -50px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .corner-ribbon.bottom-left {
        top: auto;
        bottom: 25px;
        left: -50px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .corner-ribbon.bottom-right {
        top: auto;
        right: -50px;
        bottom: 25px;
        left: auto;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    /* Colors */

    .corner-ribbon.white {
        background: #f0f0f0;
        color: #555;
    }

    .corner-ribbon.black {
        background: #333;
    }

    .corner-ribbon.grey {
        background: #999;
    }

    .corner-ribbon.blue {
        background: #39d;
    }

    .corner-ribbon.green {
        background: #2c7;
    }

    .corner-ribbon.turquoise {
        background: #1b9;
    }

    .corner-ribbon.purple {
        background: #95b;
    }

    .corner-ribbon.red {
        background: #e43;
    }

    .corner-ribbon.orange {
        background: #ec0;
    }

    .corner-ribbon.yellow {
        background: #ec0;
    }


/*** Point Table ***/
.points_table {
    margin-bottom: 30px;
    width: 100%;
}



    .points_table > thead {
        background: #283949;
        color: #fff;
    }

        .points_table > tbody > tr > td, .points_table > thead > tr > th {
            float: left;
            border-bottom-width: 0;
        }


        .points_table > tbody > tr > td, .points_table > tbody > tr > th, .points_table > tfoot > tr > td, .points_table > tfoot > tr > th, .points_table > thead > tr > td, .points_table > thead > tr > th {
            padding: 8px;
            min-height: 25px !important;
            line-height: 22px !important;
        }

.points_table {
    margin-bottom: 0;
}

.odd {
    background: #ffffff;
    /*color: #000;*/
}

.even {
    background: #f3f3f3;
    /*color: #000;*/
}

.points_table_scrollbar {
    /*height: 612px;*/
    overflow-y: scroll;
}

    .points_table_scrollbar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
        border-radius: 10px;
        background-color: #444444;
    }

    .points_table_scrollbar::-webkit-scrollbar {
        width: 1%;
        min-width: 5px;
        background-color: #F5F5F5;
    }

    .points_table_scrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #D62929;
        background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent)
    }

.div-clickable {
    cursor: hand;
    cursor: pointer;
}

.nac-preview-table .ta-editor.form-control.programe-desc-height, .ta-scroll-window.form-control.myform1-height {
    min-height: 150px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}

.nac-preview-table .form-control.programe-desc-height > .ta-bind {
    height: auto;
    min-height: 150px;
    padding: 6px 12px;
}
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
.headerOffset {
    padding-top: 84px;
}

.img-fit-to-div img {
    max-height: 100%;
    max-width: 100%;
}

.navbar-top .userMenu {
    padding-left:0;
}

.navbar-nav > li > a {
    font-size: 13px;
}

.banner {
    padding-top: 15px;
}

.home-houses .img-responsive {
    min-width: 100%;
}

.home-houses2 .product .img-block img {
    min-width: 100%;
}

.carousel-inner img {
    margin: auto;
}


.home-houses .slider-item {
    text-align: center;
}

.sliderTextFull .inner.dark {
    padding: 6px 2px;
}

.carousel-indicators {
    bottom: 0px;
    display: none;
}

    .carousel-indicators li {
        /*border-color:#283949;*/
    }

        .carousel-indicators li.active {
            /*background-color:#283949;*/
        }

.carousel-caption {
    padding-bottom: 0px;
    bottom: 0px;
    font-size: 13px;
    right: 0;
    left: 0;
    text-align: center;
}

.section-title.style2 {
    font-size: 38px;
}

.ps-nav {
    top: 43%;
}

.modal {
    display: block;
}

.modal-full .modal-dialog.modal-lg {
    width: 100%;
    height: 90%;
}

.embed-responsive-viewonline {
    padding-bottom: 50%;
}

.modal-title-site {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

.panel-collapse .nav > li .checkbox {
    margin-bottom: 6px;
    margin-top: 6px;
}

.panel-collapse .nav > li > a {
    padding: 4px 10px;
}

.CartProductThumb a img {
    height: 65px;
    margin: 0 auto;
    max-width: 100px;
}

.category-level-2 li:last-child {
    margin-bottom: 8px;
}

.category-level-2 li a {
    font-size: 10px;
}

.productFilter {
    margin-top: 5px;
}

    .productFilter input {
        margin-bottom: 0px;
        margin-left: 5px;
    }

.product .action-control .label-text {
    display: none;
}


.centered-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.full-view {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 5%;
    margin-bottom: 1%;
}

.home-houses2 .featuredImageLook3 .inner:hover .img-title {
    opacity: 1;
    visibility: visible;
    display: block;
}

.home-houses2 .img-title {
}

.title-block .since-year {
    margin-top: 25px;
}

.featuredPostContainer.globalPadding {
    padding: 10px 0 !important;
}

.home-houses2 .featuredImageLook3 .inner .img-block img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-houses2 .featuredImageLook3 .inner .img-block:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.megamenu-content ul li {
    margin-right: 6px;
}

.sliderTextFull {
    /*margin-top:44%;*/
}
/*
.owl-item .carousel-inner > .item > a > img,.owl-item .carousel-inner > .item > img,.owl-item .img-responsive, .thumbnail a > img,.owl-item .thumbnail > img {
    width: 100%;
    height: 500px;
}*/

/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
body {
    background-color: #F2F1ED;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.text-warning {
    color: #ffc107 !important;
}

[name="eventRegistrationForm"],
[name="eventRegistrationForm"] input[type="text"],
[name="eventRegistrationForm"] .form-control,
[name="eventRegistrationForm"] .input-sm {
    font-size: 16px;
}

.belvedere-event-body {
    background: url('/content/images/brand-events-bg-bv.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000;
}

    .belvedere-event-body .navbar {
        display: none;
    }

    .belvedere-event-body footer {
        display: none;
    }


.newton-event-body {
    background: url('/content/images/brand-events-bg-newton.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

    .newton-event-body .navbar {
        display: none;
    }

    .newton-event-body footer {
        display: none;
    }

.krug-event-body {
    background: url('/content/images/brand-events-bg-krug-BYOK.jpg.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #333;
}

    .krug-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }

    .krug-event-body .navbar {
        display: none;
    }

    .krug-event-body footer {
        display: none;
    }

.ruinart-event-body {
    background: url('/content/images/brand-events-bg-ruinart.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .ruinart-event-body .navbar {
        display: none;
    }

    .ruinart-event-body footer {
        display: none;
    }

.dom-pérignon-event-body {
    background: url('/content/images/brand-events-bg-dp.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .dom-pérignon-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .dom-pérignon-event-body .navbar {
        display: none;
    }

    .dom-pérignon-event-body footer {
        display: none;
    }

.ardbeg-event-body {
    background: url('/content/images/brand-events-bg-ab.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}
.brand-event-logo{
    text-align:center;
}

.brand-event-logo {
    text-align: center;
}

    .brand-event-logo .logo {
        display: inline-block;
    }

.ardbeg-event-body .brand-event-logo .logo {
    background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;
}

.ardbeg-event-body form {
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 40px;
}



.ardbeg-event-body .navbar {
    display: none;
}

.ardbeg-event-body footer {
    display: none;
}

.hennessy-event-body {
    background: url('/content/images/brand-events-bg-hennessy.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .hennessy-event-body.complexcon {
        background: url('/content/images/brand-events-bg-hennessy-complexcon.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .hennessy-event-body.complexcon .brand-event-logo .logo {
            background: url('/content/images/brand-events-logo-hennessy-white.png') left top no-repeat;
            width: 300px;
            height: 71px;
        }

    .hennessy-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .hennessy-event-body .navbar {
        display: none;
    }

    .hennessy-event-body footer {
        display: none;
    }

.mo-t-hennessy-usa-event-body {
    background: url('/content/images/brand-events-bg-mh.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .mo-t-hennessy-usa-event-body .brand-event-logo .logo {
        background: url('/content/images/mhusa-logo.png') left no-repeat;
        width: 300px;
        height: 100px;
        text-indent: -9999px;
    }

    .mo-t-hennessy-usa-event-body .brand-event-logo .logo {
        background: url('/content/images/mhusa-logo.png') left no-repeat;
        width: 300px;
        height: 100px;
    }


    .mo-t-hennessy-usa-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 40px;
    }



    .mo-t-hennessy-usa-event-body .navbar {
        display: none;
    }

    .mo-t-hennessy-usa-event-body footer {
        display: none;
    }

.chandon-california-event-body {
    background: url('/content/images/brand-events-bg-chandon-california.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .chandon-california-event-body .brand-event-logo .logo {
        background: url('/content/images/brand-events-logo-chandon-california.png') left top no-repeat;
        width: 200px;
        height: 100px;
    }

    .chandon-california-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .chandon-california-event-body .navbar {
        display: none;
    }

    .chandon-california-event-body footer {
        display: none;
    }

.mo-t-chandon-event-body {
    background: url('/content/images/brand-events-bg-moet-chandon.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}



    .mo-t-chandon-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .mo-t-chandon-event-body .navbar {
        display: none;
    }

    .mo-t-chandon-event-body footer {
        display: none;
    }

    .mo-t-chandon-event-body.mc_ca_tennis {
        background-image: none;
        background-color: black;
    }

        .mo-t-chandon-event-body.mc_ca_tennis form {
            border:none;
            background:none;
        }

        .mo-t-chandon-event-body.mc_ca_tennis .btn-dark {
            background-color: #D2AD6C;
        }

        .mo-t-chandon-event-body.mc_ca_tennis,
        .mo-t-chandon-event-body.mc_ca_tennis a,
        .mo-t-chandon-event-body.mc_ca_tennis > .input[type='text'] {
            color: #fff;
        }

        .mo-t-chandon-event-body.mc_ca_tennis .form-control::placeholder {
            color: #555;
        }
            .mo-t-chandon-event-body.mc_ca_tennis .form-control::-webkit-input-placeholder {
                color: #555;
            }
/* WebKit, Blink, Edge */
        .mo-t-chandon-event-body.mc_ca_tennis .form-control:-moz-placeholder {
            color: #555;
        }
/* Mozilla Firefox 4 to 18 */
        .mo-t-chandon-event-body.mc_ca_tennis .form-control::-moz-placeholder {
            color: #555;
        }
/* Mozilla Firefox 19+ */
        .mo-t-chandon-event-body.mc_ca_tennis .form-control:-ms-input-placeholder {
            color: #555;
        }
/* Internet Explorer 10-11 */
        .mo-t-chandon-event-body.mc_ca_tennis .form-control::-ms-input-placeholder {
            color: #555;
        }
/* Microsoft Edge */

        .mo-t-chandon-event-body.mc_ca_tennis .brand-event-logo .logo {
            background: url('/content/images/moet-chandon-logo-_w_g.png') left no-repeat;
            width: 250px;
            height: 110px;
        }

    .mo-t-hennessy-usa-clos19-event-body {
    background: url('/content/images/brand-events-clos19.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .mo-t-hennessy-usa-clos19-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .mo-t-hennessy-usa-clos19-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .mo-t-hennessy-usa-clos19-event-body .navbar {
        display: none;
    }

    .mo-t-hennessy-usa-clos19-event-body footer {
        display: none;
    }

.ardbeg-clos19-event-body {
    background: url('/content/images/brand-events-bg-ab-clos19.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .ardbeg-clos19-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .ardbeg-clos19-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .ardbeg-clos19-event-body .navbar {
        display: none;
    }

    .ardbeg-clos19-event-body footer {
        display: none;
    }

.hennessy-clos19-event-body {
    background: url('/content/images/brand-events-bg-hennessy-clos19.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .hennessy-clos19-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .hennessy-clos19-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .hennessy-clos19-event-body .navbar {
        display: none;
    }

    .hennessy-clos19-event-body footer {
        display: none;
    }

.veuve-clicquot-clos19-event-body {
    background: url('/content/images/brand-events-bg-cliquot-clos19.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .veuve-clicquot-clos19-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .veuve-clicquot-clos19-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .veuve-clicquot-clos19-event-body .navbar {
        display: none;
    }

    .veuve-clicquot-clos19-event-body footer {
        display: none;
    }

.mo-t-chandon-clos19-event-body {
    background: url('/content/images/brand-events-bg-moet-clos19.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .mo-t-chandon-clos19-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .mo-t-chandon-clos19-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .mo-t-chandon-clos19-event-body .navbar {
        display: none;
    }

    .mo-t-chandon-clos19-event-body footer {
        display: none;
    }


.glenmorangie-event-body {
    background: url('/content/images/brand-events-bg-glen.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .glenmorangie-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .glenmorangie-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .glenmorangie-event-body .navbar {
        display: none;
    }

    .glenmorangie-event-body footer {
        display: none;
    }

.veuve-clicquot-event-body {
    background: url('/content/images/brand-events-bg-cliquot.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #888888;
}

    .veuve-clicquot-event-body .brand-event-logo .logo {
        /*background: url('/content/images/brand-events-logo-ardbeg.png') left top no-repeat;
    width: 165px;
    height: 55px;*/
    }

    .veuve-clicquot-event-body form {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
    }



    .veuve-clicquot-event-body .navbar {
        display: none;
    }

    .veuve-clicquot-event-body footer {
        display: none;
    }


.navbar {
    background-color: #fff;
}

.section-title-style2 span, .section-title.style2 span {
    background-color: #f2f1ed;
}


.navbar-brand h1 {
    color: #000;
}

.user-menu .dropdown-menu {
    color: #fff;
    background-color: #071422;
}

    .user-menu .dropdown-menu > li > a {
        color: #fff;
    }

        .user-menu .dropdown-menu > li > a:focus, .user-menu .dropdown-menu > li > a:hover {
            background-color: #f5f5f5;
            color: #262626;
        }

.carousel-control.left, .carousel-control.right {
}

.carousel-inner > .item {
    background-color: #000;
}

#categoryContainer .category-level-2 li.active {
    background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%);
    background-repeat: repeat-x;
}

#categoryContainer .category-level-2 li a.active {
    color: #fff;
}

.navbar-toggle .icon-bar {
    border-color: #2a2a2a;
}

.has-error {
    border-color: red;
}
/*.home-houses2 .featuredImageLook3 .inner .box-content-overly-white {
    opacity: 1;
    background: rgba(255,255,255,0.8);
    visibility: visible;
}*/
/*.home-houses2 .featuredImageLook3 .inner:hover .box-content-overly-white {
    opacity: 0;
    background: rgba(0,0,0,0);
    visibility: hidden;
}*/

.home-houses2 .featuredImageLook3 .inner .title-block {
    height: 90px;
    background-color: #fff;
}

.home-houses2 .featuredImageLook3 .inner .img-title {
    color: #2c3e50;
    font-family: "romain_reguRg",serif;
    text-shadow: none;
    position: relative;
    top: 30%;
    font-size: 18px;
    /*padding:25px 5px 25px 5px;*/
}


button.close {
    color: #fff;
    opacity: 0.8;
}

.age-current {
    color: #5cb85c;
}

.age-mid {
    color: #ed9c28;
}

.age-old {
    color: #d2322d;
}

.category-top .dropdown-menu {
    border-top: none;
}

.btn-gray {
    color: #ffffff;
    background-color: #6F7275;
    border-color: #858487;
}

    .btn-gray:hover,
    .btn-gray:focus,
    .btn-gray:active,
    .btn-gray.active,
    .open .dropdown-toggle.btn-gray {
        color: #ffffff;
        background-color: #3F3F40;
        border-color: #858487;
    }

    .btn-gray:active,
    .btn-gray.active,
    .open .dropdown-toggle.btn-gray {
        background-image: none;
    }

    .btn-gray.disabled,
    .btn-gray[disabled],
    fieldset[disabled] .btn-gray,
    .btn-gray.disabled:hover,
    .btn-gray[disabled]:hover,
    fieldset[disabled] .btn-gray:hover,
    .btn-gray.disabled:focus,
    .btn-gray[disabled]:focus,
    fieldset[disabled] .btn-gray:focus,
    .btn-gray.disabled:active,
    .btn-gray[disabled]:active,
    fieldset[disabled] .btn-gray:active,
    .btn-gray.disabled.active,
    .btn-gray[disabled].active,
    fieldset[disabled] .btn-gray.active {
        background-color: #6F7275;
        border-color: #858487;
    }

    .btn-gray .badge {
        color: #6F7275;
        background-color: #ffffff;
    }

.btn-thin-filter {
    border: 1px solid rgb(189, 195, 199);
    color: #888888;
    background: none;
}

    .btn-thin-filter.active,
    .btn-thin-filter:hover {
        border-color: #34495E;
    }

/************ File Type Icon Colors  */
.fa-file-pdf-o {
    color: #B40808;
}

.fa-file-word-o {
    color: #00188F;
}

.fa-file-image-o {
    color: #4E8C23;
}

.fa-file-excel-o {
    color: #91CDA0;
}

.fa-file-zip-o {
    color: #FFBE00;
}

.fa-file-powerpoint-o {
    color: #F6712E;
}

/*
 * --------------------------------------------------
 * 3. Misc
 * Other stuff
 *--------------------------------------------------
 */

/* Checkbox */
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }


img.color_flip {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .5s ease-in-out;
}

    img.color_flip:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -webkit-transform: scale(1.1);
    }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    color: #333;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0.75;
}
.btn-default {
    text-shadow:none;
}
.uib-daypicker .btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

    .uib-daypicker .btn-default.active {
        background-color: #858487;
        color: #fff;
    }

.multiselect-parent.dropdown-multiselect {
    width: 100%;
}

.dropdown-multiselect-required .btn-required {
    color: #f44336;
}

.dropdown-multiselect-group .dropdown-header {
    background-color: #34495e;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.r {
    border-radius: 3px;
}

.p {
    padding: 16px;
}

.m-b-sm {
    margin-bottom: 8px;
}

.bg-white {
    background-color: #fff;
}

.bg-light {
    background-color: #eaebec;
}

.bg-primary {
    color: rgba(255, 255, 255, 0.87);
    background-color: #3f51b5
}

    .bg-primary.lt {
        background-color: #5363bb !important
    }

    .bg-primary .lt {
        background-color: #5363bb
    }

    .bg-primary.dk {
        background-color: #3345a8 !important
    }

    .bg-primary .dk {
        background-color: #3345a8
    }

    .bg-primary.bg {
        background-color: #3f51b5 !important
    }

    .bg-primary .bg {
        background-color: #3f51b5
    }

.bg-success {
    color: rgba(255, 255, 255, 0.87);
    background-color: #4caf50
}

    .bg-success.lt {
        background-color: #62b265 !important
    }

    .bg-success .lt {
        background-color: #62b265
    }

    .bg-success.dk {
        background-color: #3fa343 !important
    }

    .bg-success .dk {
        background-color: #3fa343
    }

    .bg-success.bg {
        background-color: #4caf50 !important
    }

    .bg-success .bg {
        background-color: #4caf50
    }

.bg-info {
    color: rgba(255, 255, 255, 0.87);
    background-color: #2196f3
}

    .bg-info.lt {
        background-color: #3ea1ef !important
    }

    .bg-info .lt {
        background-color: #3ea1ef
    }

    .bg-info.dk {
        background-color: #078bf4 !important
    }

    .bg-info .dk {
        background-color: #078bf4
    }

    .bg-info.bg {
        background-color: #2196f3 !important
    }

    .bg-info .bg {
        background-color: #2196f3
    }

.bg-warning {
    color: rgba(255, 255, 255, 0.87);
    background-color: #ffc107
}

    .bg-warning.lt {
        background-color: #f9c526 !important
    }

    .bg-warning .lt {
        background-color: #f9c526
    }

    .bg-warning.dk {
        background-color: #ecb100 !important
    }

    .bg-warning .dk {
        background-color: #ecb100
    }

    .bg-warning.bg {
        background-color: #ffc107 !important
    }

    .bg-warning .bg {
        background-color: #ffc107
    }

.bg-danger {
    color: rgba(255, 255, 255, 0.87);
    background-color: #f44336
}

    .bg-danger.lt {
        background-color: #f15e53 !important
    }

    .bg-danger .lt {
        background-color: #f15e53
    }

    .bg-danger.dk {
        background-color: #f92718 !important
    }

    .bg-danger .dk {
        background-color: #f92718
    }

    .bg-danger.bg {
        background-color: #f44336 !important
    }

    .bg-danger .bg {
        background-color: #f44336
    }

.bg-accent {
    color: rgba(255, 255, 255, 0.87);
    background-color: #7e57c2
}

    .bg-accent.lt {
        background-color: #8e6fc4 !important
    }

    .bg-accent .lt {
        background-color: #8e6fc4
    }

    .bg-accent.dk {
        background-color: #6e3ec2 !important
    }

    .bg-accent .dk {
        background-color: #6e3ec2
    }

    .bg-accent.bg {
        background-color: #7e57c2 !important
    }

    .bg-accent .bg {
        background-color: #7e57c2
    }


.panel-card {
    border-width: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}



.b-l {
    border-left: 1px solid #dddee0;
}

.b-l-info {
    border-left-color: #2196f3;
}

.b-l-success {
    border-left-color: #4caf50;
}

.b-l-warning {
    border-left-color: #ffc107
}

.b-l-danger {
    border-left-color: #f44336
}

.b-l-2x {
    border-left-width: 2px !important;
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-sm {
    font-size: 13px;
}

.m-t-xs {
    margin-top: 4px;
}

.text-muted-dk {
    color: inherit;
    opacity: .5;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    text-align: center;
    padding: 20px 10px;
    margin-left: 10px;
}

.dragover {
    border: 5px dashed blue;
}

/* Tiles Start */
table.tile_info td p {
    text-overflow: ellipsis
}

.tile,
.weather-days .col-sm-2,
.x_title h2,
table.tile_info td p {
    overflow: hidden
}

@media (max-width:1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px
    }

    .graph,
    .tile {
        zoom: 85%;
        height: inherit
    }
}

@media (min-width:192px) and (max-width:1270px) {
    table.tile_info span.right {
        margin-right: 7px;
        float: left
    }
}

.tiles,
.top_tiles {
    margin-bottom: 0
}

.tile-stats.sparkline {
    padding: 10px;
    text-align: center
}

.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px
}

.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: 700
}

table.tile td ul li a,
table.tile_info {
    width: 100%
}

table.tile h3,
table.tile h4,
table.tile span {
    font-weight: 700;
    vertical-align: middle !important
}

table.tile td,
table.tile th {
    text-align: center
}

table.tile th {
    border-bottom: 1px solid #E6ECEE
}

table.tile td {
    padding: 5px 0
}

    table.tile td ul {
        text-align: left;
        padding-left: 0
    }

        table.tile td ul li {
            list-style: none;
            width: 100%
        }

            table.tile td ul li a big {
                right: 0;
                float: right;
                margin-right: 13px
            }

table.tile_info td {
    text-align: left;
    padding: 1px;
    font-size: 15px
}

    table.tile_info td p {
        margin: 0;
        line-height: 28px
    }

    table.tile_info td i {
        margin-right: 8px;
        font-size: 17px;
        float: left;
        width: 18px;
        line-height: 28px
    }

    table.tile_info td:first-child {
        width: 83%
    }

td span {
    line-height: 24px
}

.tile-stats > .dash-box-footer,
.tile:hover,
.view a.info,
span.tag {
    text-decoration: none
}

.tile_count .tile_stats_count,
ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tile_info a {
    text-overflow: ellipsis
}

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

    .tile_count .tile_stats_count {
        border-bottom: 1px solid #D9DEE4;
        padding: 0 10px 0 20px;
        position: relative
    }

        .tile_count .tile_stats_count:before {
            content: "";
            position: absolute;
            left: 0;
            height: 65px;
            border-left: 2px solid #ADB2B5;
            margin-top: 10px
        }

@media (min-width:992px) {
    .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px
    }

        .tile_count .tile_stats_count:first-child:before {
            border-left: 0
        }
}

.tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600
}

@media (min-width:768px) {
    .tile_count .tile_stats_count .count {
        font-size: 40px
    }
}

@media (min-width:992px) and (max-width:1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 30px
    }
}

.tile_count .tile_stats_count span {
    font-size: 12px
}

@media (min-width:768px) {
    .tile_count .tile_stats_count span {
        font-size: 13px
    }
}

.tile_count .tile_stats_count .count_bottom i {
    width: 12px
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background: #FFF;
    transition: all .3s ease-in-out
}

    .tile-stats:hover .icon i {
        animation-name: tansformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, .41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: tansformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: tansformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }

    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 22px;
        z-index: 1
    }

        .tile-stats .icon i {
            margin: 0;
            font-size: 60px;
            line-height: 0;
            vertical-align: bottom;
            padding: 0
        }

    .tile-stats .count {
        font-size: 38px;
        font-weight: 700;
        line-height: 1.65857
    }

    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0 0 0 10px;
        z-index: 5;
        padding: 0
    }

    .tile-stats h3 {
        color: #BAB8B8
    }

    .tile-stats p {
        margin-top: 5px;
        font-size: 12px
    }

    .tile-stats > .dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, .8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, .1)
    }

        .tile-stats > .dash-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, .15)
        }

table.tile_info {
    padding: 10px 15px
}

    table.tile_info span.right {
        margin-right: 0;
        float: right;
        position: absolute;
        right: 4%
    }

.tile_header {
    border-bottom: transparent;
    padding: 7px 15px;
    margin-bottom: 15px;
    background: #E7E7E7
}

.tile_head h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.tiles-bottom {
    padding: 5px 10px;
    margin-top: 10px;
    background: rgba(194, 194, 194, .3);
    text-align: left
}
/* Tiles End */

/*
 * --------------------------------------------------
 * 4. Product
 * 
 *--------------------------------------------------
 */
.product, .product:hover, .featuredImgLook2 .inner, .featuredImgLook2 .inner:hover {
    border: none;
}

.item.list-view .image {
    padding-left: 20px;
}

.product:hover .image a img {
    transform: scale(1.1);
}

.item:not(.list-view) .product .description {
    min-height: 0;
}

    .item:not(.list-view) .product .description > div {
        display: none;
    }

.brand-product-list .product .img-block img {
    padding: 20px 0 20px 0;
}

/*Full Width Image*/
/*.category-assets .item .product .image{
    padding-top:2px;
    height:100px;
    overflow:hidden;
    
}*/
.latest-brand-assets.sectionCategory {
    padding: 30px 0;
}

.latest-brand-assets .thumbnail {
    height: 240px;
}

.latest-brand-assets .subCategoryThumb {
    height: 140px !important;
}

    .latest-brand-assets .subCategoryThumb img {
        height: 140px !important;
    }

.brand-product-list .inner.product .title-block .img-title {
    top: 25%;
}

.brand-product-list .inner.product .title-block .marque-title {
    margin-top: 25px;
}

.category-assets .panel-title {
    font-size: 20px;
}

.category-assets .category-quarterly > li > a {
    padding: 4px 0px;
}

.category-assets .category-quarterly .tags {
    font-size: 11px;
    font-style: italic;
}

.category-assets .item .product .image img {
    padding-top: 2px;
    height: 100px;
    /*width:0px;*/
}

.category-assets .product .description .title {
    font-size: 13px;
    padding: 3px;
    word-wrap: break-word;
}

.item:not(.list-view) .product .description .title {
    overflow: hidden;
    line-height: 17px;
}

.category-assets .item {
    height: 200px !important;
    margin-bottom: 25px;
    /*overflow:hidden;*/
}

    .category-assets .item .product {
        height: 100%;
        min-height: 200px;
    }

    .category-assets .item .product {
        background-color: #fff;
    }
        /*.category-assets .item .product .image {
    padding-top:30px;
}*/
        .category-assets .item .product .image span {
            height: 100px;
            padding-top: 30px;
        }

        .category-assets .item .product .image .quickview {
            margin-top: 20%;
        }

        .category-assets .item .product .description {
            align-content: center;
            display: flex;
            flex-direction: column;
            height: 55px;
            justify-content: center;
        }

    .category-assets .item.list-view {
        overflow: visible;
    }

        .category-assets .item.list-view .product .image {
            padding-top: 15px;
        }

            .category-assets .item.list-view .product .image .quickview {
                padding-right: 40px;
            }

        .category-assets .item.list-view .product .description {
            height: 155px;
        }

.category-assets .product .description > div, .item.list-view .description {
    text-align: left;
}

.category-assets .item.list-view .action-control {
    float: right;
    /*width: 25%;*/
}

.category-assets .item .product .action-control {
    /*width:100%;*/
}

/*.category-assets .item .product .action-control .file-type{
    float:left;
    padding-left:5px;
}*/

.category-assets .product .action-control .checkbox {
    margin-top: 2px;
}

    .category-assets .product .action-control .checkbox label {
        margin-top: 2px;
        padding-left: 0;
    }

    .category-assets .product .action-control .checkbox .cr {
        margin-right: 0;
    }

.category-assets .product .action-control .more-tools {
    padding-right: 3px;
    margin-top: 4px;
}

    .category-assets .product .action-control .more-tools .dropdown-menu {
        border-top: none;
    }

.modal .main-image img {
    height: auto;
    width: 100%;
}

.pull-left.dropdown-menu {
    left: -130px;
}

.collection-modal .modal-body {
    min-height: 300px;
}

.home-houses .product {
    margin-bottom: 30px;
}

.parallax-image-mh {
    background: rgba(0, 0, 0, 0) url("../lib/tshop/v-1.4/white/images/parallax/hennessy.jpg") repeat fixed 0 0 / cover;
}

.parallax-image-mh-hennessy {
    background: rgba(0, 0, 0, 0) url("../lib/tshop/v-1.4/white/images/parallax/hennessy-bottle.jpg") repeat fixed 0 0 / cover;
}

.box-embed-widget #header {
    display: none;
}

.box-embed-widget .subheader {
    margin-top: 0px;
}

.registeration-modal .register-news-letter .checkbox label {
    padding-left: 0px;
}

.registeration-modal .open > .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.manage-account-modal .open > .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/****************** Education Page *******************/

.bucket-list .inner.bucket {
    padding: 10px 0px;
}

.bucket-list .menu-list {
    padding: 20px 40px;
}

    .bucket-list .menu-list .menu-item {
        padding-top: 1px;
        padding-bottom: 1px;
    }

        .bucket-list .menu-list .menu-item a {
            /*color:"#000";*/
            font-size: 14px;
            font-weight: 500;
            padding-left: 20px;
        }

.quizzes.progress {
    background-color: #dcdcdc !important;
    background-image: none !important;
}

/************   ****************/
.nac-table {
    font-size: 13px;
}

    .nac-table tr > td.nac-active {
        border-left: 2px solid #00ff21 !important;
    }

    .nac-table tr > td.nac-inactive {
        border-left: 2px solid #ff0000 !important;
    }

    .nac-table.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-left: 1px solid #fff;
    }

    .nac-table tr > th > span {
        padding-right: 5px;
    }

.sort-icon {
    opacity: 0.5;
}

    .sort-icon.active {
        opacity: 1;
    }

    .sort-title:hover .sort-icon,
    .sort-icon:hover {
        opacity: 1;
    }


/************Assett Details Page**************/
.asset-details-page .panel-default {
    background-color:#fff;
}
.asset-details-page .panel-heading {
    background: #283949;
    color:#fff;
}

/*
 * --------------------------------------------------
 * 5. Responsiveness/media queries
 *--------------------------------------------------
 */

@media (max-width: 400px) {
    /* Extra small devices (phones, less than 400px) */
    .userMenu li a.name {
        padding-top: 7px;
    }

    .navbar-brand {
        padding: 10px;
    }

        .navbar-brand img {
            max-width: 200px;
        }

    .navbar.megamenu .navbar-collapse .nav > li, .navbar.megamenu .navbar-collapse .nav > li > a {
        background: #283949 none repeat scroll 0 0;
        color: #fff;
    }

    .xs-no-padding {
        padding: 0px !important;
    }

    .slider-v1 img {
        height: 100px;
        /*max-height:300px;*/
        /*min-width:1140px;*/
    }

    .style2 .section-title, .section-title.style2 {
        font-size: 16px;
    }

        .style2 .section-title .brand-name, .section-title.style2 .brand-name {
            font-size: 14px
        }

        .section-title-style2 span, .section-title.style2 span {
            padding: 10px 3px;
        }

    .CartProductThumb a img {
        height: 40px;
    }
}

@media (max-width:767px) {
    /* Mobile Plus (tablets, 767px and less) */
    .navbar-brand {
        padding: 10px;
    }

        .navbar-brand img {
            max-width: 200px;
        }

    .navbar.megamenu .navbar-collapse .nav > li, .navbar.megamenu .navbar-collapse .nav > li > a {
        background: #283949 none repeat scroll 0 0;
        color: #fff;
    }

    .xs-no-padding {
        padding: 0px !important;
    }

    .slider-v1 img {
        height: 100px;
        /*max-height:300px;*/
        /*min-width:1140px;*/
    }
}

@media (min-width: 768px) {
    /* Small devices (tablets, 768px and up) */


}

@media (min-width: 1023px) {
    /* Medium devices (desktops, 992px and up) */

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }

    .sliderImg {
        min-width: 100%;
    }

    .slider-v1 img {
        height: 200px;
        max-height: 300px;
        /*min-width:1140px;*/
    }

    .modal-title-site {
        font-size: 20px;
    }
}


@media (min-width: 1200px) {
    /* Large devices (large desktops, 1200px and up) */
    /*.slider-v1 img{
        height:485px;
        max-height:485px;
        
    }*/
    .asset-details .modal-body .meta-data,
    .asset-details .modal-body .asset-image {
        min-height: 400px;
        max-height: 425px;
        overflow-y: auto;
    }

        .asset-details .modal-body .meta-data,
        .asset-details .modal-body .asset-image.img-fit-to-div {
            height: 425px !important;
        }
    /*.modal-title-site{
        font-size:38px;
    }*/

}

@media (min-width: 1900px) {
    /* Large devices (large desktops, 1200px and up) */
    .slider-v1 img {
        /*height:485px;
        max-height:485px;
        min-width:1140px;*/
    }

    .asset-details .modal-body .meta-data,
    .asset-details .modal-body .asset-image {
        min-height: 600px;
        max-height: 625px;
        overflow-y: auto;
    }

    .modal-full .modal-dialog.modal-lg {
        width: 70%;
    }
}

/********** Tablet Menu **********/
@media (max-width: 1200px) and (min-width: 768px) {
    .navbar-brand img {
        max-width: 110px;
        margin-top: 4px;
    }

    .nav.navbar-nav a {
        font-size: 11px !important;
    }
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -10px;
    }
}

.required {
    color: red;
}




/************* Style for PIM ***************/

.pim-sidebar .panel-body {
    padding: 10px 15px;
    background: rgba(234, 234, 234, 0.8);
}

.pim-sidebar .dropdown-toggle .caret {
    float: right;
    margin-top: 7px;
}

.pim-sidebar .tbc {
    padding-left: 8px;
    display: table;
    height: 56px;
}

.pim-sidebar .tbc .tbcd {
    font-size: 0.90em;
    line-height: 1.30em;
    display: table-cell;
    vertical-align: middle;
}

.tbc .popover,
.pim-plist .popover {
    font-size: 0.85em;
    line-height: 1.3em;
    color: #333;
    padding: 0px;
    margin-top: -0px !important;
}

.tbc .popover.top > .arrow:after,
.pim-plist .popover.top > .arrow:after {
    display: none;

}

.plist-by-cat .popover.top > .arrow {
    border-top-color: rgba(0, 0, 0, .5);
}
.plist-by-cat .popover {
    border-radius: 0;
}

.plist-by-cat .popover-content {
    padding: 5px 10px;
}

.pim-sidebar .ltf-thumb {
    background: #fff;
}

@media (min-width: 1200px) {

    .pim-plist-pg, .pim-pdetails-pg {
        padding-top: 95px;
    }

    .pim-sidebar .panel-body {
        padding: 20px 25px;
    }
}

.pim-sidebar .dropdown-toggle {
    font-size: 0.95em;
    text-align: left;
}

.pim-sidebar .dropdown-header {
    padding: 0px 10px;
}

.pim-sidebar .btn {
    border-radius: 0;
}

.pim-pdetails-pg .pim-sidebar .panel-body {
    padding: 10px 15px;
}

.pim-pdetails-pg .pim-sidebar .btn {
    border-radius: 0;
}

.pim-sidebar .btn-dark {
    background-color: #cccccc;
    color: #283949;
}

.pim-sidebar .btn-sr {
    background-color: #283949;
    color: #ffffff;
    box-shadow: 0px 0px 5px #999999 !important;
}

.pim-sidebar .panel-default,
.pim-sidebar .form-control,
.pim-content .panel-default {
    border-radius: 0;
}
@media (max-width: 700px) {
    .pim-sidebar .panel-pl {
        overflow: auto;
        height: 30vh;
    }
}
.pim-content {
    margin-bottom: 25px;
}

.pim-plist-pg .btn-wbg,
.pim-pdetails-pg .btn-wbg,
.pim-pdetails-pg .btn-wbg:active,
.pim-pdetails-pg .btn-wbg:focus {
    background: #fff;
    margin-bottom: 8px;
    border: 1px solid #999;
    border-radius: 0;
}

.pim-plist-pg .btn-wbg:hover,
.pim-pdetails-pg .btn-wbg:hover {
    background-color: #34495e;
    color: #FFFFFF;
}

.pim-plist-pg .btn-wbg-select {
    background: #fff;
    margin-bottom: 8px;
    border: 1px solid #999;
    border-radius: 0;
}

.pim-plist-pg .btn-sr-clear {
    margin-top: 10px;
}

.pim-plist-pg .btn-sr-clear .fa {
    margin: 3px 0 0 15px;
}
.pim-filt-right {
    text-align: right;
}

.pim-pin .nav-pills > li.active,
.pim-pin .nav-pills > li.active:focus,
.pim-pin .nav-pills > li.active:hover {
    background-color: transparent;
}

.pim-pin .nav-pills > li.active > a,
.pim-pin .nav-pills > li.active > a:focus,
.pim-pin .nav-pills > li.active > a:hover {
    background-color: #283949;
    color: #ffffff;
    border: 1px solid #ddd;
    padding: 3px 15px;
}

.pim-filt-right .fa {
    margin-right: 10px;
    font-size: 18px;
}

.pim-filt-right .btn {
    width: 150px;
}

@media (max-width: 1200px) {
    .pim-filt-right .btn, .pim-filt-right .btn-group {
        float: left;
        clear: left;
    }
}

.pim-content .form-control-search {
    border-radius: 0;
    border: 1px solid #ccc;
    margin-bottom: 0;
    height: 32px;
}

.pim-plist-pg .btn-sr-clear {
    color: #283949;
    margin-top: 7px;
    border-radius: 0;
    padding: 3px 10px;
}

.pim-content .help-block {
    color: #283949;
}

.pim-content input[type=checkbox] {
    -ms-transform: scale(1.2); /* IE */
    -moz-transform: scale(1.2); /* FF */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    transform: scale(1.2);
    padding: 5px;
    margin-right: 3px;
    color: #585858;
}

.pim-plist {
    margin: 15px 0;
    padding: 0 10px;
}

.pim-plist .panel {
    /**
        box-shadow: 0px 2px 3px #ddd !important;
    **/
    border-color: #c7c7c7;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.pim-plist .panel:hover {
    box-shadow: 0px 2px 10px #ccc !important;
}

.pim-plist .panel-body:hover .p-caption,
.pim-plist .panel-body .p-caption:hover {
    display: block !important;
    cursor: pointer;
}

.pim-plist .caption {
    height: 40px;
    line-height: normal;
    text-align: left;
}

.pim-plist .caption label {
font-weight: normal;
    margin-bottom: 0;
    font-size: 0.95em;
    padding-left: 0;
}

.pim-plist .caption label a {
    color: #555555;
    font-size: 0.95em;
}

.pim-plist .panel-default img {
    margin: 0 auto;
    margin-bottom: 15px;
}

.pim-plist .panel-body .fa {
    font-size: 20px;
}
@media (min-width: 770px) {
    .pim-plist .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.pim-details {
    margin: 0 0 25px 0;
}

.pim-details h3 {
    font-size: 24px;
    line-height: 28px;
    color: #34495e;
}

.pim-details .txt-desc {
    font-size: 0.95em;
    color: #63707d;
}


.pim-pdetails-pg .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0px solid #bfc9ca;
}


.pim-pdetails-pg .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.pim-pdetails-pg .tab-content {
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.pim-pdetails-pg .table > tbody > tr > td {
    border: 0;
    color: #647280;
}


.pim-pdetails-pg .breadcrumb {
    margin: 0 0 10px 0;
    padding: 0;
}

.pim-pdetails-pg .breadcrumb,
.pim-admin-pg .breadcrumb {
    border: 0;
    font-size: .90em;
}

.pim-admin-pg .breadcrumb {
    padding: 5px 0 5px 0;
    border-radius: 0;
    margin: 0;
}

.pim-admin-pg .filter-box .dropdown-toggle {
    text-align: left;
    padding: 5px 10px;
    font-size: 14px;
}
.pim-admin-pg .filter-box {
    padding: 0 10px;
}

.pim-admin-pg .filter-box .col-md-3 {
    padding: 0 5px;
}

.pim-admin-nav .nav-stacked > li a {
    padding: 6px 10px;
}

.pim-admin-nav .panel-body {
    background: #eeeeee;
}

@media (min-width: 1200px) {
    .pim-admin-content {
        padding-left: 0;
    }
}

.pim-admin-content h2 {
    line-height: inherit;
}

.pim-content .categoryFooter {
    padding-top: 0;
    font-size: 0.95em;
    color: #737373;
    border: 0;
}

.pim-content .pagination {
    margin-top: 0;
    margin-bottom: 45px;
}

.pim-content .pagination > .active > a,
.pim-content .pagination > .active > a:focus,
.pim-content .pagination > .active > a:hover,
.pim-content .pagination > .active > span,
.pim-content .pagination > .active > span:focus,
.pim-content .pagination > .active > span:hover {
    background-color: #34495e;
    border-color: #283949;
    color: #fff;
}

.pim-content .pagination > li > a,
.pim-content .pagination > li > span {
    color: #283949;
}

.pd-meta {
    margin-top: 40px;
}

.pd-meta .btn {
    width: 100%;
    background: #f1f1f1;
    font-size: 1em;
    padding: 8px 12px;
}

.pd-meta .btn-dark {
    background-color: #34495e;
    color: #FFFFFF;
}
.pd-meta .btn-dark:hover {
    background-color: #f1f1f1;
    color: #283949;
}

.pd-meta .fa {
    float: left;
    font-size: 15px;
    margin-top: 2px;
}

.pim-plist-pg .text-center, 
.pim-pdetails-pg .text-center {
    text-align: center;
}

.pim-details .img-lg {
    margin: auto;
    padding: 25px 0;
}

.pd-meta .col-xs-6:first-child {
    padding-right: 0px;
}

@media (max-width: 770px) {

    .pd-meta .fa {
        display: none;
    }
    .pd-tab .nav-tabs li {
        min-width: 50%;
        border-bottom: 1px solid #dadada;
    }
}


.pd-tab .nav-tabs > li a {
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 16px;
    padding: 8px 15px 8px 15px;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pd-tab .nav-tabs > li.active > a,
.pd-tab .nav-tabs > li.active > a:hover,
.pd-tab .nav-tabs > li.active > a:focus,
.pd-tab .nav-tabs > li:hover > a {
    border: 1px solid #ddd;
    margin-left: -1px;
    background-color: #34495e;
    color: #FFFFFF;
}

.pd-tab .table th {
    border: 0;
    color: #647280;
}

.pd-tab .table td {
    line-height: 1.6em;
}

.m-load {
    color: #283949;
    border: 1px solid #283949;
    padding: 7px 35px;
}
.pim-pin {
    margin-bottom: 10px;
}
.pim-pin .nav-pills>li+li {
    margin-left: 0;
}

.pim-pin li a {
    border-radius: 0;
    padding: 3px 10px;
    border: 1px solid #ddd;
    margin: 2px 4px 2px 0;
}

.pim-pin .glyphicon {
    font-size: 11px;
    font-weight: 600;
    margin-right: 7px;
    opacity: .5;
}

    .pim-pin .glyphicon-pencil {
        margin: 0 0 0 7px;
        opacity: 1;
    }


.bottom-bar-fx {
    background: #0560af;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    padding: 0;
}

.bottom-bar-fx ul {
    margin: 0;
}

.bottom-bar-fx ul a {
    padding: 15px 20px;
    display: block;
    color: #bdc3c7
}

.bottom-bar-fx ul a .fa {
    float: left;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
}

@media (max-width: 1300px) {
    .bottom-bar-fx .container {
        width: 100%;
    }
}

.bottom-bar-fx ul a:hover {
    Background: rgba(255, 255, 255, 0.10);
}

.p-caption {
    position: absolute;
    background: rgba(197, 197, 197, 0.8);
    display: block;
    width: 100%;
    top: 0;
    left: 0px;
    z-index: 99;
    padding: 78px 40px;
    text-align: center;
}

@media (max-width: 768px) {
    .bottom-bar-fx ul a {
        padding: 13px 0px 13px 0;
    }

    .bottom-bar-fx .col-md-6 {
        text-align: center;
        padding: 5px 0 10px;
    }

    .bottom-bar-fx .col-xs-6:first-child {
        width: 55%;
    }

    .bottom-bar-fx .col-xs-6:last-child {
        width: 45%;
    }
}

.pim-img-thumb {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    max-width: 100%;
    height: 158px;
    margin: 25px;
}

.pim-img-large {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    max-width: 100%;
    height: 311px;
    margin: 25px;
}

.pim-sidebar .rtble {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: -1px;
}

.pim-sidebar .rtble.active,
.pim-sidebar .rtble:hover {
    background: #34495e;
    border: 1px solid #34495e;
}

.pim-sidebar .rtble.active a,
.pim-sidebar .rtble:hover a {
    color: #fff;
}

.rtble .pim-sthumb {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    max-width: 100%;
    height: 45px;
    margin: 5px 0;
}


/* width */
.pim-pdetails-pg ::-webkit-scrollbar,
.pim-plist-pg ::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.pim-pdetails-pg ::-webkit-scrollbar-track,
.pim-plist-pg ::-webkit-scrollbar-track {
    background: #eeeeee;
}

/* Handle */
.pim-pdetails-pg ::-webkit-scrollbar-thumb,
.pim-plist-pg  ::-webkit-scrollbar-thumb{
    background: #cccccc;
}

/* Handle on hover */
.pim-pdetails-pg ::-webkit-scrollbar-thumb:hover,
.pim-plist-pg  ::-webkit-scrollbar-thumb:hover{
    background: #555;
}

/*  PIM Collection modal */
.pim-collections-modal .pim-img-thumb {
    height:50px;
    margin:5px;
}

.pim-collections-modal .cart-product-id,
.pim-collections-modal .cart-description {
    text-align: left;
}


@media (min-width: 768px) {
    #createCategory .modal-dialog {
        width: 900px;
        top: 20px;
        margin: 30px auto;
    }
}

#createCategory .modal-title {
    margin: 7px 0;
    padding: 0;
}

.m-create-category .pdtx-5 {
    padding-top: 7px;
}


#createCategory .m-create-category .form-control {
    border: 1px solid #ccc;
}

.m-create-category .checkbox,
.m-create-category .radio {
    margin-top: 0;
}

.m-create-category .checkbox label,
.m-create-category .radio label {
    padding-left: 0;
}

/* draggable targets */
.m-create-category [data-draggable="target"] {
    float: left;
    list-style-type: none;
    width: 100%;
    height: 30.0em;
    overflow-y: auto;
    margin: 0 0.5em 0.5em 0;
    padding: 15px;
    border: 1px solid #888;
    border-radius: 0.2em;
    background: #f6f6f6;
    color: #555;
}

/* draggable items */
.m-create-category [data-draggable="item"] {
    display: block;
    list-style-type: none;
    margin: 0 0 2px 0;
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
    line-height: 1.3;
}

.m-create-category .mvitem {
    cursor: move;
}

.m-create-category [data-draggable="item"]:hover {
    background: #fff;
}

.m-create-category .form-group {
    margin-bottom: 10px;
}

.tbl-plist-manage th {
    text-align: left;
}

.pim-td-action {
    text-align: center;
    padding: 3px !important;
}

.pim-td-action svg {
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

.pim-pdetails-pg .fa.fa-refresh,
.pim-plist-pg .fa.fa-refresh {
    font-size: 18px;
    display: block;
}


#exportProductDetails {
    margin-top: 20px;
}

#exportProductDetails .modal-title  {
    padding: 5px 0;
}

.pim.tree-view-wrapper {
    list-style: none;
}

.pim.tree-view-wrapper .fa-plus-square {
    cursor: pointer;
    margin-right: 0;
    font-size: 16px;
    color: #666;
}

.pim.tree-view-wrapper .fa-plus-square:hover {
       color: #333;
}

.pim.tree-view-wrapper {
    padding-left: 20px;
}

.pim.tree-view-wrapper li ul {
    list-style: none;
    margin-bottom: 10px;
}

.pim.tree-view-wrapper .checkbox {
    display: inline;
}

.pim.tree-view-wrapper li label {
    margin-bottom: 3px;
    padding-left: 8px;
    font-weight: 600;
}

.pim.tree-view-wrapper li ul li label {
    font-weight: normal;
    color: #666;
}

.pim.tree-view-wrapper .tree-checkbox {
    margin-right: 7px;
    margin-left: 5px;
}


.pim-sidebar .fa-arrow-left {
    float: left;
    font-size: 13px;
    margin-top: 4px;
}

.pim-sidebar .plist-by-cat {
    max-height: 35vh;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .pim-sidebar .plist-by-cat {
        max-height: 75vh;
        overflow-y: auto;
    }
}

.pim-sidebar .plist-by-cat h4 {
    padding: 5px 0 8px 0;
    color: #34495e;
}

@media (max-width: 768px) {
    
    .pim-sidebar #rtble {
        height: 0px;
    }
}

.tab-info-group {
    margin-bottom: 15px;
}


.pp-treeview {
    padding: 5px 30px 30px;
}

.pp-treeview .cell-name {
    position: relative;
}


.pp-treeview input[type=checkbox].ng-empty.intermediate:before {
    position: absolute;
    top: 4px;
    left: 25px;
    content: "_";
    line-height: 0;
    font-weight: bolder;
    font-size: 18px;
}

.pp-treeview input[type=checkbox].ng-not-empty.intermediate:before {
    display: none;
}

.pp-treeview input[type=checkbox] {
    display: inline;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.pp-treeview .table-nested .indent {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    margin-right: 5px;
}

@media (max-width: 768px) {
    .sscreen-only {
        display: none;
    }
}

.pim-admin-nav .nav-stacked > li a.active {
    background: #fff;
    font-weight: 600;
    border-radius: 0;
}

.pim-admin-content .loader {
    width: 50px;
    margin: 0 auto;
}
.pim-admin-content .loader .fa-refresh {
    font-size: 18px;
}

.input-txt-sm {
    border: 1px solid #BDC3C7 !important;
    height: 30px !important;
}

.tbl-plist-manage th.text-center {
    text-align: center !important;
}
.responsive{width:100%;border-collapse:collapse}@media only screen and (max-width:800px){.responsive>tbody,.responsive>tbody>tr,.responsive>thead,.responsive>thead>th{display:block}.responsive>tbody>tr>th,.responsive>thead>tr,.responsive>thead>tr>th{position:absolute;top:-9999px;left:-9999px}.responsive>tbody>tr{border:1px solid #ccc}.responsive>tbody>tr>td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%!important;white-space:normal;text-align:left;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;min-height:1em}.responsive>tbody>tr>td::before{position:absolute;left:6px;width:45%;padding-right:10px;-ms-word-wrap:break-word;word-wrap:break-word;text-align:left;font-weight:700;content:attr(data-title)}.responsive td.responsive-omit-title:nth-child(even),.responsive td.responsive-omit-title:nth-child(odd){padding-left:6px}.responsive td.responsive-omit-if-empty:empty,.responsive td.responsive-omit-title::before{display:none}}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

.ta-hidden-input {
    width: 1px;
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -10000px;
    left: -10000px;
    opacity: 0;
    overflow: hidden;
}

/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ta-editor.ta-html, .ta-scroll-window.form-control {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}

.ta-scroll-window.form-control {
    position: relative;
    padding: 0;
}

.ta-scroll-window > .ta-bind {
    height: auto;
    min-height: 300px;
    padding: 6px 12px;
}

.ta-editor:focus {
    user-select: text;
}

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
    z-index: 100;
    position: absolute;
    display: none;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-info {
    position: absolute;
    bottom: 16px;
    right: 16px;
    border: 1px solid black;
    background-color: #FFF;
    padding: 0 4px;
    opacity: 0.7;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-background {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    top: 5px;
    border: 1px solid black;
    background-color: rgba(0, 0, 0, 0.2);
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
    width: 10px;
    height: 10px;
    position: absolute;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{
    top: 0;
    left: 0;
    border-left: 1px solid black;
    border-top: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{
    top: 0;
    right: 0;
    border-right: 1px solid black;
    border-top: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{
    bottom: 0;
    left: 0;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{
    bottom: 0;
    right: 0;
    border: 1px solid black;
    cursor: se-resize;
    background-color: white;
}

/* copy the popover code from bootstrap so this will work even without it */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
    margin-top: -10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}

div.auto-complete-container {
    border: 1px solid lightsteelblue;
    background-color: #cccccc;
    white-space: nowrap;
}

    div.auto-complete-container.unselectable {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

div.auto-complete-absolute-container {
    position: absolute;
    z-index: 10000;
}

div.auto-complete-container ul.auto-complete-results {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}

    div.auto-complete-container ul.auto-complete-results li.auto-complete-item {
        list-style-type: none;
        padding: 8px 5px;
        background-color: #efefef;
        color: Black;
        cursor: pointer;
        font-weight: bold;
    }

    div.auto-complete-container ul.auto-complete-results li:not(:first-child) {
        margin-top: 1px;
    }

    div.auto-complete-container ul.auto-complete-results li.auto-complete-item:hover {
        background-color: #6699FF;
        color: White;
    }

    div.auto-complete-container ul.auto-complete-results li.auto-complete-item-selected {
        background-color: #6699FF;
        color: White;
    }

    div.auto-complete-container ul.auto-complete-results li.auto-complete-item.auto-complete-no-match {
        background-color: #efefef;
        color: Black;
        white-space: initial;
    }

div.auto-complete-container table.auto-complete {
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    border-width: 0px;
    border-style: none;
}

    div.auto-complete-container table.auto-complete tr {
        white-space: nowrap;
        text-align: left;
    }

    div.auto-complete-container table.auto-complete tbody tr > td {
        padding: 0px;
        background-color: transparent;
        border-width: 0px;
	}

/*!
angular-xeditable - 0.8.1
Edit-in-place for angular.js
Build date: 2017-11-14 
*/

.editable-wrap{display:inline-block;white-space:pre;margin:0}.editable-wrap .editable-controls,.editable-wrap .editable-error{margin-bottom:0}.editable-wrap .editable-controls>input,.editable-wrap .editable-controls>select,.editable-wrap .editable-controls>textarea{margin-bottom:0}.editable-wrap .editable-input{display:inline-block}.editable-buttons{display:inline-block;vertical-align:top}.editable-buttons button{margin-left:5px}.editable-input.editable-has-buttons{width:auto}.editable-text{white-space:nowrap}.editable-bsdate{white-space:nowrap}.editable-bstime{white-space:nowrap}.editable-bstime .editable-input input[type=text]{width:46px}.editable-bstime .well-small{margin-bottom:0;padding:10px}.editable-range output{display:inline-block;min-width:30px;vertical-align:top;text-align:center}.editable-color input[type=color]{width:50px}.editable-checkbox label span,.editable-checklist label span,.editable-radiolist label span{margin-left:7px;margin-right:10px}.editable-hide{display:none!important}.editable-click,a.editable-click{text-decoration:none;color:#428bca;border-bottom:dashed 1px #428bca}.editable-click:hover,a.editable-click:hover{text-decoration:none;color:#2a6496;border-bottom-color:#2a6496}.editable-empty,.editable-empty:hover,.editable-empty:focus,a.editable-empty,a.editable-empty:hover,a.editable-empty:focus{font-style:italic;color:#D14;text-decoration:none}.ui-popover-wrapper a{display:inline!important}.ui-popover-wrapper form{display:none!important}.popover-wrapper>a{display:inline!important}.popover-wrapper{display:inline;position:relative}.popover-wrapper form{position:absolute;top:-53px;background:#FFF;border:1px solid #AAA;border-radius:5px;padding:7px;width:auto;display:inline-block;left:50%;z-index:101}.popover-wrapper form:before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #AAA;position:absolute;bottom:-10px}.popover-wrapper form:after{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #FFF;position:absolute;bottom:-9px}@media screen and (max-width:750px){.popover-wrapper form{margin-left:-60px}.popover-wrapper form:before{left:50px}.popover-wrapper form:after{left:51px}}@media screen and (min-width:750px){.popover-wrapper form{margin-left:-110px}.popover-wrapper form:before{left:100px}.popover-wrapper form:after{left:101px}}
.angular-color-picker {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    display: inline-block;
}
.angular-color-picker > ._variations {
    border: 1px solid #808080;
    width: 200px;
    height: 200px;
    float: left;
    transition: background-color 250ms;
}
.angular-color-picker > ._variations > ._whites {
    width: 200px;
    height: 200px;
    background: -webkit-linear-gradient(left, #fff 0, transparent 100%);
    background: -moz-linear-gradient(left, #fff 0, transparent 100%);
    background: -ms-linear-gradient(left, #fff 0, transparent 100%);
    background: linear-gradient(to right, #fff 0, transparent 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType='1')";
}
.angular-color-picker > ._variations > ._whites > ._blacks {
    width: 200px;
    height: 200px;
    background: -webkit-linear-gradient(top, transparent 0, #000 100%);
    background: -moz-linear-gradient(top, transparent 0, #000 100%);
    background: -ms-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(to bottom, transparent 0, #000 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000')";
    position: relative;
}
.angular-color-picker > ._variations > ._whites > ._blacks > ._cursor {
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-right-color: #000;
    border-left-color: #000;
    border-radius: 5px;
}
.angular-color-picker > ._variations > ._whites > ._blacks > ._mouse-trap {
    position: relative;
    z-index: 1;
    width: 200px;
    height: 200px;
}
.angular-color-picker > ._hues {
    border: 1px solid #808080;
    position: relative;
    margin-left: 210px;
    height: 200px;
    width: 30px;
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.angular-color-picker > ._hues > ._cursor {
    position: absolute;
    left: -7px;
    width: 33px;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #808080;
    border-right-color: #808080;
}
.angular-color-picker > ._hues > ._mouse-trap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 30px;
    height: 200px;
}
/* Heavily based on: http://jsfiddle.net/bgrins/Whc6Z/ */
.angular-color-picker > ._hues > ._ie-1 {
    height: 17%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')";
}
.angular-color-picker > ._hues > ._ie-2 {
    height: 16%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')";
}
.angular-color-picker > ._hues > ._ie-3 {
    height: 17%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')";
}
.angular-color-picker > ._hues > ._ie-4 {
    height: 17%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')";
}
.angular-color-picker > ._hues > ._ie-5 {
    height: 16%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')";
}
.angular-color-picker > ._hues > ._ie-6 {
    height: 17%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')";
}

.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url(/app/lib/angular-ui-select/select2.png) right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/app/lib/angular-ui-select/select2.png) no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url(/app/lib/angular-ui-select/select2.png) no-repeat 100% -22px;
    background: url(/app/lib/angular-ui-select/select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(/app/lib/angular-ui-select/select2.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/app/lib/angular-ui-select/select2.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/app/lib/angular-ui-select/select2.png) no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100%;
    background: url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url(/app/lib/angular-ui-select/select2-spinner.gif) no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url(/app/lib/angular-ui-select/select2.png) right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url(/app/lib/angular-ui-select/select2x2.png) !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}
@font-face {
  font-family: 'icomoon';
  src:  url(/app/lib/icomoon/fonts/icomoon.eot?o0enn5);
  src:  url(/app/lib/icomoon/fonts/icomoon.eot?o0enn5#iefix) format('embedded-opentype'),
    url(/app/lib/icomoon/fonts/icomoon.ttf?o0enn5) format('truetype'),
    url(/app/lib/icomoon/fonts/icomoon.woff?o0enn5) format('woff'),
    url(/app/lib/icomoon/fonts/icomoon.svg?o0enn5#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-emerchandise:before {
  content: "\e900";
}
.icon-operation:before {
  content: "\e901";
}
.icon-nacs:before {
  content: "\e902";
}
.icon-tools:before {
  content: "\e903";
}
.icon-award:before {
  content: "\e904";
}


.bg-base {
    background: #056298 !important;
}
.bg-base-border {
    border: 1px solid #056298 !important;
}
.bg-light-blue {
    background: #edf5ff;
}

.navbar {
  min-height: 40px;
}

.navbar-default {
  background-color: #e6f0fc;
  border-color: #bed2ea;
}

.navbar-default a {
  font-weight: bold;
  color: #5a5a5a !important;
  text-transform: uppercase;
}

h4.event-title {
    font-size: 2.0em;
    padding: 1.5em 0 0 0em;
}

.ev-rgi .bg-light-blue {
    background: #f7f7f7;
}

.ev-date-inline .form-control {
    width: 70px;
    margin-right: 5px;
}

.ev-rgi .main-tabs > li p {
    text-transform: capitalize;
    font-weight: 400;
    font-family: sans-serif;
    color: #8c8c8c;
    letter-spacing: .02em;
    font-size: 0.9em;
}

.ev-rgi .main-tabs h3 {
    font-size: 1.1em;
    text-transform: uppercase;
    padding-bottom: 0px;
    letter-spacing: .02em;
    line-height: normal;
}

@media (min-width: 768px) {
    .ev-rgi .main-tabs h3 {
        font-size: 1.3em;
    }
 }

@media (min-width: 992px) {
    .ev-rgi .main-tabs h3 {
        font-size: 1.4em;
        text-transform: uppercase;
        padding-bottom: 5px;
    }
    .ev-rgi .main-tabs > li p {
        font-size: 0.95em;
    }
}

.sub-title {
    font-weight: 500;
    font-size: 1.3em;
    color: #056298;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav {
  font-size: 13px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: #bed2ea;
  border-bottom: 3px solid #333;
}

.ev-rgi .mhheat-add-s1 {
    padding-right: 15px !important;
}

.ev-rgi .main-tabs {
    border: 0;
    margin-bottom: 0;
}

.ev-rgi .main-tabs > li {
    width: 25%;
    background: transparent;
}



.ev-rgi .main-tabs > li.active > a,
.ev-rgi .main-tabs > li.active > a:focus,
.ev-rgi .main-tabs > li.active > a:hover {
    border: 0;
    background: transparent;
    color: #555 !important;
}

.ev-rgi .main-tabs > li:hover a {
    border: 0;
    background: #eee;
    color: #555 !important;
}

    .ev-rgi .main-tabs > li.active {
        border: 1px solid #d9d9d9;
        background: #fff;
        border-bottom: 0;
    }
.ev-rgi .main-tabs > li.active hr {
    visibility: visible !important;
}


.main-tabs .active h3 {
    color: #171717;
}

.ev-rgi .btn-alt .btn-xs {
    background: transparent;
}


.action-bar .btn-alt {
    margin-bottom: 10px;
}

.ev-rgi .main-tabs hr {
    width: 41%;
    float: left;
    margin-top: 0;
    color: #056298;
    background: #056298;
    border-top-color: #ccc;
}

.ev-rgi .prvc a,
.ev-rgi .prvc a:focus,
.ev-rgi .prvc a:visited,
.ev-rgi .prvc a:hover {
    color: #056298;
    text-decoration: none;
}

.ev-rgi .tab-content {
    border: 1px solid #d9d9d9;
    background: #fff;
}

    .ev-rgi .tab-content > .tab-pane {
        margin-top: 45px;
    }

.rsvp-create-event {
    margin-bottom: 25px;
}

.rsvp-create-event .tab-content > .tab-pane {
    margin-top: 45px;
}

.ev-rgi .form-control {
    border: 1px solid #adacac;
    border-radius: 3px;
    padding: 6px 12px;
    color: #333;
    background: #ffffff;
}

.ev-rgi .form-control:focus {
    border: 1px solid #000000;
    background: #ffffff;
}

.ev-rgi .input-sm {
    border: 1px solid #adacac;
    border-radius: 0;
    padding: 3px 12px;
    height: 30px;
    color: #333;
    margin-bottom:0;
}

.ev-rgi #srch-term-nac-title {
    padding: 5px 12px;
    height: 30px;
}

.ev-rgi .btn-alt {
    border-radius: 3px;
    background-color: #056298;
    border: 1px solid #044d77;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
    color: #fff;
}
.ev-rgi .btn-alt:hover {
    background-color: #044d77;
}

.ev-rgi .selected-layout {
    border: 2px solid #1566d1;
}

.ev-rgi .btn-alt2 {
    border-radius: 0;
    background-color: #337ab7;
    border: 1px solid #656260;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
    color: #fff;
}

.ev-rgi .btn-lg {
    text-transform: uppercase;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}

.ev-rgi .action-bar .btn-lg {
    text-transform: uppercase;
    font-size: 1.0em;
    letter-spacing: 0.05em;
    width: 100%;
    padding: 10px 0;
    text-align:center;
}

.ev-rgi .action-bar .no-gutters .col-md-2 {
    padding-right: 5px;
    padding-left: 5px;
}


@media (min-width: 768px) {
    .ev-rgi .action-bar .col-sm-2 {
        width: 19.666667%;
    }
}

@media (min-width: 992px) {
    .ev-rgi .action-bar .col-sm-2 {
        width: 16.66666667%;
    }
}
 

.bg-white {
    background-color: #fff;
}

.white-color {
    color: #fff;
}

.ev-rgi .bg-light-blue2 {
    background-color: #5194ec;
    border: 1px solid #5194ec;
}
.ev-rgi .bg-orange {
    background-color: #ec8751;
    border: 1px solid #dc7139;
}
.ev-rgi .bg-black {
    background-color: #7f7a77;
    border: 1px solid #7f7a77;
}
.ev-rgi .bg-red {
    background-color: #ee6e68;
    border: 1px solid #ee6e68;
}

.ev-rgi .input-addon-alt {
    font-weight: 600;
    font-size: 20px;
    background: #337ab7;
    color: #fff;
    border-color: #666;
    border-radius: 0;
}

.ev-rgi .table-alt {
    border: 1px solid #ccc;
}

.ev-rgi .search-section {
    margin-bottom: 25px;
}

.ev-rgi .check-box-b {
    background: #fff;
    border: 1px solid #d8d5d5;
    margin: 0 0 15px;
    padding: 1px;
    font-size: 12px;
    cursor: move;
}
    .ev-rgi .check-box-b .p-3,
    .ev-rgi .check-box-b .p-3 label {
        cursor: move;
    }
    .ev-rgi .check-box-b .fa.fa-bars {
        margin: 0 10px 1px 0;
    }


.ev-rgi .edit-field .check-box-b {
    margin-bottom: 0
}

.check-box-b .badge {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0;
    font-weight: normal;
    padding: 3px 7px 4px 8px;
    font-size: 14px;
}

.ev-rgi .edit-field .row.edit {
    margin: 0;
    background: #f3f3f3;
    margin-top: -1px;
    border: 1px solid #d8d5d5;
    border-top: 0;
}

.ev-rgi .bg-light-gray {
    background: #eee;
}

.bg-gray {
    background: #ddd;
}

.temp {
  border: 1px solid #ddd;
}
/*
.ev-rgi .section {
    margin-bottom: 4.0em;
}
*/
.ev-rgi .section-action {
    margin: 35px 0;
}

.ev-rgi table th {
    background: #45586b;
    border-left: 1px solid #ddd !important;
    color: #fff;
}

.reg-section table td {
    border-right: 1px solid #eee;
}

.ev-rgi .table-responsive {
    padding: 1px;
    border: 1px solid #edeff1;
    min-height: 200px; /*300px*/
}
.ev-rgi .nac-table {
    margin: 0;
}

.brand-bar {
  padding: 5px;
}

.ev-rgi .edit-field {
    margin-bottom: 15px;
}

.ev-rgi .brand-bar .brand-name {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 15px 0 0;
}

.bg-temp-2 {
  background: url(/content/images/event-2-bg.jpg) no-repeat;
}

.brand-bar .brand-logo {
    width: 200px;
    height: 50px;
}

.ev-rgi .brand-banner,
.ev-rgi .banner-bar {
    width: 100%;
    height: 280px;
    background: #383838;
}


.bg-w2 {
    background: rgba(255, 255, 255, 1);
    margin-top: 0;
    border: 1px solid #eee !important;
    margin-bottom: 25px;
}

.reg-section {
    padding: 0 20px 20px;
}

.reg-section h1 {
    margin: 50px 0 60px;
    font-size: 30px;
}

/*
.reg-section span {
  color: #1a73e8;
}
*/

#basicInformation .popover-content {
  width: 250px;
}

.ev-rgi .bg-success {
    background-color: #dff0d8;
    color: #333;
}

.ev-rgi .edit a {
    color: #056298;
}

.ev-rgi .position-right {
    position: absolute;
    right: 68px;
    top: 12px;
    opacity: .8;
    z-index: 99;
}

.nac-list .position-right {
    right: 25px;
    top: 10px;
}

.p-relative {
    position: relative;
}

.p-relative .p-r {
    position: absolute;
    right: 7px;
    top: -3px;
}

.ev-rgi .p-3 {
    padding: 4px 0;
}

.ev-rgi .myb-10 {
    margin-bottom: 10px;
}
.ev-rgi .myt-10 {
    margin-top: 10px;
}
.event-tmp-design label {
    margin-bottom: 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 2px;
}

.event-tmp-design .section{
    margin-bottom: 25px;
}

.vertical-center {
    margin: 0;
    margin-top: 10%;
}

.ev-rgi-done {
    min-height: 60vh;
    position: relative;
}

.ev-rgi-done h2 {
    line-height: 40px;
}


.ev-rgi-done h2 span {
    padding: 2px 15px;
    background: #056298;
    color: #fff;
    margin: 24px 0;
    font-size: 21px;
}

.ev-regi-error {
    padding: 5px 15px;
    color: red;
    background: #f3f3f3;
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#e6e6e6 100%);
    background: radial-gradient(ellipse at center, #fff 0%,#e6e6e6 100%);
}

.regi-sucess {
    color: #8a8a8a;
}

h3.regi-sucess {
    font-size: 3.5rem;
    color: #03b500;
    margin: 10px 0 2px;
}

.ev-regi-error a {
    color: #056298;
}

/*
    .ev-rgi-done h2 .glyphicon {
        border-radius: 50%;
        padding: 20px;
    }
*/


.ev-rgi .productFilter {
    border: 0;
    margin-top: 10px;
}

.ev-rgi .dropdown-header, 
.ev-rgi .dropdown-menu > li > a {
    padding: 3px 10px;
}

.ev-rgi .btn-thin-filter {
    border-radius: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid rgb(151 151 151);
    color: #525252;
    background: #fff !important;
}

.ev-rgi .fa-spin {
    font-size: 18px;
}

.ev-rgi .noRecord h4 {
    color: #056298;
    padding: 0;
}

.ev-rgi .pagination > .active > a,
.ev-rgi .pagination > .active > a:focus,
.ev-rgi .pagination > .active > a:hover,
.ev-rgi .pagination > .active > span,
.ev-rgi .pagination > .active > span:focus,
.ev-rgi .pagination > .active > span:hover {
    background: #056298;
}

.ev-rgi .search-section .fa-spinner {
    position: absolute;
    font-size: 18px;
    top: 9px;
    right: 84px;
    z-index: 99;
}

.check-box-b .bg-light-blue label {
    font-weight: normal;
}

.ev-rgi .text-center {
    text-align: center;
}

.ev-rgi .text-right {
    text-align: right;
}

.ev-rgi .tblfooter {
    margin: 0 0 20px;
    padding-top: 5px;
}

.ev-rgi .event-filter {
    margin-top: 10px;
}

.m-r-10 {
    margin: 0px 0px 0px 10px;
}

.action-td {
    min-width: 60px;
}

.ev-rgi .table-striped > tbody > tr.deleted {
    background-color: #feefef;
}

.ev-rgi .table-striped > tbody > tr.publish {
    background-color: #f4fff4;
}

.ev-rgi .table-striped > tbody > tr.completed {
    background-color: #c8e0c8;
}

.ev-rgi .table-striped > tbody > tr.draft {
    background-color: #fff;
}

.ev-rgi .btn-blue {
    background-color: #056298;
    color: white;
}

.ev-rgi .blue-color {
    color: #056298;
}

.ev-rgi .btn-blue-reverse {
    background-color: white;
    color: #056298;
}

.ev-rgi .pagination {
    margin: 0px 0;
}

.ev-rgi .fa-2x {
    font-size: 18px;
    color: #337ab7;
}

.ev-rgi .noRecord,
.ev-rgi .noRecord-at {
    color: #056298;
    padding: 56px 0 56px;
}

.ev-rgi .noRecord-at {
    border: 1px solid #ccc;
    margin-top: 15px;
}
    .ev-rgi .noRecord h3 {
    margin-top: 25px;
}

.ev-rgi .noRecord img {
   opacity: 0.7;
}


.ev-rgi .noRecord.admin-list {
    margin-top: 0px;
}

.ev-rgi .red {
    color: #dc3545;
}


.ev-rgi tr.CartProduct td,
.ev-rgi tr.CartProduct th {
    text-align: left !important;
}

.ev-rgi .w-100 {
    width: 100px;
}

.ev-rgi .label-primary {
    background: #056298;
}

.ev-rgi .loading {
    padding: 10px 0;
}

.additional-field .modal-header,
.upload-xls .modal-header {
    background: #056298;
}
@media (min-width: 1023px) {
    .modal-title-site {
        font-size: 18px;
        padding: 8px;
    }
}

.upload-xls .additional-field {
    margin-top: 70px;
}


.ev-rgi .reg-section input[type=checkbox],
.ev-rgi .reg-section input[type=radio] {
    transform: scale(1.2);
    margin-right: 5px;
}

.event-title {
    font-size: 2.50em;
    padding: 1em 0 0;
}

    .event-title span {
        display: block;
        color: #b1afaf;
        font-size: 0.5em;
        margin-bottom: 8px;
    }


.ev-rgi .required {
    color: inherit;
}

.ev-rgi .form-group.required .control-label::after {
    content: "*";
    color: red;
}

.ev-rgi .bg-success {
    background-image: none;
}


.ev-rgi input.submitted.ng-invalid {
    border: 1px solid #f00;
}

.ev-rgi select.submitted.ng-invalid {
    border: 1px solid #f00;
}

.ev-rgi .btn-defaultmine {
    background-color: #f7fafc;
    color: #000000;
}

.ev-rgi .error {
    color: red;
}

.ev-rgi .errorbold {
    color: red;
    font-weight: bold;
}

.ev-rgi .textbold {
    font-weight: bold;
}

.ev-rgi .custom-control-label::before,
.ev-rgi .custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}

.ev-rgi .black-color {
    color: #000 !important;
}

.ev-rgi .preview {
    background: #ce3800;
    color: #fff !important;
    padding: 5px 15px;
    z-index: 999;
    border: 1px solid #a52d00;
    margin-top: 0;
}

.ev-rgi .page-title {
    padding: 0;
    padding-bottom: 5PX;
}

.preview-mode {
    background: #ffcfcf;
    padding: 12px 0;
    font-size: 16px;
    color: #d10000;
    top: 0;
    right: 0;
    left: 0;
}

.attendee-mode {
    background: #eff2f5;
    padding: 10px 3px 0px 0px;
    margin: 0;
}

.ev-rgi .on-pointer {
    cursor: pointer;
}

#basicInformation .input-group.has-error,
#basicInformation .form-group.has-error {
    margin-bottom: 30px;
}

#basicInformation .form-group, 
#basicInformation .input-group {
    position: relative;
}

#basicInformation .has-error.validationMessage {
    position: absolute;
    width: 100%;
    top: 34px;
    line-height: 34px;
    left: 0px;
}

#basicInformation .brandlist .has-error.validationMessage {
    top: 60px;
}

.ev-rgi .table > tbody > tr > td,
.ev-rgi .table > tbody > tr > th,
.ev-rgi .table > tfoot > tr > td,
.ev-rgi .table > tfoot > tr > th,
.ev-rgi .table > thead > tr > td,
.ev-rgi .table > thead > tr > th {
    border-top: 1px solid #edeff1;
}

.ev-regi-error h3 span {
     color: #000;
    display: block;
    font-size: 2.5rem;
    margin: 10px 0;
}
}

.rev-registration-form {
    padding-bottom: 0;
}

.rev-registration-form label {
    display: block;
}

.details-info {
    position: absolute;
    width: 400px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #8c8c8c;
    padding: 15px;
    box-shadow: 1px 2px 5px #999;
    top: 25px;
    right: 0;
}

@media (max-width: 992px) {
    .details-info {
        width: 335px;
    }
}

    .details-info .table td {
        text-align: left;
    }

    .details-info .table td:first-child {
        font-weight: 700;
    }

.nav-tabs li a {
    color: #908f8f;
    padding: 25px 25px 10px 25px;
    background: #f3f3f3;
}
@media (max-width: 765px) {
    .nav-tabs li a {
        padding: 10px 5px 3px 10px;
    }
}

.evr.breadcrumb {
    margin: 0;
    border: 0;
    padding-left: 0;
    border-radius: 0;
    color: #9e9e9e;
    font-size: 13px;
}

.evr.breadcrumb a {
    color: #9e9e9e;
}

a.share-tab {
    border-right: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
}

.ev-rgi .action-td .dropdown-menu {
    margin-right: 45px;
    width: 300px !important;
    min-width: 300px !important;
    top: 0;
    padding: 7px;
}

.ev-rgi .action-td .list-inline > li {
    padding-left: 0;
    padding-right: 0;
    float: left;
}
.ev-rgi .action-td .dropdown-menu > li > a {
    text-align: center;
    border: 1px solid #ddd;
    width: 50px;
    margin: 2px;
    padding: 5px 0;
}

.ev-rgi .no-gutters .col-md-6 {
    padding: 0 10px;
}

.check-box-b .fa-bars {
    position: absolute;
    right: -9px;
    font-size: 12px;
    padding: 4px 6px 5px 6px;
}

.py-4 {
    padding: 15px 0;
}

.btn-style-none {
    background: transparent;
    border: 0;
    box-shadow: none;
}

/** Event styles **/

.mhevent {
    font-size: 100%;
}

.event-list {
    margin-bottom: 35px;
    margin-top: 15px;
}

.event-list .thumbnail {
    box-shadow: 0px 0px 10px #dfdfdf;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 1px;
    height: 310px;
    overflow-y: auto;
    -webkit-transition: background 1s; /* Safari prior 6.1 */
    transition: background 1s;
    border-radius: 0;
}

.event-list .thumbnail .btn-registar {
    margin-top: 5px;
    background: #00837b;
    border: 1px solid #50bdb6;
}

.event-list .caption h3 {
    margin: 0 0 4px;
    font-weight: 500;
    font-size: 1.2em;
    padding-bottom: 2px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-list .thumbnail .caption {
    padding: 12px 15px;
    line-height: normal;
}

.event-list .thumbnail .img-responsive {
    width: 100%;
    max-height: 187px;
    -webkit-transition: display 0.5s; /* Safari prior 6.1 */
    transition: display 0.5s;
}

.event-list .thumbnail .location {
    font-weight: 500;
    margin: 3px 0 6px 0;
    font-size: 13px;
    line-height: 18px;
    color: #6b6a6a;
}

.event-list .thumbnail .date-time {
    font-size: 13px;
    color: #7f8b91;
}

.event-list .thumbnail .open > .dropdown-menu {
    right: 0;
    left: inherit;
    top: inherit;
    bottom: 35px;
    border-top: 1px solid #b9b9b9;
    border-radius: 0;
}

.event-details {
    background: #fff;
    border-radius: 5px;
}

.event-details .event-banner {
    background: #ececec;
    height: 300px;
    background-size: cover;
    background-size: 100% 100%;
    border-bottom: 1px solid #ececec;
}

.event-details .caption {
    padding: 30px 30px 20px;
    text-align: center;
    background: #fafafa;
}

.event-details .event-banner .txt-bg{
    background: #fffffff5;
    margin-top: 1px;
    line-height: normal;
    padding: 8px;
    display: table;
}

.event-banner .location {
    color: #878383;
}

.event-details .caption h4 {
    font-size: 18px !important;
    font-weight: normal;
    color: #616161;
}

.event-banner-2 {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.event-banner-2 h2 {
    padding: 20px 0 5px;
}

.event-details .date-time {
    color: #056298;
}

.event-details .event-banner-2 h4 {
    font-size: 16px !important;
    font-weight: normal;
    color: #7c7c7c;
}

.event-details .location .fa-map-marker {
    margin-right: 8px;
}

.event-details .btn-registar {
    width: 220px;
    margin-top: 15px;
    background: #00837b;
    border: 1px solid #2f928c;
}
.ev-regi-pg-footer {
    text-align: center;
    background: #fbfbfb;
    border-top: 1px solid #ececec
}

.event-details .label-success,
.event-list .label-success {
    background-color: #699001;
}

.event-details .label-warning,
.event-list .label-warning {
    background-color: #e46100;
}

.event-list .location .fa-map-marker {
    margin-right: 4px;
    color: #0081e4;
    font-size: 18px;
}

.event-details .label-info,
.event-list .label-info {
    background-color: #0081e4;
}

.mhevent .label {
    font-size: 85%;
    border-radius: 2px;
}

.event-details .event-banner h2 {
    font-size: 2.0em;
    font-weight: 600;
    margin-top: 15px;
}

.mhevent .top-main-nav {
    padding: 9px 9px 7px;
    background: #edeff1a6;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.mhevent .breadcrumb {
    padding: 3px 0px;
    margin-bottom: 15px;
    list-style: none;
    background-color: transparent;
    border-radius: 2px;
    font-size: 1em;
}

.mhevent .top-main-nav .col-lg-2 {
    padding-left: 5px;
    padding-right: 5px;
}

.mhevent .img-banner {
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
}

.show_bg_2 {
    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73));
    width: 80%;
    height: 400px;
    background-size: cover;
}

.event-list-thumb {
    position: relative;
}

.event-list .thumbnail:hover {
    border: 1px solid #056298
}

.event-list .thumbnail:hover a {
    text-decoration: none;
}

.event-list .thumbnail:hover .horizontal-menu {
    color: #fff;
}

.event-list .thumbnail .horizontal-menu {
    color: #696767;
    font-size: 25px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    cursor: pointer;
}

.event-list .thumbnail h3 a {
    color: #056298;
}


.rsvp-edit-menu a {
    color: #333 !important;
}

.event-list-thumb-img {
    display: block;
    width: 100%;
    height: 150px;
    background: #283949;
}

.event-list-tags {
    position: absolute;
    bottom: 20px;
    left: 15px;
}

.event-list-tags .label,
.event-details-tags .label {
    font-size: 82% !important;
    padding: .35em .8em;
    font-weight: 600;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 0 1px;
}

.event-details .event-list-tags {
    position: absolute;
    top: -20px;
    left: 0;
    bottom: initial;
}

.event-details-tags .label {
    margin: 0 5px 0 0;
    opacity: .7;
}

.event-details .date-time {
    color: #056298;
}

.ev-tags {
    position: absolute;
    top: 88px;
}

.menu-item-vertical {
    padding: 2px 5px 0;
}

.menu-item-vertical a:hover {
    color: #313534;
    text-decoration: none;
}

.menu-item-vertical .txt-vert {
    padding: 5px 0 0 5px;
}

.top-main-nav .fa-search {
    position: absolute;
    right: 26px;
    top: 8px;
    opacity: .4;
}

.mhevent .btn-load {
    padding: 12px 40px;
    border: 1px solid #888;
    margin-top: 15px;
}

.mhevent .btn-load:hover {
    text-decoration: none;
    background-color: #fff;
}

.rsvp-calendar {
    margin-left: 0;
}

.rsvp-calendar .item {
    width: 68px;
    margin-right: 2px;
    height: auto;
    margin-bottom: 2px;
    background: #ffffff;
    border-color: #d4d4d4;
    border-radius: 5px;
}

.rsvp-calendar .item:hover {
    border: 1px solid #333;
}

    .rsvp-calendar .item.active {
        background: #f1f1f1;
    }

.rsvp-calendar .day-name {
    font-size: 12px;
    color: #737373;
}

.rsvp-calendar .day-number {
    font-size: 18px;
    font-weight: 600;
    color: #636363;
}

.filter-rsvp .calendar-filter img {
    opacity: .7;
}

.event-list .col-md-3 {
    padding-left: 7px;
    padding-right: 7px;
}

.rsvp-tmp-design .check-box-b {
    padding-left: 8px;
}

.rsvp-tmp-design .check-box-b .p-3 {
    padding: 0;
}

#owl-carousel-calendar .item {
    height: initial;
}

.bg-info-color {
    background-color: #00b8dc !important;
    border: 1px solid #00a0bf !important;
}

.RsvpSlider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-top: 19px;
}

.RsvpSlider:hover {
    opacity: 1;
}

.RsvpSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #7f7a77;
    cursor: pointer;
    border: 1px solid #656260;
}

.RsvpSlider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

.rev-registration-form {
    padding: 4em 0 4em 0;
}

.rev-registration-form .form-box {
    background: #fafafa;
    padding: 50px;
    box-shadow: 5px 5px 5px #eee;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.registeration-template {
    margin-bottom: 25px;
}

.registeration-template .ev-regi-error {
    background: #fff !important;
    border-width: 0px !important;
}

.registeration-template .sub-header {
    padding: 35px 25px;
}

.table-condensed thead th {
    background-color: transparent;
}

.email-body-area,
.footer-section,
.header-section {
    background: #eee;
    border: 1px solid #ddd;
    padding: 4px;
}

.footer-section,
.header-section {
    margin-bottom: 15px;
}

.rsvp-create-event .form-control {
    border-color: #919191;
}

.rsvp-create-event .input-group,
.rsvp-create-event select {
    margin-bottom: 10px;
}

.ev-recurring {
    color: orangered;
    margin-top: -5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-sub-section {
    background: #eceff3;
    padding: 15px;
    margin-bottom: 15px;
}

.addsttd-as {
    color: #333;
}

.d-tp-card {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    padding: 16px 20px;
    margin-bottom: 30px;
    margin-top: 5px;
}

.tp-d-pg h3 {
    padding: 0;
}

.d-tp-card .tp-icon {
    font-size: 34px;
    fill: #818e9a;
    margin-bottom: 7px;
}

.tp-d-pg h4 {
    margin-bottom: 3px;
    padding: 0;
    font-weight: 500;
    font-size: 15px;
}

.tp-d-pg .tp-tag {
    font-weight: 600;
    font-size: 18px;
}
.tp-d-pg .tp-tag-lg {
    font-size: 28px;
    display: block;
    color: #fff;
    line-height: 33px;
}

.tp-light-bg {
    background: #f9f9f9;
}

.tp-d-pg .fa-spin {
    font-size: 18px;
    margin-top: 35px;
}

.tp-d-pg h2 {
    font-size: 20px;
    padding: 5px 0 0 0;
}

.tp-d-pg h3 {
    font-size: 18px;
    line-height: 22px;
}

.tp-d-pg h4 span {
    font-weight: 400;
}

.tp-sub-nav {
    border: 1px solid #cad2da;
}

.tp-sub-nav li a.active {
    background: #cad2da !important;
    color: #283949 !important;
}

@media (min-width: 1500px) {
    .container-fluid.tp-d-pg {
        width: 1500px;
    }
}

.row-c .col-3 {
    width: 15.6%;
    float: left;
    margin-right: 12px;
}

.row-c .col-3:last-child {
    margin-right: 0;
}

@media (max-width: 1025px) {
    .row-c .col-3 {
        width: 28%;
        float: left;
        margin-right: 9px;
    }
}

@media (max-width: 768px) {
    .row-c .col-3 {
        width: auto;
        float: none;
        margin-right: 0;
    }
}

.row-c .col-3 h3 {
    line-height: 23px;
    color: #d7dde2;
    font-size: 14px;
    line-height: 14px;
}

@media (max-width: 1280px) {
    .row-c .col-3 h3 {
        font-size: 13px;
    }
}

.row-c .col-3 svg {
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    margin-bottom: 10px;
    margin-top: 5px;
    opacity: .5;
}

.row-c .col-3 .tp-light-bg {
    font-size: 13px;
    line-height: 15px;
    box-shadow: 0px 0px 7px #949494;
    border: 0;
    border-radius: 3px;
    padding: 21px 16px 34px 20px;
}


.tp-d-pg .btn-group-vertical > .btn, .btn-group > .btn {
    text-align: left;
    padding: 4px 10px;
}

.txt-ellipsis {
    white-space: nowrap;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tp-d-pg .filter-box .dropdown-toggle,
.tp-d-pg .btn-thin-filter,
.tp-d-pg .input-sm {
    font-size: 12px;
}

.tp-d-pg .nac-table {
    font-size: 12px !important;
}

.ranges li.active,
.ranges li:hover {
    background-color: #283949;
    border: 1px solid #283949;
    color: #fff;
}

.ranges li {
    color: #283949;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #283949;
    border-color: transparent;
    color: #fff;
}

.tp-d-pg .filter-box {
    padding: 0;
}

.tp-d-pg .table-sm {
    margin-bottom: 0;
}

.tp-d-pg .table-sm tr td {
    padding: 5px !important;
}

.tp-d-pg .input-txt-sm,
.tp-d-pg .filter-box .dropdown-toggle, .tp-d-pg .btn-thin-filter {
    height: 26px !important;
    padding: 3px 10px;
}

.tp-d-pg label {
    font-size: 12px;
    font-weight:400;
}
@media (max-width: 1280px) {
    .tp-d-pg label {
        font-size: 11px;
    }
}

.tp-d-pg .btn-sm {
    padding: 4px 12px;
    font-size: 12px;
}

.dropdown-header {
    padding: 0px 10px;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.dropdown-header input[type="text"] {
    height: 26px !important;
    border: 1px solid #999;
    margin-bottom: 5px;
}

.dropdown-menu .glyphicon {
    font-size: 12px;
    margin-right: 5px;
    color: #333;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #283949;
    border-color: #283949;
}

.pagination > li > a, .pagination > li > span {
    color: #283949;
}

.tp-d-pg .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f4f7;
}

.tp-d-pg .table-hover > tbody > tr:hover,
.ev-rgi .table-hover > tbody > tr:hover {
    background-color: #d7dee4;
}

.tp-d-pg thead th,
.ev-rgi thead th {
    background-color: #45586b;
    color: #fff;
}

.ev-rgi .footer-msg {
    padding: 30px 0;
    background: #fafafa;
}

.tp-d-pg .table > thead > tr > th,
.ev-rgi .table > thead > tr > th {
    border-bottom: 2px solid #a9b4bf;
}

.tp-d-pg .table > tbody > tr > td {
    border-top: 1px solid #d7dee4;
}

.tp-d-pg .pim-admin-nav .nav-stacked > li a.active,
.ev-rgi .pim-admin-nav .nav-stacked > li a.active {
    background: #45586b;
    color: #fff;
}

.nav-sortable li {
    border: 1px solid #ccc;
}
.nav-sortable li a {
    cursor: move;
}


/** Style for NAC V2 **/

.nac-v2 .breadcrumb {
    border: 0;
    background: none;
    margin-bottom: 5px;
}

.nac-v2 .bg-p-green {
    background-color: #7D9666 !important;
}

.nac-v2 .text-green {
    color: #7D9666;
}

.nac-v2 .text-yellow {
    color: #efa600 !important;
}

.nac-v2 .bg-yellow {
    background-color: #E3BE2B;
}

.nac-v2 .bg-light-yellow {
    background-color: #F0EBDB;
}

.nac-v2 .secondary-header {
    margin: 0 -10px;
}

.nac-v2 .page-title {
    padding: 5px 5px 10px;
}

.nac-v2 .s-title {
    padding: 2px 5px 0;
    font-size: 18px;
}

.nac-v2 .pd-1 {
    padding: 5px;
}

.nac-v2 .nac-table thead th:last-child {
    text-align: right;
}

.nac-v2 .pdy-1 {
    padding: 5px 0;
}

.nac-v2 .secondary-header .btn,
.nac-v2 .modal-footer .btn {
    padding: 6px 30px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.nac-v2 .modal-footer .btn-default {
    background-color: #7f7a77;
    color: #FFFFFF;
}

.nac-v2 .nav-filter .btn,
.nav-filter-2 .btn,
.nav-filter input[type=text] {
    background-color: #fff;
    border: 1px solid #C2C2C2;
    color: #7c7c7c;
    padding: 5px 12px;
    font-size: 13px;
}

.nac-v2 .nav-filter-2 {
    box-shadow: 0 5px 3px rgb(0 0 0 / 3%);
    border-bottom: 1px solid #ddd
}

.nac-v2 .nav-filter .row {
    margin-left: 0px;
    margin-right: 0px;
}

.nac-v2 .nav-filter-2 .row {
    margin:0;
}

.nac-v2 .nav-filter .col-md-2,
.nac-v2 .nav-filter-2 .col-md-2{
    padding-left: 5px;
    padding-right: 5px;
}

.nac-v2 .content {
    margin-top: 15px;
}

.nac-v2 .top_tiles {
    margin: 5px -5px 10px;
}

.nac-v2 .top_tiles .col-md-3 {
    padding-right: 5px;
    padding-left: 5px;
}

.nac-v2 .panel-s-footer {
    background: #F9F9F9;
    border-top: 1px solid #ededed;
    padding: 10px 0;
}

.nac-v2 .b-l-danger {
    fill: #F05F5F !important;
    border: 0;
}

.nac-v2 .b-l-success {
    fill: #88DB95 !important;
    border: 0;
}

.nac-v2  .btn-dark {
    background-color: #000;
    color: #FFFFFF;
}

.nac-v2 .blk {
    position: absolute;
    left: 0px;
    top: 0px;
}

.nac-v2 .panel {
    box-shadow: 0 1px 10px rgb(0 0 0 / 5%);
    border: 1px solid #ddd;
}

.panel-heading {
    border-bottom: 1px solid #e9e9e9;
}

.nac-v2 .panel-body {
    position: relative;
    word-wrap: break-word;
}

.nac-v2 .card-view .panel-body {
    min-height: 160px;
}

.nac-v2 .panel.list-view {
    margin-bottom: 5px;
}

.nac-v2 .list-view h4,
.nac-v2 .card-view h4 {
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 15px;
    height: 42px;
    color: #6e6e6e;
}

.nac-v2 .secondary-header input[type="text"],
.nac-v2 .secondary-header input[type="password"],
.nac-v2 .secondary-header input[type="email"],
.nac-v2 .secondary-header select {
    margin-bottom: 0;
    font-size: 13px;
    border: 1px solid #C2C2C2;
    height: 30px;
}

.nac-v2 .pagination {
    margin: 0;
}

.nac-v2 .change-view a {
    font-size: 18px;
    height: 28px;
    line-height: 18px;
    padding: 6px 8px;
}

.nac-v2 .vt-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.nac-v2 .nac-2-menu {
    margin-bottom: 0;
    padding: 5px;
    text-transform: uppercase;
}
.nac-v2 .nac-2-menu li {
    padding: 0 15px;
    border-right: 1px solid #ccc;
}

.nac-v2 .nac-2-menu li:last-child {
    border-right: 0;
}

.nac-v2 .nac-2-menu li a {
    color: #4a5a68;
    font-size: 13px;
    font-weight: 500;
}

.nac-v2 .nac-2-menu li.active a {
    color: #2a2a2a;
    font-weight: 700;
}

.nac-v2 .nac-2-menu li a:hover {
    color: #000;
}

.nac-v2 .tile-stats .icon {
    color: #E3BE2B;
    right: 28px;
    top: 43px;
}

.nac-v2 .tile-stats {
    padding: 15px;
}

.tile-stats .count {
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
}

.nac-v2 .tile-stats .icon i {
    font-size: 20px;
}

.nac-v2 .even {
    background: #f5f5f5;
}

.nac-v2-dashboard .panel-body {
    min-height: 261px;
}

.pg-panel .pane-body {
    padding: 20px;
}

.nac-v2 .nav-filter input[type="text"] {
    height: 30px;
}

.nac-v2 .white-color {
    color: #fff !important;
}

.nac-v2 .table > thead > tr > th {
    border-bottom: 1px solid #d7d7d7;
}

.nac-v2.nac3 .s-nav-header {
    background-color: #7D9666 !important;
}

.nac-v2.nac4 .s-nav-header {
    background-color: #056298 !important;
}

.nac-v2 h3 {
    font-size: 16px;
    padding-bottom: 0;
}

.nac-v2 .tile-stats h3 {
    font-size: 15px;
    margin-bottom: 0;
}

.nac-v2.nac3 .btn-primary,
.nac-v2.nac3 .modal-header {
    background: #7D9666 !important;
    color: #ffff !important;
}

.nac-v2.nac4 .btn-primary,
.nac-v2.nac4 .modal-header {
    background: #056298 !important;
    color: #ffff !important;
}

.nac-v2.nac3 .tbl-head {
    background: #056298 !important;
    color: #ffff;
    padding: 30px 10px 30px 0;
}

.nac-v2.nac3 .tbl-head {
    background: #056298 !important;
    color: #ffff;
    padding: 30px 10px 30px 0;
}


.nac-v2 .btn-c-new {
    display: block;
    height: auto;
    background: #7d9666;
    padding: 19px 0;
}

.nac-v2.nac4 .btn-c-new {
    background: #056298;
}

.nac-v2.nac3 .btn-group .btn-dark.active {
    background-color: #7D9666;
}

.nac-v2.nac4 .btn-group .btn-dark.active {
    background-color: #056298;
}

.nac-v2 .btn-c-new h3 {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 500;
}

.nac-v2 thead th {
    text-align: left;
}

.nac-v2 thead th.text-right {
    text-align: right;
}

.nac-v2 .lblack tr td a {
    font-weight: 500;
}

.nac-v2-action-bar {
    padding: 20px 0px 50px;
}

.nac-v2-action-bar .btn {
    background-image: none;
    padding: 9px 50px;
    text-transform: uppercase;
    font-size: 14px;
}

.mt8px {
    margin-top: 8px;
}

.nac-v2 .modal-body {
    padding: 20px 25px 25px;
}

.nac-v2 .modal-title-site {
    padding: 2px 0;
}

.nac-v2 .text-muted-dk {
    opacity: 1;
    color: #9f9f9f;
}
.nac-v2 .txt-upper-c {
    color: #ccc;
    padding-top: 12px;
}

.nac-v2 .action-lnks {
   text-align: right;
}

.nac-v2 .action-lnks a {
    text-transform: uppercase;
    padding: 0 6px;
    color: #657483;
    font-weight: 500;
}

.nac-v2 .action-lnks a:hover {
    color: #000;
    text-decoration: underline;
}

.nac-v2 .list-dot {
    font-size: 13px;
    padding-left: 0;
}

/** End NAC V2 Style **/
}

.txt-warning {
    color: #ff6507 !important;
}

.action-control .btn-default {
    background-color: #6b6b6b;
    color: #FFFFFF;
}

.nac-summary .tile-stats .icon {
    right: 25px;
    top: 15px;
}

.nac-summary .tile-stats .icon i {
    font-size: 25px;
}

.nac-summary .tile-stats {
    padding: 15px;
}

.nac-summary .tile-stats h3 {
    padding-top: 10px;
    font-size: 16px;
    color: #34495E;
}


/* Can styles  start */
.can {
    margin-top: 10px !important;
}

.can .bg-dark {
    background: #283949;
}

.can .s-nav-header {
    border-radius: 5px;
    padding: 5px 18px;
}

.can .s-title {
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 31px;
}

.can .s-nav-header .btn {
    padding: 7px 20px !important;
    color: #283949 !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: normal;
    margin-top: 2px;
    text-transform: uppercase;
}

.can .btn-subscribe {
    background: #CDE4FF;
}

.can .btn-admin {
    background: #FFECD0;
}

.can .btn-admin:hover {
    background: #fff7ea;
}

.can .btn-subscribe:hover {
    background: #e9f3ff;
}

.can .rounted-5 {
    border-radius: 25px !important;
}

.can .nav-filter {
    padding: 15px !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.can .nav-filter label {
    font-weight: 500;
    font-size: 12px;
}

.can .btn-thin-filter {
    border-radius: 25px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    background: #fff;
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.can .mt-3 {
    margin-top: 12px;
}

.can .pt-3 {
    padding-top: 12px;
}

.can .border-top-1 {
    border-top: 1px solid #C3C3C3;
}

.can .panel {
    border-radius: 10px !important;
}

.can .can-list .panel {
    border: 1px solid #c3c3c3;
}

.can .panel.b-lr-danger {
    border-left: 2px solid #C86000;
    border-right: 2px solid #C86000;
}

.can .panel.b-lr-success {
    border-left: 2px solid #04C800;
    border-right: 2px solid #04C800;
}

.can .b-top-danger {
    border-top: 2px solid #C86000 !important;
}

.can .b-top-success {
    border-top: 2px solid #04C800 !important;
}

.can .list-view h4 {
    height: initial;
    margin-bottom: 0;
}

.can .pb-2 {
    margin-bottom: 2px;
}

.can .panel-s-footer {
    border-radius: 8px !important;
}

.can .text-sm {
    font-size: 12px;
}

.can .card-view h4 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.can .mb-2 {
    margin-bottom: 12px;
}

.can .can-sidebar {
    padding: 22px 22px 22px 0;
    margin-bottom: 15px;
}

.can .can-menu li {
    margin: 1px 0;
}

.can .can-menu li a {
    display: block;
    color: #fff;
    padding: 5px 5px 5px 22px;
}

.can-sidebar li.active,
.can-sidebar li:hover {
    background: #fff;
    border-radius: 25px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.can-sidebar li.active a,
.can-sidebar li:hover a{
    color: #000;
}

.can-summary {
    margin-bottom: 15px;
}

.can-summary .tile-stats {
    padding: 15px;
}

.can-summary .tile-stats .fa {
    font-size: 26px;
    opacity: .5;
}

.can-summary .tile-stats .icon {
    right: 26px;
    top: 6px;
}


.can-summary .tile-stats h3 {
    margin-top: 10px;
    font-size: 14px;
    color: #5a5a5a;
}

.can-summary .tile-stats .count {
    font-size: 28px;
    font-weight: 400;
}

.can-summary .panel-1 {
    border: 1px solid #A3EDA1;
    background: #FAFFFA;
}

.can-summary .panel-1 .count,
.can-summary .panel-1 .fa{
    color: #04C800;
}

.can-summary .panel-2 {
    border: 1px solid #ACCAF8;
    background: #FAFCFF;
}

.can-summary .panel-2 .count,
.can-summary .panel-2 .fa {
    color:#0050C8;
}

.can-summary .panel-3 {
    border: 1px solid #FEB58C;
    background: #FFFCFA;
}

.can-summary .panel-3 .count,
.can-summary .panel-3 .fa {
    color: #C84800;
}

.can-summary .panel-4 {
    border: 1px solid #E7A3FF;
    background: #FEFAFF;
}

.can-summary .panel-4 .count,
.can-summary .panel-4 .fa {
    color: #9400C8;
}


.can-summary.g-3,
.can .row.g-3 {
    margin-right: -5px;
    margin-left: -5px;
}

.can-summary.g-3 .col-sm-6,
.can .row.g-3 .col-md-6,
.can .row.g-3 .col-md-2 {
    padding-right: 5px;
    padding-left: 5px;
}

.can .sub-title {
    color: #2c3e50;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}

.can .even,
.can .odd {
    border-bottom: 1px solid #ebebeb;
}

.can .even:last-child,
.can .odd:last-child{
    border-bottom: 0px;
}

.can .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.can .mb-0 {
    margin-bottom: 0;
}

.can .panel-card .sub-s-title {
    font-size: 14px;
    font-weight: 600;
}


.footer {
    font-size: 12px;
    padding: 30px 0;
}

.can .btn-help {
    padding: 10px 10px 8px;
    background: #283949;
}

.can #helpPopover .btn-group {
    margin-bottom: 15px;
}

.can .popover.top > .arrow:after {
    display: none;
}

.can .nav-filter .btn-export {
    margin-top: 0;
    border-radius: 25px;
    padding: 6px 20px;
    font-size: 12px;
}

.can .input-group-addon {
    padding: 4px 8px;
}

.can .drop-box {
    background: #F8F8F8;
    border: 2px dashed #DDD;
    text-align: center;
    padding: 25px 10px;
    margin-left: 10px;
}

.border-1 {
    border: 1px solid #ccc;
}

.sub-f-section {
    margin-top: 15px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}

.title-muted {
    font-size: 16px;
    color: #666;
}

.can .even td, 
.can .odd td {
    padding: 14px 10px !important;
}

.btn-clr {
    background: #337ab7 !important;
    color: #fff !important;
    padding: 6px 16px 5px !important;
    border: 1px solid #346691 !important;
}

.btn-clr-sm {
    padding: 6px 10px 3px !important;
    font-size: 12px;
    border-radius: 15px !important;
}

/* Popup container for CAN Banner selection */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: transparent;
    height:10px;
}

/* The actual popup (appears on top) */
.popup .popuptext {       
    width: 400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: 150px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.filter-rsvp .form-control {
    background: #fff;
}

.filter-rsvp .btn-alt {
    padding: 5px 20px;
}