/*body::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar {
display:none;
}*/
 @media (min-width: 767px) {

body::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar {
 width: 7px;
}


body::-webkit-scrollbar-track, div.dropdown-menu.show::-webkit-scrollbar-track {
 background: #f1f1f1;
}


body::-webkit-scrollbar-thumb, div.dropdown-menu.show::-webkit-scrollbar-thumb {
 background: #d4d4d4;
overflow-x: hidden;
}


body::-webkit-scrollbar-thumb:hover, div.dropdown-menu.show::-webkit-scrollbar-thumb:hover {
 background: #999;
}
} 
/* ANIMATE EFX */ 

.efx-hidden { opacity: 0; }
.efx-visible { opacity: 1; }
.mask { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #fff; z-index:1; }
.mask.left { top: 0; left: -100%; }
.mask.right { left: inherit; right: -100%; }
.mask.up { top:-100%; bottom:inherit; left:0;}
.mask.down { top:inherit; bottom:-100%; left:0;}
 /*@keyframes zoomimgsection {
 0% {
transform:scale(1.0, 1.0);
}
 50% {
transform:scale(1.2, 1.2);
}
 100% {
transform:scale(1.0, 1.0);
}
}*/
/* BOOTSTRAP OVERRIDES */ 
/* CONTAINER */
.container { position: relative;/* max-width: 1170px !important;*/ /* or 970px */ }
.container-fullwidth { position: relative; width: 100% !important; padding: 0; margin: 0; }
.container-fullwidth .row { margin-left: 0 !important; margin-right: 0 !important; }
.container-fullwidth > .content >.row >.col-md-12 { padding-left: 0 !important; padding-right: 0 !important; }
[data-toggle="collapse"].collapsed .if-not-collapsed { display: none; }
[data-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }
/* BOOTSTRAP OVERRIDES */ 
@media (max-width: 480px) {
	.order-first {    -webkit-box-ordinal-group: unset;
    -ms-flex-order:unset ;
    order: unset;}
	.order-last {    -webkit-box-ordinal-group: unset;
    -ms-flex-order:unset ;
    order: unset;}
}

/*BOOSTRAP 3 col-xs settings*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; flex: 0 0 91.666667%; }
.col-xs-10 { width: 83.33333333%; flex: 83.33333333%; }
.col-xs-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0%; }
.m-xs-0 { margin: 0; }
.p-xs-0 { padding: 0; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-xsl-1 { width: 8.3% !important; float: left; }
.col-xsl-2 { width: 16.6% !important; float: left; }
.col-xsl-3 { width: 24.9% !important; float: left; }
.col-xsl-4 { width: 33% !important; float: left; }
.col-xsl-5 { width: 41.5% !important; float: left; }
.col-xsl-6 { width: 50% !important; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-xsl-7 { width: 58.1% !important; float: left; }
.col-xsl-8 { width: 66.4% !important; float: left; }
.col-xsl-9 { width: 74.7% !important; float: left; }
.col-xsl-9 { width: 83% !important; float: left; }
.col-xsl-11 { width: 91.3% !important; float: left; }
.col-xsl-12 { width: 100% !important; float: none; flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 575.98px) {
.border-xs-left-none { border-left: none !important; }
.border-xs-right-none { border-right: none !important; }
.border-xs-top-none { border-top: none !important; }
.border-xs-bottom-none { border-bottom: none !important; }
}

@media (max-width: 767.98px) {
.border-sm-left-none { border-left: none !important; }
.border-sm-right-none { border-right: none !important; }
.border-sm-top-none { border-top: none !important; }
.border-sm-bottom-none { border-bottom: none !important; }
.text-sm-center { text-align: center !important; }
}

@media (max-width: 991.98px) {
.border-md-left-none { border-left: none !important; }
.border-md-right-none { border-right: none !important; }
.border-md-top-none { border-top: none !important; }
.border-md-bottom-none { border-bottom: none !important; }
}

@media (max-width: 1199.98px) {
.border-lg-left-none { border-left: none !important; }
.border-lg-right-none { border-right: none !important; }
.border-lg-top-none { border-top: none !important; }
.border-lg-bottom-none { border-bottom: none !important; }
}
.border-xl-left-none { border-left: none !important; }
.border-xl-right-none { border-right: none !important; }
.border-xl-top-none { border-top: none !important; }
.border-xl-bottom-none { border-bottom: none !important; }
/* TYPOGRAPHY */
.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

@media only screen and (min-width: 320px) and (max-width: 736px) {
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }
.text-xs-center { text-align: center !important; }
}
/* BUTTON */
button:focus { outline: none !important; box-shadow: none !important; }
.btn { font-weight: 300; -webkit-transition: background-color .6s ease; -moz-transition: background-color .6s ease; -ms-transition: background-color .6s ease; -o-transition: background-color .6s ease; transition: background-color .6s ease; -webkit-transition: all .3s linear !important ; -moz-transition: all .3s linear!important; transition: all .3s linear!important;}
.btn span.text {}
.btn span.text:before { display:inline-block; content:''; width:35px; margin-right:10px; border-top:1px solid #fff; height:10px; }
.btn span.text:after { display:inline-block;content:''; width:35px; margin-left:10px;border-top:1px solid #fff; height:10px;}
.btn.btn-lg{ padding:20px 30px !important; }
.btn.uppercase { text-transform: uppercase; }
.btn.btn-flat { border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-width: 1px !important; }
.btn:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn:focus { outline: none !important; box-shadow: none !important; }
.btn.btn-file { position: relative; overflow: hidden; }
.btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; }
.btn-default { background-color: #ffffff; color: #444; border: 1px #ddd solid; border-color: #ddd; }
.btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; }
.btn-primary { background-color: #3c8dbc; border-color: #3c8dbc; }
.btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #367fa9; border-color: #3c8dbc; }
.btn-success { background-color: #00a65a; border-color: #00a65a; }
.btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; border-color: #00a65a; }
.btn-info { background-color: #00c0ef; border-color: #00c0ef; }
.btn-info:hover, .btn-info:active, .btn-info.hover, .btn-info.focus { background-color: #31b0d5; border-color: #00c0ef; }
.btn-danger { background-color: #dd4b39; border-color: #dd4b39; }
.btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925; border-color: #dd4b39; }
.btn-warning { background-color: #f39c12; border-color: #f39c12; }
.btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; border-color: #f39c12; }
.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); }
.btn-app { border-radius: 0px !important; position: relative; padding: 15px 5px; margin: 0 0 10px 0px; min-width: 80px; height: 60px; text-align: center; border: 0px solid #ddd; background-color: #f4f4f4; font-size: 12px; }
.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 18px; display: block; }
.btn-app:hover { opacity: .7; }
.btn-app:active, .btn-app:focus { }
.btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; z-index: 1; }
/*BUTTON OUTLINE*/

.btn-outline-secondary { color: #464A4C; background-color: transparent; background-image: none; border-color: #464A4C; }
.btn-outline-secondary:hover { color: #fff; background-color: #464A4C; border-color: #464A4C; }

.btn-outline-light { color: rgba(255,255,255,1); background-color: transparent; background-image: none; border-color: rgba(255,255,255,1); }
.btn-outline-light:hover { color: rgba(59,85,164,1) !important; background-color: rgba(255,255,255,1); border-color: rgba(59,85,164,1); }

.btn-nostyle { background: none; border: none; }

/*BTN BLOCK*/
@media (max-width: 767px) {
.btn-xs-block { display: block; width: 100%; }
input[type="submit"].btn-xs-block, input[type="reset"].btn-xs-block, input[type="button"].btn-xs-block { width: 100%; }
.btn-block + .btn-xs-block, .btn-xs-block + .btn-block, .btn-xs-block + .btn-xs-block { margin-top: 0.5rem; }
}

@media (min-width: 768px) and (max-width: 991px) {
.btn-sm-block { display: block; width: 100%; }
input[type="submit"].btn-sm-block, input[type="reset"].btn-sm-block, input[type="button"].btn-sm-block { width: 100%; }
.btn-block + .btn-sm-block, .btn-sm-block + .btn-block, .btn-sm-block + .btn-sm-block { margin-top: 0.5rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.btn-md-block { display: block; width: 100%; }
input[type="submit"].btn-md-block, input[type="reset"].btn-md-block, input[type="button"].btn-md-block { width: 100%; }
.btn-block + .btn-md-block, .btn-md-block + .btn-block, .btn-md-block + .btn-md-block { margin-top: 0.5rem; }
}

@media (min-width: 1200px) {
.btn-lg-block { display: block; width: 100%; }
input[type="submit"].btn-lg-block, input[type="reset"].btn-lg-block, input[type="button"].btn-lg-block { width: 100%; }
.btn-block + .btn-lg-block, .btn-lg-block + .btn-block, .btn-lg-block + .btn-lg-block { margin-top: 0.5rem; }
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important; }
.bg-white { color: #333; background-color: #fff !important; }
.bg-gray { color: #333; background-color: #e1e1e1 !important; }
.bg-gray-light { background-color: #f7f7f7; }
.bg-black { background-color: #111111 !important; }
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #dd4b39 !important; /* background-color: #ed9990 !important; color:#892b21 !important*/ }
.alert-error.bg-light { background-color: #ed9990 !important; color: #892b21 !important; }
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; }
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important; /*background-color: #a1dfed !important; color:#0097bc !important;*/ }
.bg-blue { background-color: #0073b7 !important; }
.bg-light-blue, .label-primary, .modal-primary .modal-body { background-color: #3c8dbc !important; }
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #00a65a !important; /*background-color: #ddf0de !important; color:#48824d !important */ }
.alert-success.bg-light { background-color: #ddf0de; color: #008d4c !important; font-size: 20px; }
.bg-navy { background-color: #001f3f !important; }
.bg-teal { background-color: #39cccc !important; }
.bg-olive { background-color: #3d9970 !important; }
.bg-lime { background-color: #01ff70 !important; }
.bg-orange { background-color: #ff851b !important; }
.bg-fuchsia { background-color: #f012be !important; }
.bg-purple { background-color: #605ca8 !important; }
.bg-maroon { background-color: #d81b60 !important; }
.bg-gray-active { color: #000; background-color: #b5bbc8 !important; }
.bg-black-active { background-color: #000000 !important; }
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer { background-color: #d33724 !important; }
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer { background-color: #db8b0b !important; }
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer { background-color: #00a7d0 !important; }
.bg-blue-active { background-color: #005384 !important; }
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer { background-color: #357ca5 !important; }
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer { background-color: #008d4c !important; }
.bg-navy-active { background-color: #001a35 !important; }
.bg-teal-active { background-color: #30bbbb !important; }
.bg-olive-active { background-color: #368763 !important; }
.bg-lime-active { background-color: #00e765 !important; }
.bg-orange-active { background-color: #ff7701 !important; }
.bg-fuchsia-active { background-color: #db0ead !important; }
.bg-purple-active { background-color: #555299 !important; }
.bg-maroon-active { background-color: #ca195a !important; }
/* DROPDOWN */
.dropdown-menu { box-shadow: none; }
.dropdown-toggle::after { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f107'; font-size: 14px; font-weight: 300; position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 15px; border: none; margin: 0; padding: 0; }
.dropdown-item.active, .dropdown-item:active { color: #fff; background-color: #464A4C; }
/*custom down icon*/
.bootstrap-select>.dropdown-toggle { padding-right: 20px; }
.bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; display: none; }
.bootstrap-select.btn-group .dropdown-toggle .bs-caret:before { display: inline-block; font-family: 'themify'; font-size: 10px; content: "\e64b"; color: #666; /* border: 1px solid #ccc; */ top: 10px; right: 10px; position: absolute; }
.bootstrap-select.condensed .btn.dropdown-toggle { padding: 5px 22px 5px 10px; font-size: 14px; }
.bootstrap-select.condensed .dropdown-menu li { font-size: 13px; }
.bootstrap-select.condensed.btn-group .dropdown-toggle .bs-caret .caret { display: none; }
.bootstrap-select.condensed.btn-group .dropdown-toggle .bs-caret:before { top: 8px; right: 8px; }
.bootstrap-select.btn-group .dropdown-toggle.btn-primary .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-danger .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-warning .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-info .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-success .bs-caret:before { color: #fff; }
.bootstrap-select .dropdown-toggle:focus { outline: none !important }
/* LIST */
.ul-list-outside { list-style: disc outside; }
.ul-list-outside li { margin-left: 20px; }
/* HOVER LINK */
a { text-decoration: none; outline: none; border: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
a:hover { color: #999; text-decoration: none; }
/*BREADCRUMB*/
.breadcrumb.condensed { padding: 0; }
.breadcrumb.nobg { background-color: transparent; }
/*COLLAPSED CONTENT */
.collapsed-content { clear: both; padding: 0; }
.collapsed-content-btn { position: relative; clear: both; width: 100%; margin: 0 0 5px; padding: 10px 0px; }
.collapsed-content-btn:focus { outline: none; }
.collapsed-content-btn > .title { float: left; }
.collapsed-content-btn > .icon { float: right; font-size: 16px; margin-right: 0px; }
/* SELECT */
.selectpicker { font-size: 14px; font-weight: 300; color: #3C3830; }
/* FORM */
form input, form textarea { border-color: #dfdfdf; box-shadow: none; /*border-radius: 0px !important;*/ }
form input[type=text], form input[type=password] { min-height: 50px; line-height: 40px; margin-bottom: 8px; }
form textarea { min-height: 30px; background-color: #ffffff; color: #464A4C; border-color: #dfdfdf; box-shadow: none }
form input.invalid, form textarea.invalid, form input.invalid:focus, form textarea.invalid:focus { border-color: #333333; }
form .form-label { min-height: 50px; font-size: 16px; font-weight: 300; line-height: 50px; }
form .form-control { box-shadow: none !important; transition: all 0.6s ease; }
form .form-control:focus { border-color: #666; outline: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; transition: all 0.6s ease; }
form .form-control::-webkit-input-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
form .form-control:-moz-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
form .form-control::-moz-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
form .form-control:-ms-input-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}

.image-cover {object-fit: cover; object-position: center; height: 100%; width: 100%;}


