#media-query{
   position: fixed;
   z-index: 9999;
   width: 100px;
   height: 5px;
   bottom: 0;
   right: 0;
}
.cursor-default{cursor: default !important;}
.cursor-pointer,[role=button]{cursor: pointer;}
.cursor-move{cursor: grab}
.cursor-move:active{cursor: grabbing}
.cursor-help{cursor: help}
.justify-content-safe-center{justify-content: safe center}
.btn{cursor: pointer}
.font-10{font-size: 10px !important}
.font-11{font-size: 11px !important}
.font-12{font-size: 12px !important}
.font-13{font-size: 13px !important}
.font-14{font-size: 14px !important}
.font-15{font-size: 15px !important}
.font-16{font-size: 16px !important}
.font-17{font-size: 17px !important}
.font-18{font-size: 18px !important}
.font-20{font-size: 20px !important; line-height: 27px}
.font-22{font-size: 22px !important; line-height: 29px}
.font-24{font-size: 24px !important; line-height: 31px}
.font-26{font-size: 26px !important; line-height: 33px}
.font-28{font-size: 28px !important; line-height: 35px}
.font-30{font-size: 30px !important; line-height: 37px}
.font-32{font-size: 32px !important; line-height: 39px}
.font-34{font-size: 34px !important; line-height: 41px}
.font-36{font-size: 36px !important; line-height: 43px}
.font-38{font-size: 38px !important; line-height: 45px}
.font-40{font-size: 40px !important; line-height: 47px}
.font-50{font-size: 50px !important; line-height: 57px}
.font-60{font-size: 60px !important; line-height: 67px}
.font-70{font-size: 70px !important; line-height: 77px}
.text-big{font-size: 1.25rem !important;}
.text-huge{font-size: 1.75rem !important;}
.text-black{color: #000 !important;}
.font-weight-medium,.fw-medium{font-weight: 500 !important}
.font-weight-semibold,.fw-semibold{font-weight: 600 !important}
.font-weight-black,.fw-black{font-weight: 900 !important}
.condensed-half{letter-spacing: -0.5px}
.condensed-1{letter-spacing: -1px}
.condensed-2{letter-spacing: -2px}
.expanded-half{letter-spacing: 0.5px}
.expanded-1{letter-spacing: 1px}
.expanded-2{letter-spacing: 2px}
.display-5{font-size: 2rem; font-weight: 300}
.display-6{font-size: 1.5rem; font-weight: 300}
.display-7{font-size: 1.25rem; font-weight: 300}
.display-8{font-size: 1rem; font-weight: 300}
.h-0{height: 0 !important}
.w-0{width: 0 !important}
.w-70{width: 70% !important}
.w-75{width: 75% !important}
.w-80{width: 80% !important}
.w-85{width: 85% !important}
.w-90{width: 90% !important}
.w-95{width: 95% !important}
.mt-neg-1{margin-top: -.25rem !important}
.mt-neg-2{margin-top: -.5rem !important}
.mt-neg-3{margin-top: -1rem !important}
.mt-neg-4{margin-top: -1.5rem !important}
.mt-neg-5{margin-top: -3rem !important}
.align-items-middle{align-items: center}
.overflow-hidden{overflow: hidden}
.overflow-auto{overflow: auto}
.overflow-scroll{overflow: scroll}
.overflow-x-hidden{overflow-x: hidden}
.overflow-x-auto{overflow-x: auto}
.overflow-x-scroll{overflow-x: scroll}
.overflow-y-hidden{overflow-y: hidden}
.overflow-y-auto{overflow-y: auto}
.overflow-y-scroll{overflow-y: scroll}
.opacity-5{opacity: .5}
.opacity-6{opacity: .6}
.opacity-7{opacity: .7}
.opacity-8{opacity: .8}
.opacity-9{opacity: .9}
.hover-opacity-5:hover{opacity: .5}
.hover-opacity-6:hover{opacity: .6}
.hover-opacity-7:hover{opacity: .7}
.hover-opacity-8:hover{opacity: .8}
.hover-opacity-9:hover{opacity: .9}
.hover-gray:hover{background-color: #efefef}
.border-opacity-1{border-color: rgba(255,255,255,0.1) !important}
.border-opacity-2{border-color: rgba(255,255,255,0.2) !important}
.border-opacity-3{border-color: rgba(255,255,255,0.3) !important}
.border-opacity-4{border-color: rgba(255,255,255,0.4) !important}
.border-opacity-5{border-color: rgba(255,255,255,0.5) !important}
.border-opacity-6{border-color: rgba(255,255,255,0.6) !important}
.border-opacity-7{border-color: rgba(255,255,255,0.7) !important}
.border-opacity-8{border-color: rgba(255,255,255,0.8) !important}
.border-opacity-9{border-color: rgba(255,255,255,0.9) !important}
.label-control{font-size: 11px; font-weight: bold; text-transform: uppercase}
.min-30{min-width: 30px}
.min-40{min-width: 40px}
.min-50{min-width: 50px}
.min-60{min-width: 60px; width: 60px}
.min-75{min-width: 75px}
.min-90{min-width: 90px}
.min-100{min-width: 100px}
.min-125{min-width: 125px}
.min-150{min-width: 150px}
.min-175{min-width: 175px}
.min-200{min-width: 200px}
.max-50{max-width: 50px}
.max-60{max-width: 60px; width: 60px}
.max-75{max-width: 75px}
.max-100{max-width: 100px}
.max-125{max-width: 125px}
.max-150{max-width: 150px}
.max-175{max-width: 175px}
.max-200{max-width: 200px}
.max-250{max-width: 250px}
.max-300{max-width: 300px}
.w-30px{min-width: 30px !important; max-width: 30px!important;}
.w-40px{min-width: 40px !important; max-width: 40px!important;}
.w-50px{min-width: 50px !important; max-width: 50px!important;}
.w-60px{min-width: 60px !important; max-width: 60px!important;}
.w-70px{min-width: 70px !important; max-width: 70px!important;}
.w-80px{min-width: 80px !important; max-width: 80px!important;}
.w-90px{min-width: 90px !important; max-width: 90px!important;}
.w-100px{min-width: 100px !important; max-width: 100px!important;}
.w-25px{min-width: 25px !important; max-width: 25px!important;}
.w-75px{min-width: 75px !important; max-width: 75px!important;}
.w-125px{min-width: 125px !important; max-width: 125px!important;}
.w-150px{min-width: 150px !important; max-width: 150px!important;}
.w-175px{min-width: 175px !important; max-width: 175px!important;}
.w-200px{min-width: 200px !important; max-width: 200px!important;}
.w-250px{min-width: 250px !important; max-width: 250px!important;}
.w-300px{min-width: 300px !important; max-width: 300px!important;}
.top-0{top: 0}
.top-right-0{top: 0; right: 0}
.top-right-1{top: .25rem; right: .25rem}
.top-right-2{top: .5rem; right: .5rem}
.top-right-3{top: 1rem; right: 1rem}
.top-right-4{top: 1.5rem; right: 1.5rem}
.top-right-5{top: 3rem; right: 3rem}
.bottom-0{bottom: 0}
.right-0{right: 0}
.left-0{left: 0}
.text-wrap{white-space: normal !important}
.btn-white{background-color: #FFF; color: #5c5c5c; border: 1px solid #BBB;}
.btn-white:hover{background-color: #efefef}
.btn-xs, .btn-group-xs > .btn {padding: 0.25rem .25rem; font-size: .775rem; line-height: 1; border-radius: .2rem}
.table.px-2 th, .table.px-2 td{padding-left: .5em !important; padding-right: .5em !important}
.table.px-3 th, .table.px-3 td{padding-left: 1em !important; padding-right: 1em !important}
.table.px-extra th, .table.px-extra td{padding-left: .75em !important; padding-right: .75em !important}
.table.align-middle th, .table.align-middle td, .table .align-middle th, .table .align-middle td{vertical-align: middle !important}
.table-layout-fixed{table-layout: fixed}
.table-hover tr.alert-primary {color: #004085 !important;background-color: #cce5ff !important;border-color: #b8daff !important}
.table-hover tr.alert-danger {color: #721c24 !important;background-color: #f8d7da !important;border-color: #f5c6cb !important}
.table-hover tr.alert-success {color: #155724 !important;background-color: #d4edda !important;border-color: #c3e6cb !important}
.table-hover tr.alert-warning {color: #856404 !important;background-color: #fff3cd !important;border-color: #ffeeba !important}
.resize-none{resize: none}
.resize-vertical{resize: vertical}
.resize-horizontal{resize: horizontal}
.text-decoration-none{text-decoration: none !important}
.text-inherit, .text-inherit:hover{color:inherit}
.fake-link{cursor: pointer; color: var(--skin-link)}
.fake-link:hover{text-decoration: underline}
.link-blue:hover{color: #0056b3 !important; cursor: pointer}
.link-red:hover{color: #dc3545 !important; cursor: pointer}
.border-bottom-dotted{border-bottom: 1px dotted #ccc !important;}
.list-style-none{list-style: none}
.absolute-middle{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.absolute-full{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.badge-outline-danger{color: var(--danger); border: 1px solid var(--danger)}
.badge-outline-dark{color: var(--dark); border: 1px solid var(--dark)}
.badge-outline-info{color: var(--info); border: 1px solid var(--info)}
.badge-outline-light{color: var(--light); border: 1px solid var(--light)}
.badge-outline-primary{color: var(--primary); border: 1px solid var(--primary)}
.badge-outline-success{color: var(--success); border: 1px solid var(--success)}
.badge-outline-secondary{color: var(--secondary); border: 1px solid var(--secondary)}
.badge-outline-warning{color: var(--warning); border: 1px solid var(--warning)}
.swatch-100 {color: #212529;background-color: #f8f9fa}
.swatch-200 {color: #212529;background-color: #e9ecef}
.swatch-300 {color: #212529;background-color: #dee2e6}
.swatch-400 {color: #212529;background-color: #ced4da}
.swatch-500 {color: #212529;background-color: #adb5bd}
.swatch-600 {color: #fff;background-color: #6c757d}
.swatch-700 {color: #fff;background-color: #495057}
.swatch-800 {color: #fff;background-color: #343a40}
.swatch-900 {color: #fff;background-color: #212529}
.rounded-top-0{border-top-left-radius: 0 !important; border-top-right-radius: 0 !important}
.rounded-bottom-0{border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important}
.rounded-left-0{border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important}
.rounded-right-0{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important}
.rounded-top-left-md{border-top-left-radius: .5rem !important}
.rounded-top-right-md{border-top-right-radius: .5rem !important}
.rounded-bottom-left-md{border-bottom-left-radius: .5rem !important}
.rounded-bottom-right-md{border-bottom-right-radius: .5rem !important}
.rounded-top-left-lg{border-top-left-radius: .75rem !important}
.rounded-top-right-lg{border-top-right-radius: .75rem !important}
.rounded-bottom-left-lg{border-bottom-left-radius: .75rem !important}
.rounded-bottom-right-lg{border-bottom-right-radius: .75rem !important}
.rounded-1{border-radius: .1rem !important;}
.rounded-2{border-radius: .2rem !important;}
.rounded-3{border-radius: .3rem !important;}
.rounded-4{border-radius: .4rem !important;}
.rounded-5{border-radius: .5rem !important;}
.rounded-lg{border-radius: .75rem !important;}
.rounded-xl{border-radius: 1rem !important;}
.bg-silver{background-color: #fafafa}
/* subtle primary */
.bg-subtle-primary {background-color: #e7f3ff !important}
.text-subtle-primary {color: #0571ed !important;}
.btn-subtle-primary {background-color: #e7f3ff !important; color: #0571ed !important}
.btn-subtle-primary:hover, .btn-subtle-primary.active {background-color: #dbe7f2 !important;color: #056be1 !important;}
.btn-subtle-primary.border, .border-subtle-primary {border-color: #d5e4f2 !important;}
.btn-subtle-outline-primary {border: 1px solid #dbe7f2 !important;color: #0571ed !important;}
.btn-subtle-outline-primary:hover {background-color: #dbe7f2  !important;color: #056be1 !important;}
.btn-subtle-outline-primary.active {color: #fff !important; background-color: #007bff !important; border-color: #007bff !important}
/* subtle success */
.bg-subtle-success {background-color: #eaffe7 !important}
.text-subtle-success {color: #108f00 !important;}
.btn-subtle-success {background-color: #eaffe7 !important;color: #108f00 !important;}
.btn-subtle-success:hover, .btn-subtle-success.active {background-color: #def2db  !important;color: #128703 !important;}
.btn-subtle-success.border, .border-subtle-success {border-color: #d5f0d1 !important;}
.btn-subtle-outline-success {border: 1px solid #def2db !important;color: #108f00 !important;}
.btn-subtle-outline-success:hover {background-color: #def2db  !important;color: #128703 !important;}
.hover-subtle-primary:hover, .hover-subtle-primary.active {background-color: #e7f3ff !important; color: #0571ed !important; cursor: pointer}
/* subtle warning */
.bg-subtle-warning {background-color: #fffce7 !important}
.text-subtle-warning {color: #9d8500 !important;}
.btn-subtle-warning {background-color: #fffce7 !important;color: #9d8500 !important;}
.btn-subtle-warning:hover, .btn-subtle-warning.active {background-color: #f2efdb  !important;color: #8b7600 !important;}
.btn-subtle-warning.border, .border-subtle-warning {border-color: #f0ead1 !important;}
.btn-subtle-outline-warning {border: 1px solid #f2efdb !important;color: #9d8500 !important;}
.btn-subtle-outline-warning:hover {background-color: #f2efdb  !important;color: #8b7600 !important;}
/* subtle danger */
.bg-subtle-danger {background-color: #ffe7e7 !important}
.text-subtle-danger {color: #ed0505 !important;}
.btn-subtle-danger {background-color: #ffe7e7 !important;color: #ed0505 !important;}
.btn-subtle-danger:hover, .btn-subtle-danger.active {background-color: #f2dbdb  !important;color: #e10505 !important;}
.btn-subtle-danger.border, .border-subtle-danger {border-color: #f0d1d1 !important;}
.btn-subtle-outline-danger {border: 1px solid #f2dbdb !important;color: #ed0505 !important;}
.btn-subtle-outline-danger:hover {background-color: #f2dbdb  !important;color: #e10505 !important;}
/* subtle orange */
.bg-subtle-orange {background-color: #ffeee7 !important}
.text-subtle-orange {color: #ed4605 !important;}
.btn-subtle-orange {background-color: #ffeee7 !important;color: #ed4605 !important;}
.btn-subtle-orange:hover, .btn-subtle-orange.active {background-color: #f5e1da !important;color: #ed4605 !important;}
.btn-subtle-orange.border, .border-subtle-orange {border-color: #ecdad3 !important;}
.btn-subtle-outline-orange {border: 1px solid #ffeee7 !important;color: #ed4605 !important;}
.btn-subtle-outline-orange:hover {background-color: #ffeee7  !important;color: #ed4605 !important;}
/* subtle purple */
.bg-subtle-purple {background-color: #f2e7ff !important}
.text-subtle-purple {color: #5a05ed !important;}
.btn-subtle-purple {background-color: #f2e7ff !important;color: #5a05ed !important;}
.btn-subtle-purple:hover, .btn-subtle-purple.active {background-color: #e5d8f5 !important;color: #5a05ed !important;}
.btn-subtle-purple.border, .border-subtle-purple {border-color: #ded0f1 !important;}
.btn-subtle-outline-purple {border: 1px solid #f2e7ff !important;color: #5a05ed !important;}
.btn-subtle-outline-purple:hover {background-color: #f2e7ff  !important;color: #5a05ed !important;}
/* subtle teal */
.bg-subtle-teal {background-color: #e7fffb !important}
.text-subtle-teal {color: #14bba1 !important;}
.btn-subtle-teal {background-color: #e7fffb !important;color: #14bba1 !important;}
.btn-subtle-teal:hover, .btn-subtle-teal.active {background-color: #d4efeb !important;color: #14bba1 !important;}
.btn-subtle-teal.border, .border-subtle-teal {border-color: #c9e8e0 !important;}
.btn-subtle-outline-teal {border: 1px solid #e7fffb !important;color: #14bba1 !important;}
.btn-subtle-outline-teal:hover {background-color: #e7fffb  !important;color: #14bba1 !important;}

.text-subtle-warning{color: #8b7600 !important;}
.blur-soft {filter: blur(1px)}
.blur {filter: blur(3px)}
.blur-hard {filter: blur(5px)}
.text-truncate-1 {-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.text-truncate-2 {-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.text-truncate-3 {-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.text-truncate-4 {-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.text-truncate-5 {-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.subtle-shadow {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)}
.flex-full-center {display: flex;width: 100%; height: 100%; align-items: center; justify-content: center}
.border-bold{border-width: 2px !important}
.animate__animated.animate__delay-100{animation-delay: 100ms}
.animate__animated.animate__delay-200{animation-delay: 200ms}
.animate__animated.animate__delay-300{animation-delay: 300ms}
.animate__animated.animate__delay-400{animation-delay: 400ms}
.animate__animated.animate__delay-500{animation-delay: 500ms}
.animate__animated.animate__delay-600{animation-delay: 600ms}
.animate__animated.animate__delay-700{animation-delay: 700ms}
.animate__animated.animate__delay-800{animation-delay: 800ms}
.animate__animated.animate__delay-900{animation-delay: 900ms}
/* BLOCK */
.blockPage,
.blockElement {
   color: #f7f7f7;
   cursor: wait;
   opacity: 0.9;
   padding: 20px 0;
   text-align: center;
   top: 30%;
   width: 100%;
}
.blockPage p,
.blockElement p {
   font-size: 25px;
   margin: 0;
   text-transform: uppercase;
}
.blockPage h1{
   font-size: 22px;
   font-weight: 300;
}
.blockPage .progress{
   width: 90%;
   margin: 0 auto;
   max-width: 400px;
}

select{
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRBRTExQzg4OTcyMTFFODlFMDJFODQ0MDM0RDYxOTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRBRTExQzc4OTcyMTFFODlFMDJFODQ0MDM0RDYxOTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJGREM0Q0EyMzA1QzhFMkY5RjFFQjJGMTkzRkRDRDdCNiIgc3RSZWY6ZG9jdW1lbnRJRD0iRkRDNENBMjMwNUM4RTJGOUYxRUIyRjE5M0ZEQ0Q3QjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50s/X/AAAAlklEQVR42mL8//8/AzUBEwOVwaiBI8ZAY2PjzYyMjG+4ubnvwzALC8tLJSWlg6QayAIi4uLiZnz8+NHo7t27CjAJISGh925ubrPIciETE9PWkJCQWHl5+YcgvqCg4OuSkpIUW1vbpST7GZT1jhw5wnD69GmGSZMm+UtISJxNSUmJO3jwIFgcJE8KZhzNy6MGDgIDAQIMABCjU7zIT2heAAAAAElFTkSuQmCC') no-repeat 100%  50%;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   padding-right: 20px !important;
}

.form-group.inside-label{position: relative}
.form-group.inside-label label{position: absolute;top: 3px;left: 7px}
.form-group.inside-label input, .form-group.inside-label select, .form-group.inside-label textarea{padding-top: 20px; height: auto}

/* animate */
.animate__fastest {--animate-duration: 300ms !important}

/* loading */
.css-load-wrap{text-align: center}
.css-load {
   display: inline-block;
   position: relative;
   width: 64px;
   height: 64px;
}
.css-load:before {
   content: ' ';
   position: absolute;
   border: 2px solid #CCC;
   opacity: 1;
   border-radius: 50%;
   animation: css-load 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.css-load:after {
   content: ' ';
   position: absolute;
   border: 2px solid #5b8bdd;
   opacity: 1;
   border-radius: 50%;
   animation: css-load 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
   animation-delay: -0.5s;
}
.css-load-wrap.small{
   padding: 5px;
}
.css-load-wrap.small .css-load{
   width: 40px;
   height: 40px;
}
@keyframes css-load {
   0% {
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      opacity: 1;
   }
   100% {
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      opacity: 0;
      border-width: 8px;

   }
}
/* CKEDITOR */
.ck-editor{overflow-x: hidden}
.ck-editor__editable {min-height: 200px}
.ck .image-style-align-center,
.ck .image-style-align-left,
.ck .image-style-align-right{max-width: 50%}
.ck .image > figcaption {color: #333; background-color: #f7f7f7; padding: .6em; font-size: .75em}
.ck .image{text-align: center}
.ck .image > img {display: block; margin: 0 auto; max-width: 100%}
.ck .image-style-align-left{float: left; margin-right: 1em}
.ck .image-style-align-right {float: right; margin-left: 1em}
.ck .image-style-align-center {margin-left: auto;margin-right: auto}
/* 16:9 */
.ck .oembed {position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.ck .oembed iframe {position:absolute;top:0;left:0;width:100%;height:100%}
@media (max-width: 767.98px) {
   .ck .image-style-align-center,
   .ck .image-style-align-left,
   .ck .image-style-align-right{max-width: 100%}
}

.col-five{flex: 0 0 20%;max-width: 20%}
/* sm */
@media (min-width: 576px) {
   .col-sm-five {flex: 0 0 20%;max-width: 20%}
   .border-sm {border: 1px solid #dee2e6 !important}
}
/* md */
@media (min-width: 768px) {
   .col-md-five {flex: 0 0 20%;max-width: 20%}
   .border-md {border: 1px solid #dee2e6 !important}
}
/* lg */
@media (min-width: 992px) {.col-lg-five {flex: 0 0 20%;max-width: 20%}}
/* xl */
@media (min-width: 1200px) {.col-xl-five {flex: 0 0 20%;max-width: 20%}}

/* slick carousel fix jumping height*/
.slick-height-fix {opacity: 0;visibility: hidden;transition: opacity 1s ease;height: 100px;}
.slick-height-fix.slick-initialized {opacity: 1;visibility: visible;height: auto;}