abbr[title] {
    border-bottom: none !important;
    /*cursor: inherit !important;*/
    text-decoration: none !important;
}

.hide-scrollbar {
    /* Firefox */
    scrollbar-width: none;
    /* IE and older Edge */
    -ms-overflow-style: none;
}

/* Chrome, Safari, newer Edge, Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide {
    display: none;
}

.disabled,
.read-only,
[readonly],
[disabled] {
    opacity: 0.7;
    cursor: not-allowed !important;
}

.disabled:hover,
.disabled a:hover {
    text-decoration: none;
}

.required {
    color: red;
    font-weight: 600;
    font-size: 18px;
}

.cursor-hand {
    cursor: pointer !important;
}

.optional {
    color: green;
    font-weight: 600;
    padding-left: 7px;
}

.printable-content-heading {
    display: none;
}

.heading.style1 {
    color: #009edb !important;
    font-weight: 900 !important;
    font-family: Arial;
    margin-bottom: 20px;
}

.uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-shadow-1 {
    text-shadow: 1px 1px 1px #000 !important;
}
.text-faint-3{opacity: .3 !important;}
.text-faint-5{opacity: .5 !important;}
.text-faint-7{opacity: .7 !important;}


/*line height styles*/

.lh-18 {
    line-height: 18px !important;
}

.lh-20 {
    line-height: 20px !important;
}

.lh-22 {
    line-height: 22px !important;
}

.lh-24 {
    line-height: 24px !important;
}

.lh-26 {
    line-height: 26px !important;
}

.lh-28 {
    line-height: 28px !important;
}

.lh-30 {
    line-height: 30px !important;
}

.lh-32 {
    line-height: 32px !important;
}

.lh-34 {
    line-height: 34px !important;
}

.lh-36 {
    line-height: 36px !important;
}

.lh-38 {
    line-height: 38px !important;
}

.lh-40 {
    line-height: 40px !important;
}


/**/

.text-italic {
    font-style: italic !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Styles for the image in its normal state */
img.scale-img {
  transition: transform 0.3s ease-in-out; /* Smooth transition over 0.3 seconds */
}

/* Styles for the image on hover */
img.scale-img:hover {
  transform: scale(1.1); /* Scales the image to 110% of its original size */
}
/**/
.overflow-hidden{
    overflow: hidden !important;
}
.overflow-auto{
    overflow: auto !important;
}
.va-m {
    vertical-align: middle !important;
}

.empty {
    opacity: .6;
    font-style: italic;
}

.no-data {
    display: inline-block;
    margin: 5%;
}

.no-data-2 {
    display: block;
    margin: 10% auto;
    max-width: 99%;
}

.no-data-tr {
    border: 1px solid rgba(0, 0, 0, .1);
}

.no-data-tr a {
    color: blue !important;
    display: inline-block;
    margin-left: 30px;
}

.shadow-1 {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
}

.shadow {
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15) !important;
    box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15) !important;
}

.shadow-sm {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15) !important;
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(29, 58, 83, 0.15) !important;
    box-shadow: 0 1rem 3rem rgba(29, 58, 83, 0.15) !important;
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/*backgrounds*/

.bg-trpt {
    background: rgba(0, 0, 0, .05) !important;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.bg-light-1 {
    background: #fcf9f9 !important;
}

.bg-light-2 {
    background: #f9f4f4 !important;
}

.bg-red-1 {
    background: #ee1d23 !important;
}

.bg-red-2 {
    background: #d11419 !important;
}

.bg-red-3 {
    background: #f40505 !important;
}

.bg-red-4 {
    background: red !important;
}

.bg-lightred-1 {
    background-color: #fbe9eb !important;
}

.bg-trpt1 {
    background: rgba(255, 255, 255, .5) !important;
    /*border-radius: 15px;*/
    border: 1px solid rgba(0, 0, 0, .05);
}

.bg-trpt2 {
    background: rgba(0, 0, 0, .3) !important;
    border-radius: 15px;
}

.bg-trpt3 {
    background: rgba(255, 255, 255, .8) !important;
    border-radius: 15px;
}

.bg-trpt4 {
    background: rgba(255, 255, 255, .6) !important;
    border-radius: 15px;
}

.bg-img1 {
    position: relative;
}

.bg-danger-soft-hover:hover,
.bg-danger-soft-hover:active,
.bg-danger-soft-hover:focus {
    background-color: rgba(214, 41, 62, 0.1) !important;
    color: #d6293e !important;
}

.bg-primary-soft-hover:hover {
    background-color: rgba(6, 106, 201, 0.1);
}

.bg-yellow-1 {
    background: #ffd200 !important;
}

.text-yellow-1 {
    color: yellow !important;
}


/**/

.img1 {
    background: url('../images/backgrounds/mun-bg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.img2 {
    background: url('../images/backgrounds/3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.img3 {
    background: url('../images/backgrounds/3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img1 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
}

.bg-img1 .overlay {
    background: rgba(0, 0, 0, .3);
}

.bg-img1 .to-foreground {
    position: relative;
    z-index: 30;
}

.bg-img1 .card {
    border: 2px solid #009edb;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.bg-img1 .main-label {
    color: #000;
    font-weight: 600;
    font-family: Arial;
}

.bg-img1 .form-control {
    color: #000;
    border: 1px solid rgba(0, 0, 0, .2);
    min-height: 45px;
}

.bg-img1 .custom-radio-1 input+label {
    color: #000;
    border: 1px solid rgba(0, 0, 0, .3);
}

.bg-img1 .btn-group.style1 .btn {
    padding: 20px 30px;
}

.bg-img1 .btn-group.style1 .btn-default {
    background: rgba(255, 255, 255, .3);
    color: #fff;
}

.bg-img1 .btn-group.style1 .btn-default:hover {
    background: rgba(255, 255, 255, .6);
    color: #000;
}

.img-bg-1 {
    position: relative;
    background-image: url(../images/bg-image/1.jpg);
    background-position: center;
    background-size: cover;
}

.img-bg-2 {
    position: relative;
    background-image: url(../images/bg/07.jpg);
    background-position: center;
    background-size: cover;
}

.img-bg-3 {
    position: relative;
    background-image: url(../images/bg/08.jpg);
    background-position: center;
    background-size: cover;
}

.img-bg-4 {
    position: relative;
    background-image: url(../images/bg/1.png);
    background-position: center;
    background-size: cover;
}

.img-bg-5 {
    position: relative;
    background-image: url(../images/bg/2.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.img-bg-6 {
    position: relative;
    background-image: url(../images/bg/3.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.img-bg-1 .section-content,
.img-bg-2 .section-content,
.img-bg-3 .section-content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.img-caption {
    line-height: 20px !important;
    margin-bottom: 0;
    padding: 0;
    font-style: italic;
    font-size: 90%;
    font-weight: 500;
}

.img-caption.add-lr-pdg {
    padding-left: 30px;
    padding-right: 30px;
}


/**/


/* dividers */

.divider10 {
    height: 10px;
}

.divider25 {
    height: 20px;
}

.divider20 {
    height: 25px;
}

.divider30 {
    height: 30px;
}

.divider40 {
    height: 40px;
}

.divider50 {
    height: 50px;
}

.divider60 {
    height: 60px;
}

.divider70 {
    height: 70px;
}

.divider80 {
    height: 80px;
}

.divider90 {
    height: 90px;
}

.divider100 {
    height: 100px;
}

.divider120 {
    height: 150px;
}

.divider130 {
    height: 150px;
}

.divider150 {
    height: 150px;
}

.divider160 {
    height: 160px;
}

.divider170 {
    height: 170px;
}

.divider180 {
    height: 180px;
}

.divider190 {
    height: 190px;
}

.divider200 {
    height: 200px;
}

.divider250 {
    height: 250px;
}

.divider-centered {
    width: 100%;
    max-width: 90%;
    height: 5px;
    margin: 0 auto;
    background: red;
    margin-top: 50px;
    margin-bottom: 50px;
}

.divider-centered.w-50 {
    max-width: 50%;
}


/**/


/**/

.pdg-a0 {
    padding: 0px !important;
}

.pdg-a5 {
    padding: 5px !important;
}

.pdg-a10 {
    padding: 10px !important;
}

.pdg-a15 {
    padding: 15px !important;
}

.pdg-a20 {
    padding: 20px !important;
}

.pdg-a25 {
    padding: 25px !important;
}

.pdg-a30 {
    padding: 30px !important;
}

.pdg-a35 {
    padding: 35px !important;
}

.pdg-a40 {
    padding: 40px !important;
}

.pdg-a45 {
    padding: 45px !important;
}

.pdg-a50 {
    padding: 50px !important;
}


/**/

.pdg-t0 {
    padding-top: 0px !important;
}

.pdg-t5 {
    padding-top: 5px !important;
}

.pdg-t10 {
    padding-top: 10px !important;
}

.pdg-t15 {
    padding-top: 15px !important;
}

.pdg-t20 {
    padding-top: 20px !important;
}

.pdg-t25 {
    padding-top: 25px !important;
}

.pdg-t30 {
    padding-top: 30px !important;
}

.pdg-t35 {
    padding-top: 35px !important;
}

.pdg-t40 {
    padding-top: 40px !important;
}

.pdg-t45 {
    padding-top: 45px !important;
}

.pdg-t50 {
    padding-top: 50px !important;
}

.pdg-t60 {
    padding-top: 60px !important;
}

.pdg-t70 {
    padding-top: 70px !important;
}

.pdg-t80 {
    padding-top: 80px !important;
}

.pdg-t90 {
    padding-top: 90px !important;
}

.pdg-t100 {
    padding-top: 100px !important;
}


/**/

.pdg-l0 {
    padding-left: 0px !important;
}

.pdg-l5 {
    padding-left: 5px !important;
}

.pdg-l10 {
    padding-left: 10px !important;
}

.pdg-l15 {
    padding-left: 15px !important;
}

.pdg-l20 {
    padding-left: 20px !important;
}

.pdg-l25 {
    padding-left: 25px !important;
}

.pdg-l30 {
    padding-left: 30px !important;
}

.pdg-l35 {
    padding-left: 35px !important;
}

.pdg-l40 {
    padding-left: 40px !important;
}

.pdg-l45 {
    padding-left: 45px !important;
}

.pdg-l50 {
    padding-left: 50px !important;
}

.pdg-l60 {
    padding-left: 60px !important;
}

.pdg-l70 {
    padding-left: 70px !important;
}

.pdg-l80 {
    padding-left: 80px !important;
}

.pdg-l90 {
    padding-left: 90px !important;
}

.pdg-l100 {
    padding-left: 100px !important;
}


/**/

.pdg-r0 {
    padding-right: 0px !important;
}

.pdg-r5 {
    padding-right: 5px !important;
}

.pdg-r10 {
    padding-right: 10px !important;
}

.pdg-r15 {
    padding-right: 15px !important;
}

.pdg-r20 {
    padding-right: 20px !important;
}

.pdg-r25 {
    padding-right: 25px !important;
}

.pdg-r30 {
    padding-right: 30px !important;
}

.pdg-r35 {
    padding-right: 35px !important;
}

.pdg-r40 {
    padding-right: 40px !important;
}

.pdg-r45 {
    padding-right: 45px !important;
}

.pdg-r50 {
    padding-right: 50px !important;
}

.pdg-r60 {
    padding-right: 60px !important;
}

.pdg-r70 {
    padding-right: 70px !important;
}

.pdg-r80 {
    padding-right: 80px !important;
}

.pdg-r90 {
    padding-right: 90px !important;
}

.pdg-r100 {
    padding-right: 100px !important;
}


/**/

.pdg-b10 {
    padding-bottom: 10px !important;
}

.pdg-b15 {
    padding-bottom: 15px !important;
}

.pdg-b20 {
    padding-bottom: 20px !important;
}

.pdg-b25 {
    padding-bottom: 25px !important;
}

.pdg-b30 {
    padding-bottom: 30px !important;
}

.pdg-b35 {
    padding-bottom: 35px !important;
}

.pdg-b40 {
    padding-bottom: 40px !important;
}

.pdg-b45 {
    padding-bottom: 45px !important;
}

.pdg-b50 {
    padding-bottom: 50px !important;
}

.pdg-b60 {
    padding-bottom: 60px !important;
}

.pdg-b70 {
    padding-bottom: 70px !important;
}

.pdg-b80 {
    padding-bottom: 80px !important;
}

.pdg-b90 {
    padding-bottom: 90px !important;
}

.pdg-b100 {
    padding-bottom: 100px !important;
}


/**/


/**/


/**/

.mgn-a0 {
    margin: 0px !important;
}

.mgn-a5 {
    margin: 5px !important;
}

.mgn-a10 {
    margin: 10px !important;
}

.mgn-a15 {
    margin: 15px !important;
}

.mgn-a20 {
    margin: 20px !important;
}

.mgn-a25 {
    margin: 25px !important;
}

.mgn-a30 {
    margin: 30px !important;
}

.mgn-a35 {
    margin: 35px !important;
}

.mgn-a40 {
    margin: 40px !important;
}

.mgn-a45 {
    margin: 45px !important;
}

.mgn-a50 {
    margin: 50px !important;
}


/**/

.mgn-t0 {
    margin-top: 0px !important;
}

.mgn-t5 {
    margin-top: 5px !important;
}

.mgn-t10 {
    margin-top: 10px !important;
}

.mgn-t15 {
    margin-top: 15px !important;
}

.mgn-t20 {
    margin-top: 20px !important;
}

.mgn-t25 {
    margin-top: 25px !important;
}

.mgn-t30 {
    margin-top: 30px !important;
}

.mgn-t35 {
    margin-top: 35px !important;
}

.mgn-t40 {
    margin-top: 40px !important;
}

.mgn-t45 {
    margin-top: 45px !important;
}

.mgn-t50 {
    margin-top: 50px !important;
}

.mgn-t60 {
    margin-top: 60px !important;
}

.mgn-t70 {
    margin-top: 70px !important;
}

.mgn-t80 {
    margin-top: 80px !important;
}

.mgn-t90 {
    margin-top: 90px !important;
}

.mgn-t100 {
    margin-top: 100px !important;
}


/**/

.mgn-l0 {
    margin-left: 0px !important;
}

.mgn-l5 {
    margin-left: 5px !important;
}

.mgn-l10 {
    margin-left: 10px !important;
}

.mgn-l15 {
    margin-left: 15px !important;
}

.mgn-l20 {
    margin-left: 20px !important;
}

.mgn-l25 {
    margin-left: 25px !important;
}

.mgn-l30 {
    margin-left: 30px !important;
}

.mgn-l35 {
    margin-left: 35px !important;
}

.mgn-l40 {
    margin-left: 40px !important;
}

.mgn-l45 {
    margin-left: 45px !important;
}

.mgn-l50 {
    margin-left: 50px !important;
}

.mgn-l60 {
    margin-left: 60px !important;
}

.mgn-l70 {
    margin-left: 70px !important;
}

.mgn-l80 {
    margin-left: 80px !important;
}

.mgn-l90 {
    margin-left: 90px !important;
}

.mgn-l100 {
    margin-left: 100px !important;
}


/**/

.mgn-r0 {
    margin-right: 0px !important;
}

.mgn-r5 {
    margin-right: 5px !important;
}

.mgn-r10 {
    margin-right: 10px !important;
}

.mgn-r15 {
    margin-right: 15px !important;
}

.mgn-r20 {
    margin-right: 20px !important;
}

.mgn-r25 {
    margin-right: 25px !important;
}

.mgn-r30 {
    margin-right: 30px !important;
}

.mgn-r35 {
    margin-right: 35px !important;
}

.mgn-r40 {
    margin-right: 40px !important;
}

.mgn-r45 {
    margin-right: 45px !important;
}

.mgn-r50 {
    margin-right: 50px !important;
}

.mgn-r60 {
    margin-right: 60px !important;
}

.mgn-r70 {
    margin-right: 70px !important;
}

.mgn-r80 {
    margin-right: 80px !important;
}

.mgn-r90 {
    margin-right: 90px !important;
}

.mgn-r100 {
    margin-right: 100px !important;
}


/**/

.mgn-b10 {
    margin-bottom: 10px !important;
}

.mgn-b15 {
    margin-bottom: 15px !important;
}

.mgn-b20 {
    margin-bottom: 20px !important;
}

.mgn-b25 {
    margin-bottom: 25px !important;
}

.mgn-b30 {
    margin-bottom: 30px !important;
}

.mgn-b35 {
    margin-bottom: 35px !important;
}

.mgn-b40 {
    margin-bottom: 40px !important;
}

.mgn-b45 {
    margin-bottom: 45px !important;
}

.mgn-b50 {
    margin-bottom: 50px !important;
}

.mgn-b60 {
    margin-bottom: 60px !important;
}

.mgn-b70 {
    margin-bottom: 70px !important;
}

.mgn-b80 {
    margin-bottom: 80px !important;
}

.mgn-b90 {
    margin-bottom: 90px !important;
}

.mgn-b100 {
    margin-bottom: 100px !important;
}


/**/

.text-lightblue {
    color: lightblue;
}

.text-orange {
    color: orange !important;
}

.text-yellow {
    color: #ffd200 !important;
}

.text-green {
    color: green !important;
}

.bold {
    font-weight: 700 !important;
    ;
}

.bold600 {
    font-weight: 600 !important;
    ;
}

.block {
    display: block;
}

.to-right {
    float: right;
}

.to-right:after {
    clear: both;
    display: block;
    content: "";
}

.border-radius10 {
    border-radius: 10px !important;
}

.border-radius15 {
    border-radius: 15px !important;
}

.border-radius20 {
    border-radius: 20px !important;
}

.border-radius25 {
    border-radius: 25px !important;
}

.border-radius30 {
    border-radius: 30px !important;
}

.border-0 {
    border: 0 !important;
}

.rounded {
    border-radius: 0.325rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.325rem !important;
}

.rounded-3 {
    border-radius: 0.5rem !important;
}


.rounded-4 {
    border-radius: 1rem !important;
}

.rounded-5 {
    border-radius: 1.25rem !important;
}

.rounded-10 {
    border-radius: 2.5rem !important;
}

.rounded-100 {
    border-radius: 100px !important;
}

.rounded-circle {
    border-radius: 50% !important;
}


/**/

.important {
    font-weight: 900;
    font-size: 18px;
    font-family: Arial;
    font-style: italic;
}


/**/

.nowrap {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.auto-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media(max-width: 575.98px) {
    .auto-wrap {
        display: block;
    }
}

.justify {
    text-align: justify;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 0;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

.sidebar-style1 {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    border-top: 10px solid rgba(0, 0, 0, 1.0);
    border-radius: 10px;
}

.sidebar-style1 .sidbar-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-style1 .sidbar-menu li {
    margin-top: 2px;
}

.sidebar-style1 .sidbar-menu li:first-child {
    margin-top: 0;
}

.sidebar-style1 .sidbar-menu li a {
    display: block;
    width: 100%;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.04);
    font-weight: 600;
}

.sidebar-style1 .sidbar-menu li a:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

@media(max-width: 767px) {
    .sm-hide {
        display: none;
    }
    .sidebar-style1 {
        margin-bottom: 30px;
    }
    .sidebar-style1 .sidbar-menu:after,
    .sidebar-style1:after {
        clear: both;
        display: block;
        content: "";
    }
    .sidebar-style1 .sidbar-menu li {
        float: left;
    }
    .sidebar-style1 .sidbar-menu li a:after {
        font-size: 18px;
        content: "|";
        /*margin-left: 5px;
            margin-right: 2px;*/
        opacity: 0.2;
        display: inline-block;
        color: #000;
    }
    .sidebar-style1 .sidbar-menu li a:last-child:after,
    .data-actions button:last-child:after {
        content: ''
    }
}

.toggle .num {
    margin-right: 15px;
    display: inline-block;
    padding: 6px;
    background: rgba(0, 0, 0, 1.0);
    color: #fff;
    text-align: center;
    height: 30px;
    width: 30px;
    border: 2px solid red;
    border-right-width: 5px;
    border-radius: 50%;
}

.participate-form {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px;
    height: 100%;
    border-radius: 10px;
}

.participate-form .heading {}

.category-box-1 {
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px;
    text-align: center;
}

.category-box-1 img {
    margin-bottom: 15px;
    width: 100%;
    max-width: 150px;
}

.category-box-1 p {}

.category-box-1:hover,
.category-box-1:hover a {
    background: lightblue;
    color: #000 !important;
}

@media(max-width: 767.98px) {
    .category-box-1 img {
        width: 100%;
    }
}


/*categories list*/

.categories-section {
    margin-top: 30px;
}

.categories-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.categories-section .section-title {
    font-weight: 700;
    font-family: Arial;
    border-bottom: 5px solid rgba(0, 0, 0, .05);
    margin-bottom: 30px;
    padding-bottom: 5px;
}

.categories-section li:after {
    clear: both;
    display: block;
    content: "";
}

.categories-section li {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-top: 10px;
    padding-bottom: 10px;
}

.categories-section.text-dark,
.categories-section.text-dark a {
    color: #000;
}

.categories-section ul li.active {
    background: rgba(0, 0, 0, .05);
    padding: 3px 12px;
}

.categories-section ul li.active a,
.categories-section ul li.active span {
    color: green !important;
    font-weight: 700;
}

.categories-section li:last-child {
    border-bottom: 0;
}

.categories-section li a {
    width: calc(100% - 10%);
    float: left;
    white-space: normal;
}

.categories-section li span {
    width: 10%;
    float: right;
}


/*widget*/


/*end*/

.link {
    color: blue;
}

a.has-icon,
.icon-prepended,
.icon-apended,
.has-action {
    display: flex !important;
    color: inherit;
}
.center-items,
a.has-icon.center-items,
.icon-prepended.center-items,
.icon-apended.center-items,
.has-action.center-items{  
    justify-content: center;
    align-items: center;
}

a.has-icon .link-icon,
.icon-prepended .elm-icon,
.icon-apended .elm-icon {
    width: 32px;
}

a.has-icon .link-icon img,
.icon-prepended .elm-icon img,
.icon-apended .elm-icon img{
    width: 100%;
    max-width: 50px;
    margin: auto 0;
}

a.has-icon .link-icon i,
.icon-prepended .elm-icon i,
.icon-apended .elm-icon i {}

a.has-icon .link-text,
.icon-prepended .elm-text,
.icon-apended .elm-text {
    width: calc(100% - 32px);
    line-height: 20px;
}

.has-action .action-block {
    width: 60px;
}

.has-action .info-block{
    width: calc(100% - 60px);
}

a.has-icon.iw-18 .link-icon,
.icon-prepended.iw-18 .elm-icon,
.icon-apended.iw-18 .elm-icon {
    width: 18px;
}

a.has-icon.iw-18 .link-text,
.icon-prepended.iw-18 .elm-text,
.icon-apended.iw-18 .elm-text {
    width: calc(100% - 18px);
}

a.has-icon.iw-20 .link-icon,
.icon-prepended.iw-20 .elm-icon,
.icon-apended.iw-20 .elm-icon {
    width: 20px;
}

a.has-icon.iw-20 .link-text,
.icon-prepended.iw-20 .elm-text,
.icon-apended.iw-20 .elm-text {
    width: calc(100% - 20px);
}


a.has-icon.iw-22 .link-icon,
.icon-prepended.iw-22 .elm-icon,
.icon-apended.iw-22 .elm-icon {
    width: 22px;
}

a.has-icon.iw-22 .link-text,
.icon-prepended.iw-22 .elm-text,
.icon-apended.iw-22 .elm-text {
    width: calc(100% - 18px);
}



a.has-icon.iw-24 .link-icon,
.icon-prepended.iw-24 .elm-icon,
.icon-apended.iw-24 .elm-icon {
    width: 24px;
}

a.has-icon.iw-24 .link-text,
.icon-prepended.iw-24 .elm-text,
.icon-apended.iw-24 .elm-text {
    width: calc(100% - 18px);
}



a.has-icon.iw-26 .link-icon,
.icon-prepended.iw-26 .elm-icon,
.icon-apended.iw-26 .elm-icon {
    width: 26px;
}

a.has-icon.iw-26 .link-text,
.icon-prepended.iw-26 .elm-text,
.icon-apended.iw-26 .elm-text {
    width: calc(100% - 26px);
}

a.has-icon.iw-30 .link-icon,
.icon-prepended.iw-30 .elm-icon,
.icon-apended.iw-30 .elm-icon ,
.has-action.iw-30 .action-block {
    width: 30px;
}

a.has-icon.iw-30 .link-text,
.icon-prepended.iw-30 .elm-text,
.icon-apended.iw-30 .elm-text,
.has-action.iw-30 .info-block  {
    width: calc(100% - 30px);
}

a.has-icon.iw-40 .link-icon,
.icon-prepended.iw-40 .elm-icon,
.icon-apended.iw-40 .elm-icon ,
.has-action.iw-40 .action-block {
    width: 40px;
}

a.has-icon.iw-40 .link-text,
.icon-prepended.iw-40 .elm-text,
.icon-apended.iw-40 .elm-text,
.has-action.iw-40 .info-block  {
    width: calc(100% - 40px);
}

a.has-icon.iw-50 .link-icon,
.icon-prepended.iw-50 .elm-icon,
.icon-apended.iw-50 .elm-icon,
.has-action.iw-50 .action-block  {
    width: 50px;
}

a.has-icon.iw-50 .link-text,
.icon-prepended.iw-50 .elm-text,
.icon-apended.iw-50 .elm-text,
.has-action.iw-50 .info-block  {
    width: calc(100% - 50px);
}

a.has-icon.iw-60 .link-icon,
.icon-prepended.iw-60 .elm-icon,
.icon-apended.iw-60 .elm-icon {
    width: 60px;
}

a.has-icon.iw-60 .link-text,
.icon-prepended.iw-60 .elm-text,
.icon-apended.iw-60 .elm-text {
    width: calc(100% - 60px);
}


a.has-icon.iw-70 .link-icon,
.icon-prepended.iw-70 .elm-icon,
.icon-apended.iw-70 .elm-icon,
.has-action.iw-70 .action-block {
    width: 70px;
}

a.has-icon.iw-70 .link-text,
.icon-prepended.iw-70 .elm-text,
.icon-apended.iw-70 .elm-text,
.has-action.iw-70 .info-block {
    width: calc(100% - 70px);
}

a.has-icon.iw-80 .link-icon,
.icon-prepended.iw-80 .elm-icon,
.icon-apended.iw-80 .elm-icon,
.has-action.iw-80 .action-block {
    width: 80px;
}

a.has-icon.iw-80 .link-text,
.icon-prepended.iw-80 .elm-text,
.icon-apended.iw-80 .elm-text,
.has-action.iw-80 .info-block {
    width: calc(100% - 80px);
}

a.has-icon.iw-90 .link-icon,
.icon-prepended.iw-90 .elm-icon,
.icon-apended.iw-90 .elm-icon,
.has-action.iw-90 .action-block {
    width: 90px;
}

a.has-icon.iw-90 .link-text,
.icon-prepended.iw-90 .elm-text,
.icon-apended.iw-90 .elm-text,
.has-action.iw-90 .info-block {
    width: calc(100% - 90px);
}

a.has-icon.iw-100 .link-icon,
.icon-prepended.iw-100 .elm-icon,
.icon-apended.iw-100 .elm-icon,
.has-action.iw-100 .action-block {
    width: 100px;
}

a.has-icon.iw-100 .link-text,
.icon-prepended.iw-100 .elm-text,
.icon-apended.iw-100 .elm-text,
.has-action.iw-100 .info-block {
    width: calc(100% - 100px);
}

a.has-icon.iw-120 .link-icon,
.icon-prepended.iw-120 .elm-icon,
.icon-apended.iw-120 .elm-icon,
.has-action.iw-120 .action-block {
    width: 120px;
}

a.has-icon.iw-120 .link-text,
.icon-prepended.iw-120 .elm-text,
.icon-apended.iw-120 .elm-text,
.has-action.iw-120 .info-block {
    width: calc(100% - 120px);
}

a.has-icon.iw-150 .link-icon,
.icon-prepended.iw-150 .elm-icon,
.icon-apended.iw-150 .elm-icon,
.has-action.iw-150 .action-block {
    width: 150px;
}

a.has-icon.iw-150 .link-text,
.icon-prepended.iw-150 .elm-text,
.icon-apended.iw-150 .elm-text,
.has-action.iw-150 .info-block {
    width: calc(100% - 150px);
    background-color: yellow !important;
}

/**/

.control-prepended {
    display: flex;
}

.control-prepended .control-sec {
    width: 50px;
}

.control-prepended a.btn-sm {
    padding: 0 6px;
    font-size: 12px;
}

.control-prepended .content-sec {
    width: calc(100% - 50px);
}

.control-prepended.iw-100 .control-sec {
    width: 100px;
}

.control-prepended.iw-100 .content-sec {
    width: calc(100% - 100px);
}

.button {
    /* appearance */
    background-color: #3f3f3f;
    background-image: -moz-linear-gradient( top, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 50%);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(100%, rgba(255, 255, 255, 0.0)), color-stop(50%, rgba(255, 255, 255, 0.1)));
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(139, 139, 139, 1) inset, 0 1px 0 rgba(88, 88, 88, 1);
    -moz-box-shadow: 0 1px 0 rgba(139, 139, 139, 1) inset, 0 1px 0 rgba(88, 88, 88, 1);
    box-shadow: 0 1px 0 rgba(139, 139, 139, 1) inset, 0 1px 0 rgba(88, 88, 88, 1);
    cursor: pointer;
    /* position */
    display: inline-block;
    /* size */
    padding: 6px 12px;
    min-height: 28px;
    font-size: 85%;
    /* text */
    color: #eaeaea;
    text-decoration: none;
    white-space: nowrap;
}

.button:hover {
    color: #fff;
    text-decoration: none;
}

.stretched-link::hover {
    border: 1px solid green;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}


/* Dropdown Button */

.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.iconic-list.style1 {
    display: block;
    margin-top: 5px;
}

.iconic-list p {
    margin: 0 !important;
    padding: 0 !important;
}

.iconic-list.style1:after {
    clear: both;
    display: block;
    content: "";
}

.iconic-list.style1 .icon-box {
    width: 40px;
    float: left;
    padding-top: 5px;
}

.iconic-list.style1 .icon-box img {
    width: 100%;
    max-width: 40px;
}

.iconic-list.style1 .icon-box i {
    font-size: 26px !important;
    color: #000;
}

.iconic-list.style1 .desc-box {
    width: calc(100% - 40px);
    float: right;
    padding-top: 8px;
}

.iconic-list.style1.iw-20 .icon-box {
    width: 20px;
}

.iconic-list.style1.iw-20 .desc-box {
    width: calc(100% - 20px);
}

.iconic-list.style1.iw-25 .icon-box {
    width: 25px;
}

.iconic-list.style1.iw-25 .desc-box {
    width: calc(100% - 25px);
}

.iconic-list.style1.iw-30 .icon-box {
    width: 30px;
}

.iconic-list.style1.iw-30 .desc-box {
    width: calc(100% - 30px);
}

.iconic-list.style1.iw-50 .icon-box {
    width: 50px;
}

.iconic-list.style1.iw-50 .desc-box {
    width: calc(100% - 50px);
}

.iconic-list.style1.iw-60 .icon-box {
    width: 60px;
}

.iconic-list.style1.iw-60 .desc-box {
    width: calc(100% - 60px);
}

.iconic-list.style1.iw-70 .icon-box {
    width: 70px;
}

.iconic-list.style1.iw-70 .desc-box {
    width: calc(100% - 70px);
}

.iconic-list.style1.iw-80 .icon-box {
    width: 80px;
}

.iconic-list.style1.iw-80 .desc-box {
    width: calc(100% - 80px);
}

.iconic-list.style1.iw-90 .icon-box {
    width: 90px;
}

.iconic-list.style1.iw-90 .desc-box {
    width: calc(100% - 90px);
}

.iconic-list.style1.iw-100 .icon-box {
    width: 100px;
}

.iconic-list.style1.iw-100 .desc-box {
    width: calc(100% - 100px);
}

.tile-box.style1 {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    padding: 5px;
    line-height: 20px;
}

.tile-box.style1 a {
    color: blue;
}

.tile-box.style1 p {
    margin: 0;
}


/*Publish*/

#publish_page {
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 1000;
}

.enhance-editable {
    position: relative;
    display: inline-block;
    outline: 1px solid transparent;
    padding: 5px 20px;
    border: 1px solid rgba(0, 0, 255, .3);
}

.enhance-editable:focus {
    outline-color: blueviolet;
}

.editable-indicator {
    position: absolute;
    top: -5px;
    right: -10px;
    z-index: 2;
    background: blue;
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 18px !important;
}

.editable-indicator i {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 10px;
}


/*------------------------------------------*/


/*signup form*/

.jt-signup {}

.jt-signup .banner-section {}


/*search styles*/

.search-drop {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px 20px;
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 100%;
    z-index: 8;
    border-radius: 20px;
    background-color: #eee;
    padding-top: 68px;
    box-sizing: border-box;
    display: none;
    text-align: left;
}

.search-drop.is-visible {}

.search-drop .close-search-drop {
    padding: 0px 12px;
    margin-top: 30px;
    float: right;
}

.search-drop:after {
    clear: both;
    display: block;
    content: "";
}

.search-drop .title {
    font-size: 100%;
    font-weight: 600;
    line-height: 20px;
}

.search-drop ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-drop ul li {
    cursor: pointer;
    display: inline-block;
    color: blue;
    margin: 5px;
    margin-bottom: 0;
    /*    width: 25%;*/
}


/*.search-drop ul li:after{
    font-size: 18px;
    content: "|";
    margin-left: 5px;
    margin-right: 2px;
    opacity: 0.2;
    display: inline-block;
    color: #000;
}

.search-drop ul li:last-child:after{
    content: ''
}*/


/*   POPUP STYLES
/*------------------------------------------*/


/*search*/

.jt-search-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    background: #eee;
    display: none;
    overflow: auto;
    padding: 30px;
    box-sizing: border-box;
}

.jt-search-popup .search-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    padding: 10px;
    background-color: red;
}

.jt-search-popup .search-header .search-header-container {
    display: flex;
}

.jt-search-popup .search-header .search-header-container .header-left {
    width: 150px;
}

.jt-search-popup .search-header .search-header-container .header-right {
    width: calc(100% - 150px);
    display: flex;
}

.jt-search-popup .search-header .search-header-container .header-right .header-title {
    width: calc(100% - 32px);
}

.jt-search-popup .search-header .search-header-container .header-right .header-close {
    width: 32px;
}

.jt-search-popup .search-header .search-header-container .header-right .header-close button {
    display: block;
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #000;
    font-size: 26px;
}

.jt-search-popup .search-header .search-header-container .header-right .header-close button:hover {
    color: #fff;
    background-color: red;
}

.jt-search-popup .search-body {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 50px;
}

.jt-search-popup .search-body .search-form {
    padding: 20px 0 14px;
    position: relative;
    max-width: 80%;
    margin: 0 auto;
}

.jt-search-popup .search-body .search-form .search-pack {
    position: relative;
    background: #fff none repeat scroll 0 0;
}

.jt-search-popup .search-body .search-form .search-pack input {
    position: absolute;
    border: none;
    background: #fff;
    padding: 6px 20px;
    height: 45px;
    padding-right: 52px;
    font-size: 13px;
    width: 100%;
    border-radius: 100px;
    z-index: 10;
}

.jt-search-popup .search-body .search-form .search-pack .search-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    border: unset;
    box-shadow: unset;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    font-size: 14px;
    display: block;
    text-align: center;
    transition: all .3s;
    z-index: 11;
    background-color: #000;
    color: #fff;
}

.jt-search-popup .search-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}


/*______________________________________
//  POPUP*/

.popup {
    position: fixed;
    /*width: 100%;
    height: 100%;*/
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10000;
    display: none;
}

.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 50%;
    height: 90%;
    min-height: 250px;
    z-index: 15000;
    border: 8px solid #ddd;
    /*border-top-width: 5px;*/
    background: #eee;
    color: #666666;
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.popup-content-sm {
    width: 20%;
}

.popup-content-md {
    width: 40%;
}

.popup-content-lg {
    width: 60%;
}

.popup-content-xl {
    width: 80%;
}

.popup-content-hsm {
    height: 250px;
}

.popup-content-hmd {
    height: 320px;
}

.popup-content-hlg {
    height: 500px;
}

.popup-header {
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 30px;
    font-size: 12px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset; */
}

.popup-header:after {
    clear: both;
    display: block;
    content: "";
}

.popup-title {
    width: calc(100% - 35px);
    float: left;
    padding: 3px 15px;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
}

.popup-close {
    width: 35px;
    float: right;
    height: 28px;
    font-size: 16px;
    padding: 2px 11px;
    background: #a00;
    color: #fff;
}

.popup-close:hover {
    background: red;
    cursor: pointer;
}

.popup-body {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 50px;
    padding: 10px 15px;
    overflow: auto;
    /* box-shadow: 0 0 1px rgba(0, 0, 50, 1) inset; */
}

.popup-body.overflow-hidden {
    overflow: hidden;
}

.popup-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    height: 50px;
    padding: 12px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.popup.no-footer .popup-body {
    bottom: 0;
}

.popup-footer-left {
    width: calc(100% - 50%);
    float: left;
}

.popup-footer-right {
    width: 50%;
    float: right;
}

.popup-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: right;
    max-width: 230px;
    margin-top: -3px;
}

.popup-buttons:after {
    clear: both;
    display: block;
    content: "";
}

.popup-footer button {
    font-size: 80%;
    padding: 3px 12px;
    margin-right: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    height: 35px;
}

.popup.standard-popup .popup-footer{
    padding: 5px;
    padding-top: 8px;
}
.popup.standard-popup .footer-buttons{
    position: absolute;
    right: 12px;
}

.popup.standard-popup .footer-buttons button,
.popup.standard-popup .footer-buttons a{
    padding: 4px 20px;
    border-radius: 100px;
}


.popup.popup-classic .popup-content{
    border-width: 1px;
    box-shadow: none;
    border-radius: 10px;
    background-color: #fff;
}

.popup.popup-classic .popup-header{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.popup.popup-classic .popup-header .popup-title{

}
.popup.popup-classic .popup-header .popup-close{
    background-color: transparent;
    color: red;
}

.popup.popup-classic .popup-footer{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*  */

#search_results_count {
    color: green;
    font-weight: 600;
    font-size: 82%;
}


/* otp popup */

.popup.otp-popup {}

.popup.otp-popup .popup-content {
    padding: 30px;
}

.otp-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 240px;
    margin: 30px auto;
}

.otp-fields input {
    width: 30px;
    margin-right: 10px;
    text-align: center;
    min-height: 39px;
    border: 0;
    border-bottom: 1px solid #000000;
    outline: 0;
    font-size: 26px;
}

.otp-fields input:focus {
    border-color: #057aee;
    outline: 0;
    box-shadow: none;
}

.status-icon {}

.status-icon img {
    display: block;
    width: 32px;
    margin: 0 auto;
}

.status-text {
    font-weight: 700;
    text-align: center;
    padding: 5px;
}

.status-text.text-green {
    color: #10a64a;
}

.verify-btn {
    display: block;
    width: 100%;
    max-width: 150px;
    text-align: center;
    margin: 0 auto;
}

@media(max-width: 1023.98px) {
    .popup-content {
        width: 90%;
        height: 90%;
    }
    .popup.standard-popup .popup-content{
        min-height: 480px;
        width: 95%;
        height: 80%;
    }
}

@media(max-width: 575.98px) {
    .popup-content {
        width: 95%;
        height: 95%;
    }
    .popup.otp-popup .popup-body {
        padding: 15px;
    }
    .crop-popup .popup-content {
        padding: 0 0;
        border: 1px;
        min-width: 95%;
    }

    .popup.standard-popup .popup-content{
        min-height: 50%;
        width: 95%;
        height: 70%;
    }
}


/*END*/


/*------------------------------------------*/


/*   MEDIA QUERIES STYLES
/*------------------------------------------*/

@media(min-width: 1200px) {
    .xl-hide {
        display: none !important;
    }
    .xl-show {
        display: block !important;
    }
}

@media(max-width: 991px) {
    .md-hide {
        display: none !important;
    }
    .md-show {
        display: block !important;
    }
}

@media(max-width: 767px) {
    .sm-hide {
        display: none !important;
    }
    .sm-show {
        display: block !important;
    }
}

@media(max-width: 575px) {
    .xs-hide {
        display: none !important;
    }
    .xs-show {
        display: block !important;
    }
}


/*------------------------------------------*/


/*   LOGIN STYLES
/*------------------------------------------*/

.login-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.login-wrapper h4 {}

.login-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 50%;
    max-width: 480px;
    margin: 0 auto;
    padding: 5px 10px;
}

.login-box .status-bar {
    margin-bottom: 5px;
    font-weight: 500;
}

.login-box .status-bar-red {
    display: block;
    background-color: #fbf1f1;
    padding: 6px 12px;
    border: 1px solid #f4c9ca;
    color: brown !important;
}

.login-box .status-bar-green {
    display: block;
    background-color: #e4fce3;
    padding: 6px 12px;
    border: 1px solid #b7f2b5;
}

.login-box .status-bar-orange {
    display: block;
    background-color: #fae281;
    padding: 6px 12px;
    border: 1px solid #efd158;
}

.login-box .form-control {
    color: #029cfd!important;
    font-weight: 600;
    height: 40px;
    outline: 0;
    box-shadow: none;
}

.login-box fieldset {
    background: transparent;
    border: transparent;
    margin: 0;
    background: #ee1d23;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 30px;
}

.password-toggler {
    font-weight: 600;
    font-size: 80%;
    width: 40px;
    cursor: pointer;
    color: #029cfd;
}

.login-logo,
.login-fields {
    padding: 0;
}

.login-logo {
    padding: 10px;
}

.login-logo div {
    /*background: rgba(0,0,0,0.1);*/
    width: 100%;
}

.login-logo img {
    /*float: right;*/
    width: 100%;
    max-width: 150px;
    display: block;
    margin: 0 auto;
}

.login-fields {
    padding: 10px;
    /*background: gray;*/
}

.login-fields div {
    width: 100%;
}

.login-box .button {
    font-size: 100%;
    font-weight: 600;
}

.account-actions {
    display: block;
    width: 100%;
}

.account-actions a {
    font-size: 110%;
    font-weight: 600;
    margin-right: 10px;
    display: inline-block;
}

.account-actions a:last-child {
    margin-right: 0;
}

.login-box .left-addon,
.login-box .right-addon {
    height: 40px;
    padding-top: 6px;
}

.login-box .left-addon img {
    display: block;
    width: 24px;
    margin: 0 auto;
}

@media(min-width: 360px) and (max-width: 767px) {
    .login-logo div img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .login-box {}
}

@media(max-width: 575px) {
    .login-wrapper {
        margin: 5%;
    }
    .login-box {
        width: 100%;
    }
    .login-logo {
        width: 100%;
    }
    .login-logo div {
        max-width: 170px;
        margin: 0 auto;
    }
    .login-logo div img {
        width: 100%;
    }
    .login-box .button {
        width: 100%;
        height: 35px;
        font-size: 100%;
        font-weight: 700;
    }
}


/**/


/* events */

.events {}

.event {
    position: relative;
    display: block;
    background: #fff;
}

.event:first-child {
    border-top: 0;
}

.event:last-child {}

.event:after {
    clear: both;
    display: block;
    content: "";
}

.event .cover-photo {
    width: 100%;
}

.event .event-body {
    display: block;
    width: 100%;
    line-height: 24px;
}

.event .event-body p {
    margin: 0;
}

.event .cover-photo img {
    width: 100%;
    display: block;
}

.event .event-title {
    display: block;
    width: 100%;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 15px;
}

.event .event-title a {
    font-weight: normal;
}

.event-media {
    position: relative;
    display: block;
    min-height: 150px;
}

.event-media .cover-photo {
    width: 320px;
    float: left;
    background: blue;
}

.event-media .cover-photo img {
    width: 100%;
    height: inherit;
    background: red;
}

.event-media .event-video {
    width: calc(100% - 320px);
    float: right;
    padding-left: 30px;
    margin-top: -10px;
}

.event-media::after {
    clear: both;
    display: block;
    content: "";
}

.event-video {}

.event .document {
    border: 0 !important;
    padding: 5px 0;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.event .document .file {
    margin-left: 15px;
}

.event-video .video-container {
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 3px;
    border-radius: 10px;
    /*max-width: 320px;
    height: inherit;*/
}

.event-video iframe {
    margin: 0 !important;
    border-radius: 10px;
    /*min-height: 360px;*/
}

.event .event-intro {
    display: block;
    width: 100%;
}

.event.has-img .cover-photo {}

.event.has-img .event-body {}

.event.no-img .cover-photo {
    display: none;
}

.event.no-img .event-body {
    width: 100%;
    padding: 5px !important;
}

.event.full-event {
    padding: 0 !important;
    border: 0 !important;
    background: transparent;
}

.event.full-event .event-title {
    margin-left: -10px;
    margin-bottom: 30px !important;
    font-size: 150%;
    border-left: 5px solid green;
    padding-left: 15px;
}

.event.full-event .cover-photo {
    max-width: 100%;
}

.event.full-event .event-body {
    width: 100%;
    padding: 15px 0 !important;
    padding-top: 0;
}

.event .blog_meta {
    display: table;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    margin-bottom: 10px;
}

.event .blog_meta:after {
    clear: both;
    display: block;
    content: "";
}

.event .blog_meta li {
    display: inline-block;
    float: left;
    padding-right: 10px;
    position: relative;
}

.event .blog_meta li:last-child {
    padding-right: 0;
}

.event .blog_meta li i {
    margin-right: 8px;
    font-size: 16px;
}

.event .blog_meta li a {
    color: #636363;
    font-size: 14px;
    white-space: nowrap;
}

.event .blog_meta li a:hover {
    color: #07d765;
}

.event .more {
    display: block;
}

.event .more i {
    vertical-align: middle;
}

.event-topic {
    font-weight: 600;
}

.event-date {
    white-space: nowrap;
}

.event-topic .topic-label {
    font-weight: 800;
    margin-right: 15px;
}

.event-footer {
    font-style: italic;
    font-size: 12px;
}

.event-author {
    margin-left: 15px;
}


/*event style 1*/

.event.style1 {
    position: relative;
    padding: 20px;
    padding-top: 40px;
    /*border:  1px solid #e25f07;*/
    margin-bottom: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
}

.event.style1:after {
    clear: both;
    display: block;
    content: "";
}

.event.style1 .cover-photo {
    width: 100%;
    /*float: left;*/
    background: rgba(0, 0, 0, .05);
}

.event.style1 .cover-photo img {
    width: 100%;
}

.event.style1 .event-body {
    width: 100%;
    /*float: right;*/
    padding: 15px;
    padding-top: 0;
}

.event.style1 .date-sec {
    margin-bottom: 0;
    font-size: 18px;
    position: relative;
    z-index: 1;
    padding: 6px 25px;
    margin-right: 7px;
}

.event.style1 .date-sec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: skewX(-20deg);
    z-index: -1;
    right: 0;
    margin: 0 auto;
    background: #00adef;
    box-shadow: 0px 1px 8.37px 0.63px rgba(114, 113, 113, 0.18);
    -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;
    transition: all 0.3s ease-out 0s;
}

.event.style1 .date-sec {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #fff;
    /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: #e25f07;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  box-shadow: -1px 1px 1px #e25f07;
  padding: 5px;
  border:  10px solid #fff;
  border-bottom-width: 5px;
  position: absolute;
  top: 0px;
  left: 0;*/
    /*-webkit-transform: translateY(-50%) translateX(50%);
          transform: translateY(-50%) translateX(50%);*/
}

.event.style1 .event-body.no-photo {
    width: 100%;
    float: none;
}

.event.style1 .event-controls {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 50px;
}

@media(max-width: 575px) {
    .event.style1 .cover-photo,
    .event.style1 .event-body {
        width: 100%;
        float: none;
    }
    .event.style1 .event-body {
        padding-top: 15px;
    }
}


/**/

.newsletter-list {}

.newsletter-list .newsletter-list-item {
    display: flex;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.newsletter-list .newsletter-list-item.no-image {
    display: block;
}

.newsletter-list .newsletter-list-item .img-section {
    width: 30%;
}

.newsletter-list .newsletter-list-item.no-image .img-section {
    display: none;
}

.newsletter-list .newsletter-list-item .info-section {
    width: calc(100% - 30%);
    padding-left: 15px;
}

.newsletter-list .newsletter-list-item.no-image .info-section {
    width: 100%;
    padding-left: 0;
}

.newsletter-list .newsletter-list-item .info-section .caption {
    font-weight: 600;
    font-size: 120%;
}

.newsletter-list .newsletter-list-item .info-section .caption a {
    font-weight: 600;
    text-decoration: none;
    font-size: 120%;
}

.newsletter-list .newsletter-list-item .info-section .timestamp {
    color: #dc2f31;
    font-weight: 900;
    background-color: #000;
    margin-bottom: 15px;
    padding: 5px 15px;
    margin-left: -30px;
    font-size: 20px;
}

.newsletter-list .newsletter-list-item .info-section .timestamp span {
    color: #fff;
}


/*  */

.full-width-actions {
    list-style: none;
    padding: 0;
    margin: 0;
}

.full-width-actions::after {
    clear: both;
    display: block;
    content: "";
}

.full-width-actions li {
    float: left;
}

.full-width-actions .action {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 5px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 0;
    white-space: nowrap;
}

.full-width-actions.no-bg .action {
    background: transparent;
}

.full-width-actions .action:hover {
    background: rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.full-width-actions.no-bg .action:hover {
    background: transparent;
}

.full-width-actions li:last-child .action {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    ;
}

.full-width-actions.three li {
    width: 33.33333333333333%;
}

.full-width-actions.four li {
    width: 25%;
}

.full-width-actions.two li {
    width: 50%;
}

@media(max-width: 576px) {
    .full-width-actions .btn-icon {}
    .full-width-actions .btn-text {
        display: none;
    }
}


/* data layout */

.data-container {}

.data-section {
    /* display: block;
    width: 100%; */
    padding: 15px;
}

.data-title1 {
    font-weight: 700;
    font-size: 120%;
}

.data-title2 {
    font-weight: 600;
    font-size: 110%;
    line-height: 20px;
}

.data-header {
    color: #00a3c8;
    font-weight: 600;
    font-size: 105%;
    border-bottom: 5px solid rgba(0, 0, 0, .05);
    margin-bottom: 20px;
}

.data-header::after {
    clear: both;
    display: block;
    content: "";
}

.data-header-left {
    width: calc(100% - 80px);
    float: left;
}

.data-header-right {
    width: 80px;
    float: right;
}

.data-body {
    display: block;
    width: 100%;
}

.data-section p {
    padding: 0;
    margin: 0;
}


/*menu styles*/

.HMenu-default {
    margin-bottom: 5px;
    padding: 0;
}

.HMenu-default:after {
    clear: both;
    display: block;
    content: "";
}

.HMenu-default li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

.HMenu-default a {
    color: #00a;
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 5px;
}

.HMenu-default .trash {
    color: #a00;
}

.HMenu-default .trash:hover {
    color: #f00;
}


/*  */

.HMenu-style1 {
    margin-bottom: 5px;
    padding: 0;
}

.HMenu-style1:after {
    clear: both;
    display: block;
    content: "";
}

.HMenu-style1 li {
    list-style: none;
    float: left;
    margin: 2px;
}

.HMenu-style1 a {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3px 10px;
    color: #00a;
    display: block;
    width: 100%;
    white-space: nowrap;
}

.HMenu-style1 a:hover,
.HMenu-style1 a:focus {
    background: rgba(0, 0, 0, 0.1);
}


/*donations*/


/* custom-radio-1 STYLING */

.form-check.style1 .form-check-label {
    padding-left: 15px;
}

.form-check.style1 .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 8px;
}

.custom-radio-1 {
    margin: 0 0 1.5rem;
    box-sizing: border-box;
    font-size: 0;
    /* display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch; */
}

.custom-radio-1.mgn-t15 {
    margin-top: 7px;
}

.custom-radio-1 input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.custom-radio-1 input+label {
    margin: 0;
    width: 100%;
    cursor: pointer;
    /* padding: 0.75rem 2rem; */
    padding: 6px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    /*flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
   */
    /* ----- */
}


/* custom-radio-1 STYLING */

.form-check.style1 .form-check-label {
    padding-left: 15px;
}

.form-check.style1 .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 8px;
}

.custom-radio-1 {
    box-sizing: border-box;
    font-size: 0;
    /* display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch; */
}

.custom-radio-1.mgn-t15 {
    margin-top: 7px;
}

.custom-radio-1 input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.custom-radio-1 input+label {
    margin: 0;
    width: 100%;
    cursor: pointer;
    /* padding: 0.75rem 2rem; */
    padding: 6px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    /*flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
   */
    /* ----- */
}

.custom-radio-1.min-h45 input+label {
    min-height: 45px;
    padding-top: 10px;
}

.custom-radio-1.style1 input+label {
    font-weight: 900;
}

.custom-radio-1.text-2x input+label {
    font-size: 26px !important;
    font-weight: 900 !important;
}

.custom-radio-1.hide-sub-text small {
    display: none !important;
}

.custom-radio-1 input+label:first-of-type {
    border-radius: 3px;
    /* border-right: none; */
}

.custom-radio-1 input+label:last-of-type {
    /* border-radius: 0 6px 6px 0;
    border-left: none; */
}

.custom-radio-1 input:hover+label {
    border-color: rgba(0, 0, 255, 0.1);
    background: rgba(0, 0, 255, 0.05);
}

.custom-radio-1 input:checked+label {
    background-color: rgba(0, 0, 0, .1);
    color: green;
    box-shadow: 0 0 10px rgba(102, 179, 251, .5);
    border-color: #4b9dea;
    z-index: 1;
    padding-right: 20px;
}

.custom-radio-1.style1 input:checked+label {
    background-color: rgba(0, 0, 0, .1);
}

.custom-radio-1 input:checked+label:after {
    position: absolute;
    top: -15px;
    right: -15px;
    content: "\f058";
    font-family: "fontawesome";
    color: green;
    font-size: 26px;
    width: 36px;
    height: 36px;
    display: block;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-top: 6px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .2);
}

.custom-radio-1.text-2x input:checked+label:after {
    padding-top: 0px;
    padding-bottom: 5px;
}

.custom-radio-1 input:focus+label {
    outline: dotted 1px #ccc;
    outline-offset: 0.45rem;
}

.custom-radio-1 [disabled]+label {
    opacity: 0.3;
    cursor: not-allowed !important;
}

@media (max-width: 800px) {
    .custom-radio-1 input+label {
        padding: 0.75rem 0.25rem;
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.custom-radio-2 {
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.custom-radio-2.mgn-t15 {
    margin-top: 7px;
}

.custom-radio-2 input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.custom-radio-2 input+label {
    margin: 0;
    padding: 0.2rem 2rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    /*flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
   */
    /* ----- */
}

.custom-radio-2 input+label:first-of-type {
    border-radius: 6px 0 0 6px;
    /* border-right: none; */
}

.custom-radio-2 input+label:last-of-type {
    border-radius: 0 6px 6px 0;
    border-left: none;
}

.custom-radio-2 input:hover+label {
    border-color: rgba(0, 0, 255, 0.1);
    background: rgba(0, 0, 255, 0.05);
}

.custom-radio-2 input:checked+label {
    background-color: #4b9dea;
    color: #fff;
    box-shadow: 0 0 10px rgba(102, 179, 251, .5);
    border-color: #4b9dea;
    z-index: 1;
}

.custom-radio-2 input:focus+label {
    outline: dotted 1px #ccc;
    outline-offset: 0.45rem;
}

@media (max-width: 800px) {
    .custom-radio-2 input+label {
        /* padding: 0.75rem 0.25rem; */
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*switch*/
.custom-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-switches-stacked {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.custom-switches-stacked .custom-switch {
    margin-bottom: .5rem;
}
.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: #e9ecef;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border:1px solid  rgba(0,0,0,.125);
    transition: .3s border-color, .3s background-color;
}
.custom-switch-indicator:before {
    content: '';
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    transition: .3s left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.custom-switch-input:checked~.custom-switch-indicator {
    background: #4d41f1 ;
}
.custom-switch-input:checked~.custom-switch-indicator:before {
    left: calc(1rem + 1px);
}
.custom-switch-input:focus~.custom-switch-indicator {
    box-shadow: 0 0 0 2px rgba(242,242,242, 0.25);
    border-color: #467fcf;
}
.custom-switch-description {
    margin-left: .5rem;
    color: #000;
    transition: .3s color;
}
.custom-switch-input:checked~.custom-switch-description {
    color: #495057;
}
/*  */

.input-group .left-addon {
    border: 1px solid #94a2b6;
    background: #fff;
    padding: 7px;
    border-radius: 3px 0 0 3px;
    border-right: 0;
    box-sizing: border-box;
    margin: 0;
    min-height: 38px;
    font-size: 14px;
}

.input-group .bdr-l0 {
    border-left: 0;
}

.input-group .bdr-r0 {
    border-right: 0;
}

.input-group .bdr-lr0 {
    border-left: 0;
    border-right: 0;
}

.input-group .right-addon {
    border: 1px solid #94a2b6;
    background: #fff;
    padding: 5px;
    border-radius: 0 3px 3px 0;
    border-left: 0;
    padding-right: 15px;
    margin: 0;
}

.alt-amount {
    font-size: 12px;
    opacity: 0.5;
    display: inline-block;
}

.ht-pct100 {
    height: 100% !important;
}

.ht-pct95 {
    height: 95% !important;
}

.ht-auto {
    height: auto !important;
}

.bold400 {
    font-weight: 400 !important;
}

.bold500 {
    font-weight: 500 !important;
}

.bold600 {
    font-weight: 600 !important;
}

.bold800 {
    font-weight: 800 !important;
}

.bold900 {
    font-weight: 900 !important;
}

.fs-0 {
    font-size: 100% !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-1p {
    font-size: 110% !important;
}

.fs-2p {
    font-size: 120% !important;
}

.fs-3p {
    font-size: 130% !important;
}

.fs-4p {
    font-size: 140% !important;
}

.fs-5p {
    font-size: 150% !important;
}

.fs-1 {
    font-size: calc(1.40625rem + 1.875vw) !important;
}

.fs-2 {
    font-size: calc(1.359375rem + 1.3125vw) !important;
}

.fs-3 {
    font-size: calc(1.3125rem + 0.75vw) !important;
}

.fs-4 {
    font-size: calc(1.2890625rem + 0.46875vw) !important;
}

.fs-5 {
    font-size: calc(1.25625rem + 0.075vw) !important;
}

.fs-6 {
    font-size: 0.9375rem !important;
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.8125rem !important;
    }
    .fs-2 {
        font-size: 2.34375rem !important;
    }
    .fs-3 {
        font-size: 1.875rem !important;
    }
    .fs-4 {
        font-size: 1.640625rem !important;
    }
    .fs-5 {
        font-size: 1.3125rem !important;
    }
}

.payment-options {}

.payment-options label img {
    display: block;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}


/*forms*/

.input-group-prepend.prepend-select {}

.input-group-prepend.prepend-select .input-group-text {}

.input-group-prepend.prepend-select select {
    outline: 0;
    border: 0;
    background: transparent;
}

.line-form-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 250px;
    margin: 0 auto;
}

.line-form-1 .input-section {
    width: 50%;
}

.line-form-1 .btn-section {
    width: 50%;
}

.line-form-1 .btn-section .btn {
    font-size: 90% !important;
    min-height: 45px !important;
    padding: 10px 12px;
}


/**/

.logo-place-holder {
    width: 100px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, .5);
    margin: 0 auto;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 900;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 35px;
    opacity: .3;
}

.logo-place-holder.style2 {
    width: 100%;
    min-height: 164px;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff !important;
}

.logo-rounded {
    width: 130px;
    height: 130px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 auto;
    border-radius: 50%;
    padding: 10px;
}

.logo-style1 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 100px;
    background: #eee;
    border: 5px solid #eee;
}

.img-center {
    display: block;
    margin: 0 auto;
}

.img-fluid {
    width: 100%;
}

.file-input {
    width: 100%;
    border: 0;
    overflow: auto;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    background: transparent;
}

.form-group {
    margin-bottom: 1rem
}

input.file-input {
    cursor: pointer;
}

input.file-input::file-selector-button {
    font-weight: bold;
    color: dodgerblue;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
}

input.file-input::file-selector-button:hover {
    background: #fff;
}

.input-group-text.pdg-a0 {
    padding: 0 !important;
}

.left-addon-select {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
    padding-left: 10px !important;
}

.form-control::placeholder,
select::placeholder,
input::placeholder,
textarea::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 100%;
    font-weight: 400;
}

.form-control::-moz-placeholder,
select::placeholder,
input::placeholder,
textarea::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 100%;
    font-weight: 400;
}

.form-control::-ms-placeholder,
select::placeholder,
input::placeholder,
textarea::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 100%;
    font-weight: 400;
}

.form-control::-webkit-placeholder,
select::placeholder,
input::placeholder,
textarea::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 100%;
    font-weight: 400;
}

.form-style1 {}
  
.form-style1 .form-control,
.form-style1 input[type="text"],
.form-style1 input[type="date"],
.form-style1 input[type="tel"],
.form-style1 input[type="number"],
.form-style1 input[type="time"],
.form-style1 select,
.form-style1 textarea {
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
    border-radius: 0;
    padding: 0 12px;
    min-height: 25px;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.form-style1 textarea.add-borders {
    border: 1px solid rgba(0, 0, 0, .3);
}

.form-style1 textarea {
    resize: none;
}
.form-style1 .form-control.no-bottom-border{
    border-bottom: 0 !important;
}
.form-style1 .input-group-prepend,.form-style1 .input-group-append {
    outline: 0;
    box-shadow: none;   
    border: 0;
    border-radius: 0;
}

.form-style1 .input-group-prepend .input-group-text,.form-style1 .input-group-append .input-group-text {
    outline: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
    border-radius: 0;
}

.form-style1 .input-group-prepend,.form-style1 .input-group-append button.input-group-text {
    background: transparent;
    cursor: pointer;
}

.form-style1 .input-group-text {
    border-left: 0;
    border-top: 0;
    border-radius: none;
    border-right: 0;
    background: transparent;
    border-bottom: 0;
}

.form-style1 .form-control.plain-input,
.form-style1 input[type="text"].plain-input,
.form-style1 input[type="date"].plain-input,
.form-style1 input[type="tel"].plain-input,
.form-style1 input[type="number"].plain-input,
.form-style1 input[type="time"].plain-input,
.form-style1 select.plain-input,
.form-style1 textarea.plain-input {
    border: 0 !important;
    border-bottom: 0 !important;
    padding: 0 !important;
    min-height: 20px !important;
}
.form-style1 .input-group-prepend .input-group-text.plain-label,
.form-style1 .input-group-append .input-group-text.plain-label{
    border: 0 !important;
}

/*.form-style1 .select2-container .select2-hidden-accessible,
.form-style1 .select2-container,
.form-style1 .select2-container .select2-selection--single,
.form-style1 .select2-container .select2-selection--single .select2-selection__rendered {
    background-color: transparent;
    border-color: transparent;
    width: 100%;
}*/

.form-style1 .select2-container--default .select2-selection--single {
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
    border-radius: 0;
    padding: 0 12px;
    min-height: 25px;
    background: transparent;
}

.form-style1 input[type="file"] {
    border: 0 !important;
}

.form-style1 .left-addon,
.form-style1 .right-addon {
    padding-top: 8px;
    padding-bottom: 3px;
    border: 0;
}

.form-style1 .form-control:focus,
.form-style1 input[type="text"]:focus,
.form-style1 input[type="date"]:focus,
.form-style1 input[type="tel"]:focus,
.form-style1 input[type="number"]:focus,
.form-style1 input[type="time"]:focus,
.form-style1 select:focus,
.form-style1 textarea:focus {
    border-color: rgba(0, 0, 255, .3);
    outline: 0;
}

.form-style1 .main-label,
.main-label {
    margin: 0;
    font-weight: 400;
    display: block;
    background: transparent !important;
    font-size: 12px;
}

.form-style1 .card {
    box-shadow: none;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
}


/*  */

/**/

.check-pack {
    display: flex;
}

.check-pack input {
    width: 17px;
    vertical-align: middle;
    margin-top: -10px;
    cursor: pointer !important;
}

.check-pack label {
    display: block;
    width: calc(100% - 17px);
    cursor: pointer !important;
}


.check-group .form-check{
    padding-left: 0;
}

.check-group .form-check input {
    display: none;
}
.check-group .form-check input+label {
    padding: 6px 12px;
    color: #24292d;
    background-color: rgba(36, 41, 45, 0.1);
}
.check-group .form-check input[disabled]+label {
    opacity: 0.2;
    cursor: not-allowed !important;
}
.check-group .form-check input[disabled]+label:hover {
    cursor: not-allowed !important;
}
.check-group .form-check input+label:hover {
    cursor: pointer !important;
}
.check-group .form-check input:checked+label {
    content: '';
    color: #fff;
    background-color: #24292d;
    cursor: pointer !important;
}
.check-group .form-check input:checked+label:after {
    
}

input[type="radio"].input-toggler {}



.dial-code {
    width: 80px;
    max-width: 80px;
}

.visa {
    width: 250px;
    max-width: 250px;
}

.visa-payment {
    padding: 15px;
    width: 100%;
    border-radius: 8px;
}

.visa-payment input::-moz-placeholder {
    color: #555;
    opacity: 1;
}

.visa-payment input:-ms-input-placeholder {
    color: #555;
    opacity: 1;
}

.visa-payment input::-webkit-input-placeholder {
    color: #555;
    opacity: 1;
}

.month-input {
    /* width: 80px;
    max-width: 80px; */
}

.year-input {
    /* width: 90px;
    max-width: 90px; */
}

.cvv {
    width: 80px;
    max-width: 80px;
}

.cvv-container {}

.cvv-container:after {
    clear: both;
    display: block;
    content: "";
}

.cvv-container .cvv-left {
    width: 80px;
    float: left;
}

.cvv-container .cvv-right {
    width: calc(100% - 80px);
    float: right;
}

.cvv-container .cvv-right img {
    max-width: 80px;
    display: block;
    margin: 15px;
    margin-top: 30px;
}


/* transaction info */

.transaction-info {
    display: block;
    max-width: 320px;
    margin: 10% auto;
    border-radius: 10px;
    background: #fff;
}

.transaction-info .info-title {
    font-weight: 800;
    font-size: 130%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 24px;
    padding-bottom: 15px;
}

.transaction-info .info-title.add-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.transaction-info p {}

.transaction-info .icon-box {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #fff;
    /* border: 1px solid #bbb; */
    border-radius: 50%;
    padding: 2px;
    padding-top: 4px;
    box-sizing: border-box;
    margin-top: -30px;
}

.transaction-info .icon-box img {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
}

.transaction-info .details-box {
    display: block;
    width: 100%;
    padding: 15px;
}

.transaction-info.cancelled {
    border: 5px solid #cb3332;
}

.transaction-info.cancelled .icon-box {
    padding: 0 !important;
}

.transaction-info.cancelled .icon-box img {
    width: 60px;
    height: 60px;
}

.transaction-info.errorbox,
.transaction-info.errorbox .icon-box {
    border: 5px solid #cb3332;
}

.transaction-info.errorbox .info-title,
.transaction-info.cancelled .info-title {
    color: #cb3332;
}

.transaction-info.successful,
.transaction-info.successful .icon-box {
    border: 5px solid #00d219;
}

.transaction-info.successful .info-title {
    color: #0aa51d;
}


/*------------------------------------------*/


/**/


/*   LOADER STYLES
/*------------------------------------------*/

.processing-container,
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.3);
}

.loader-style1 {
    display: block;
    max-width: 20%;
    margin: 18% auto;
    text-align: center;
    background: #fff;
    padding: 20px;
    color: #0890e3;
    border: 2px solid #ccc;
    font-size: 18px;
    font-weight: 800;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.loader-style1 .loader-gif-section {
    display: block;
    width: 100%;
}

.loader-style1 .loader-gif-section img {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
}

.loader-style1 .loader-text-section {
    display: block;
    width: 100%;
}

@media(max-width: 992px) {
    .loader-style1 {
        max-width: 40%;
    }
}

@media(max-width: 768px) {
    .loader-style1 {
        max-width: 50%;
    }
}

@media(max-width: 576px) {
    .loader-style1 {
        max-width: 80%;
    }
}

.processing {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 50%;
    height: 28px;
    background: #f5f895;
    border: 1px solid #c3c745;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

.processing-img {
    width: 100px;
    float: left;
}

.processing-img img {
    width: 100%;
    margin-top: -10px;
    margin-left: 30px;
}

.processing-text {
    width: calc(100% - 100px);
    float: right;
    white-space: nowrap;
    font-size: 80%;
    padding: 3px;
    color: #09b4e9;
    font-weight: 600;
}

.processing:after {
    clear: both;
    display: block;
    content: "";
}

@media(max-width: 576px) {
    .processing {
        width: 95%;
    }
}

.loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader/loaderx.gif) center no-repeat rgba(0, 0, 0, 0.01);
}

div.add-preloader {
    position: relative;
    width: 100%;
    min-height: 130px;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.image_loader {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto auto;
    padding-top: 26px;
}

.image_loader img {
    width: 150px;
    display: block;
    margin: auto auto;
}


/*inter loader*/

.loading {
    background: transparent url('http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif') center no-repeat;
}

.inner_loader {
    max-width: 180px;
    margin: 10% auto;
}

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


/* loader*/

.innerloader_absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
}

.innerloader_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
}

.innerloader_absolute .img_div,
.innerloader_fixed .img_div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 50%;
    max-width: 150px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    height: 100px;
}

.innerloader_absolute .img_div p,
.innerloader_fixed .img_div p {
    text-align: center;
    font-size: 100%;
    margin: 0;
    padding: 0;
    line-height: 18px;
    color: #1ab8e4;
    font-weight: 500;
    font-family: Tahoma;
}

.innerloader_absolute .img_div img,
.innerloader_fixed .img_div img {
    width: 100%;
}


/**/

.load-more-container {
    margin: 15px;
}

.load-more {
    width: 150px;
    height: 35px;
    background: #cfe2eb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #aecddd;
    text-align: center;
    border-radius: 100px;
}

.load-more a {
    padding: 5px 15px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.load-more a:hover {
    text-decoration: none;
}

.load-more img {
    display: block;
    width: 120px;
    margin: 0 auto;
    margin-top: -12px;
}

@media(max-width: 991px) {
    .data-pager-bar .pager-bar-left {
        width: 100%;
    }
    .data-pager-bar .pager-bar-right {
        display: none;
    }
}

.more-button {
    display: inline-block;
    font-weight: bold;
    color: #00f;
    background: rgba(0, 0, 0, 0.04);
    padding: 5px 10px;
}

.more-button i {
    vertical-align: middle;
}

.more-button:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}


/* processing  */

.processing-request {
    max-width: 50%;
    margin: 0 auto;
    /* background: rgba(0,0,0,0.05); */
    padding: 30px;
    color: green;
    text-align: center;
}

.processing-request .title {
    font-size: 130%;
    font-weight: 800;
    display: block;
}

.processing-request p {
    margin: 0;
}

.processing-request .loading {
    max-width: 150px;
    margin: 30px auto;
}

.processing-request .loading img {
    display: block;
    max-width: 50px;
    margin: 0 auto;
}

@media(max-width:992px) {
    .processing-request {
        max-width: 80%;
    }
}

@media(max-width:576px) {
    .processing-request {
        max-width: 100%;
    }
}


/*spinner*/


/*   PROFILE STYLES
/*------------------------------------------*/

.profile.style1 {
    position: relative;
}

.profile.style1 .profile-header {
    border: 1px solid rgba(0, 0, 0, .05);
}

.profile.style1 .profile-header:after {
    clear: both;
    display: block;
    content: "";
}

.profile.style1 .profile-header .pic-section {
    width: 240px;
    float: left;
}

.profile.style1 .profile-header .pic-section img {
    width: 100%;
}

.profile.style1 .profile-header .name-section {
    width: calc(100% - 240px);
    float: right;
    padding: 30px;
}

.profile.style1 .data-section {
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 15px;
}

.profile.style1 .contacts {
    display: block;
}

.profile.style1 .contacts a {
    display: inline-block;
    margin-right: 15px;
}

.profile.style1 .profile-header table {}

.profile.style1 .profile-header table td {
    padding: 0 6px;
}

@media(max-width: 575px) {
    .profile.style1 .profile-header {
        padding-bottom: 30px;
    }
    .profile.style1 .profile-header table {
        text-align: left;
        margin-left: 30px;
    }
    .profile.style1 .profile-header .pic-section,
    .profile.style1 .profile-header .name-section {
        float: none;
        width: 100%;
    }
    .profile.style1 .profile-header .name-section {
        padding: 0;
        text-align: center;
    }
    .profile.style1 .profile-header .pic-section img {
        display: block;
        margin: 30px auto;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 3px solid rgba(0, 0, 0, .5);
    }
}

.profile.style2 {
    border: 10px solid #70ad47;
    background: #70ad47;
    color: #fff;
}

.profile.style2 .img-section {}

.profile.style2 .intro-section {
    text-align: center;
    padding-top: 10px;
}

.profile.style2 .intro-section p {
    font-style: italic;
}

.justify-all {
    text-align: justify !important;
}


/*   TABLE STYLES
/*------------------------------------------*/

.default-table {}

.default-table th,
.default-table td {
    padding: 5px 15px;
    vertical-align: top;
}

.default-table.borderless,
.default-table borderless {
    border: 0
}

.default-table .pdg-a0 {
    padding: 0;
}

.default-table.borderless th,
.default-table.borderless td,
.default-table table.borderless th,
.default-table table.borderless td {
    border: 0;
}

.default-table.bordered-bottom>tbody>tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.default-table.bordered-bottom>tbody>tr:last-child {
    border-bottom: 0;
}

.striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.table-numbered {
    counter-reset: rowNumber;
}

.table-numbered thead tr.main-tr::before {
    display: table-cell;
    content: "#";
    padding: 5px 15px;
    padding-right: 0.3em;
    text-align: right;
}

.table-numbered tbody tr.main-tr::before {
    display: table-cell;
    counter-increment: rowNumber;
    content: counter(rowNumber) ".";
    padding: 5px 15px;
    text-align: right;
}

.form-table {
    white-space: nowrap;
    border-collapse: collapse;
}

.form-table .rounded3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.form-table td {
    padding: 3px;
    vertical-align: top;
}

.form-table tr td:first-child {
    padding-left: 0;
    padding-right: 0;
}

.form-table tr td:last-child {
    padding-right: 0;
}

.form-table .label {
    font-weight: 600;
}

.inform-table {
    border-collapse: collapse;
    border-color: transparent !important;
}

.inform-table td,
.inform-table th {
    border-color: transparent !important;
    vertical-align: top;
    padding: 0 5px;
}

.inform-table tr td:first-child,
.inform-table tr th:first-child {
    padding-left: 0;
}

.inform-table tr td:last-child,
.inform-table tr th:last-child {
    padding-right: 0;
}


/*section header*/

.section-header {
    margin-top: 50px;
    margin-bottom: 30px;
}

.section-header .section-title {
    font-weight: 900;
    font-family: Arial;
    color: #009edb;
}

.section-header.style1 .section-header {
    margin-top: 0;
    margin-bottom: 0;
}

.section-header.style1 .section-title {
    padding: 15px;
    border-bottom: 3px solid #e25f07;
    color: #1157c7;
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide::first-child {
    margin-left: 0;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*  */

.steps {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.steps::after {
    clear: both;
    display: block;
    content: "";
}

.steps li {
    float: left;
    opacity: .3;
    position: relative;
}

.steps li .step-desc {
    position: absolute;
    top: 25px;
    left: 30px;
    font-size: 12px;
    text-transform: uppercase;
    opacity: 1;
    line-height: 18px;
    z-index: 20;
}

.steps li .step-line {
    display: block;
    opacity: .3;
    height: 3px;
    background: rgba(0, 0, 0, .3);
    margin: 20px;
    margin-left: 100px;
    margin-top: -18px;
}

.steps li:before {
    content: "\f058";
    font-family: "fontawesome";
    padding-right: 8px;
}

.steps li.active:before {
    color: green;
    font-weight: 900;
}

.steps li.active {
    color: green;
    opacity: 1;
    font-weight: 900;
}

.steps li.active .step-line {
    color: green;
    opacity: 1;
    background: green;
}

.steps .step-sec {
    font-weight: 600;
    padding: 5px;
    border-right: 0;
    white-space: nowrap;
}

.steps.no-bg .step-sec {
    background: transparent;
}

.steps .step-sec:hover {
    background: rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.steps.no-bg .step-sec:hover {
    background: transparent;
}

.steps li:last-child .action {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    ;
}

.steps.three li {
    width: 33.33333333333333%;
}

.steps.four li {
    width: 25%;
}

.steps.two li {
    width: 50%;
}


/*dark theme*/

.steps.dark {}

.steps.dark li {
    color: #fff;
}

.steps.dark li .step-line {
    opacity: .6;
    background: #fff;
}

.steps.dark li.active:before {
    color: #fff;
    opacity: 1;
}

.steps.dark li.active {
    color: #fff;
    opacity: 1;
}

.steps.dark li.active .step-line {
    color: #fff;
}

@media(max-width: 576px) {
    .steps .btn-icon {}
    .steps .btn-text {
        display: none;
    }
}


/* end */


/*mega tags*/

.mega-tags.style1 {
    margin-top: -70px;
}

.mega-tags.style1 .tag-section {
    background: #fff;
    color: #6b7285;
    font-weight: 700;
    font-family: Arial;
    font-size: 40px;
    line-height: 50px;
    padding: 15px;
    text-transform: capitalize;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 5px solid #e25f07;
    border-radius: 10px;
}

.mega-tags.style1 .tag-section a {
    color: #6b7285;
    display: block;
}


/*tag 2*/

.tags.style1 {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}

.tags.style1:after {
    clear: both;
    display: block;
    content: "";
}

.tags.style1 li {
    list-style: none;
    width: auto;
    float: left;
    padding: 15px;
    padding-top: 0;
    padding-left: 0;
}

.tags.style1 li div {
    padding: 5px 20px;
    /*    background: rgba(255, 0, 0, .05);*/
    border-radius: 100px;
    border: 1px solid rgba(255, 0, 0, .1);
    font-size: 87% !important;
}

@media(max-width: 575px) {
    .tags.style1 {
        /*        background: rgba(255, 0, 0, .03);*/
        border: 1px solid rgba(255, 0, 0, .05);
        padding: 15px;
        margin-top: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .tags.style1 li {
        display: block;
        padding: 10px;
        float: none;
        border-top: 1px solid rgba(255, 255, 255, .6);
    }
    .tags.style1 li:first-child {
        border-top: 0;
    }
    .tags.style1 li div {
        background: transparent;
        border: 0;
        padding: 0;
    }
}


/*careers*/

.career-details h2 {
    font-weight: 900;
    margin-bottom: 20px;
    font-family: Arial;
}

.career-details ol {
    list-style: decimal !important;
    padding-left: 40px;
}

.career-details ol li {
    margin-top: 10px;
}

.career-details .section-header {
    margin-top: 30px;
}


/**/

.careers-list {}

.careers-list h4 {
    margin-bottom: 20px;
}

.careers-list .career-list-item {
    background: rgba(255, 255, 255, .3);
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 5px solid rgba(0, 0, 0, .05);
}

.careers-list .career-list-item .btn {
    display: inline-block;
}


/*custom lists*/

.list-angle-right,
.list-arrow,
.list-arrow-circle,
.list-check,
.list-check-circle,
.list-checked,
.list-chevron-circle,
.list-circle,
.list-times-circle {
    margin: 0;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none
}

.list-angle-right.mgn-a0,
.list-arrow.mgn-a0,
.list-arrow-circle.mgn-a0,
.list-check.mgn-a0,
.list-check-circle.mgn-a0,
.list-checked.mgn-a0,
.list-chevron-circle.mgn-a0,
.list-circle.mgn-a0,
.list-times-circle.mgn-a0 {
    margin: 0 0 0 0;
}

.list-angle-right li,
.list-arrow li,
.list-arrow-circle li,
.list-check li,
.list-check-circle li,
.list-checked li,
.list-chevron-circle li,
.list-circle li,
.list-times-circle li {
    padding: 2px 5px 5px 20px;
    position: relative;
    padding-top: 7px;
}

ul li.pdg-a0 {
    padding: 0 !important;
}

.list-angle-right li:before,
.list-arrow li:before,
.list-arrow-circle li:before,
.list-check li:before,
.list-check-circle li:before,
.list-checked li:before,
.list-chevron-circle li:before,
.list-circle li:before,
.list-times-circle li:before {
    font-family: "fontawesome";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    /*    font-size: 15px;*/
    color: #777
}

.list-circle li:before {
    top: 10px;
    /*    font-size: 10px*/
}

.list-circle li:before {
    content: "\f111"
}

.list-angle-right li:before {
    content: "\f105"
}

.list-arrow li:before {
    content: "\f0da"
}

.list-check li:before {
    content: "\f00c"
}

.list-checked li:before {
    content: "\f046"
}

.list-check-circle li:before {
    content: "\f058"
}

.list-chevron-circle li:before {
    content: "\f138"
}

.list-arrow-circle li:before {
    content: "\f0a9"
}

.list-times-circle li:before {
    content: "\f057"
}

.primary li:before {
    color: #00a3c8
}

.secondry li:before {
    color: #77c04b
}

.black li:before {
    color: #000
}

.white li:before {
    color: #fff
}

.orange li:before {
    color: #f60
}

.green li:before {
    color: #0c0
}

.red li:before {
    color: #ff3737
}


/*block list*/

.block-list.style1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-list.style1.add-seperator {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px;
    padding-bottom: 30px;
}

.block-list.style1 .img-section {
    width: 100px;
}

.block-list.style1 .img-section img {
    width: 100%;
}

.block-list.style1 .info-section {
    width: calc(100% - 100px);
    padding: 0 15px;
}


/*list controls*/

.list-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 30px;
}

.list-controls .control {
    padding-left: 15px;
    padding-right: 15px;
}

.list-controls .control:first-child {
    padding-left: 0;
    padding-right: 0;
}

.list-controls .control a {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    background-color: rgba(0, 0, 0, .05);
    padding: 5px;
    padding-top: 7px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.list-controls .control a {
    background-color: rgba(0, 100, 0, .2);
}

@media(max-width: 575.98px) {
    .block-list.style1 .info-section {
        padding: 0 15px;
    }
    .list-controls {
        padding-left: 30px;
    }
}



/* sortable list */
.sortable-list,.sortable-list ul{
    margin: 0;
    padding: 0;
}
.sortable-list li{
    list-style: none;
    padding: 6px 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, .05);
}

.h-list,.h-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.h-list li{
    list-style: none;
    display: inline-block;
}

.h-list.add-seperator a:after,
.h-list.add-seperator button:after {
    font-size: 18px;
    content: "|";
    margin-left: 5px;
    margin-right: 10px;
    opacity: 0.2;
    color: #000;
}

.h-list.add-seperator li:first-child:after {
    content: ''
}

/*vertical list styles*/
.v-list,.v-list ul{
    margin: 0;
    padding: 0;
}
.v-list li{
    list-style: none;
}
.v-list li a{
    display: block;
    padding: 6px 12px;
    background: inherit;
    margin-top: 3px;
    color: inherit;
    line-height: 18px;
}
.v-list li a.link{
    color: blue;
}
.v-list li a:hover{
    color: green;
}
.v-list li.has-icon a{
    display: flex;
}
.v-list li.has-icon a .list-icon{
    width: 32px;
}
.v-list li.has-icon a .list-text{
    width: calc(100% - 32px);
}
.v-list.white li a{
    background: #fff;
}
.v-list.add-bottom-border li a,.sortable-list.add-bottom-border li{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 6px 12px;
}
.v-list.add-bottom-border li:last-child a,.sortable-list.add-bottom-border li:last-child{
    border-bottom: 0;
}

.bg-transparent-shadow {
    background: rgba(0, 0, 0, .5) !important;
    padding: 6px 30px !important;
}


/*product info*/

.product-info {}

.product-info .top-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-info .top-section .product-intro {
    width: calc(100%);
}

.product-info .top-section .product-image {}

.product .brand-label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 1;
    width: auto;
    min-width: 50px;
    text-align: left;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
}

.product .code-label {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
    width: auto;
    min-width: 50px;
    text-align: left;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
}
.product .pct-off-label{
    
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: auto;
    width: 50px;
    text-align: left;
    background: rgba(243, 197, 133, 0.5);
    color: #b5710cd6;
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 6px;
}
/*-------------------------*/

.section-2 {
    /*border: 1px solid rgba(0, 0, 0, .05);
    padding: 15px;
    background: #fdf8f5;*/
}

.section-2 .section-title {
    padding-bottom: 10px;
    background: darkred;
    padding: 0px 15px;
    margin-bottom: 20px;
    font-size: 100%;
    text-transform: uppercase;
    font-weight: 900;
    border-bottom: 1px solid #000;
    color: #fff;
}

.section-2 .section-body {}

.section-2.add-border .section-body {
    /*border: 1px solid #93b0c2;
    border-top: 0;
    padding: 30px;*/
}

.section-2.add-border .section-title {
    margin-bottom: 0;
    border-bottom: 0;
}

.section-2 .section-body .form-control {
    border: 1px solid #93b0c2;
}


/*skews*/

.skewed-box-1 {
    margin-top: -100px !important;
    position: relative;
    z-index: 200;
}


/*------------------------------------------*/


/*   EDITOR CONTENT STYLES
/*------------------------------------------*/

.service {}

.service .title {
    font-size: 160%;
    display: block;
    width: 100%;
    font-weight: 700;
    line-height: 32px;
}

.service .title a {
    font-weight: 600;
}

.service .style1 {}

.editor-content {
    white-space: normal;
}

.editor-content a {
    color: blue;
    /*display: inline-block;*/
    line-height: 18px;
}

.editor-content a:hover {
    color: red;
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 700;
    font-size: 140% !important;
}

.editor-content h1 {}

.editor-content h2 {
    font-size: 140%;
}

.editor-content h3 {
    font-size: 120%;
}

.editor-content h4 {}

.editor-content h5 {}

.editor-content h6 {}

.editor-content table {
    border-collapse: collapse;
}

.editor-content table th,
.editor-content table td {
    padding: 3px 12px;
}

.editor-content p {
    width: inherit;
}

.editor-content ul {
    margin: 0;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none
}

.editor-content ul li {
    padding: 2px 5px 5px 20px;
    position: relative
}

.editor-content ul li:before {
    font-family: "fontawesome";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    font-size: 15px;
    color: #777
}


/*.list-circle li:before {
    top: 10px;
    font-size: 10px
}*/

.editor-content ul li:before {
    content: "\f138";
    color: #00a3c8;
}


/*.editor-content ul li:before {
    content: "\f0a9"
    color: #00a3c8;
}*/

.editor-content ol {
    list-style-type: decimal !important;
    padding-left: 40px;
}

.editor-content img {
    margin-top: 15px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    height: auto !important;
}

@media(min-width: 576px) {
    .editor-content table[style] {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}


/*------------------------------------------*/

.controls-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
}

.controls-list ul li {
    display: inline-block;
    margin-bottom: 15px;
}

.controls-list ul li>a,
.controls-list ul li>span {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Oxanium', cursive;
    font-weight: 800;
}

.controls-list ul li>span,
.blog-post-share {
    line-height: 1;
}

.blog-post-share {
    margin-top: -3px;
}

.controls-list ul li>a i {
    margin-left: 10px;
    color: #00adef;
}

.controls-list ul li:last-child {
    display: flex;
    align-items: center;
}

.controls-list ul li .blog-post-share a {
    font-size: 20px;
    margin-left: 15px;
}

.controls-list ul li a:hover {
    color: #00adef;
}


/*cards*/

.pricing-card {
    border: 1px solid rgba(0, 0, 0, .1);
}

.pricing-card .display-1 {
    font-size: 150%;
    font-weight: 900;
    font-family: Arial;
}


/*------------------------------------------*/


/*   FILTER FORM STYLES
/*------------------------------------------*/

.filter-form.style1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.filter-form.style1 .input-section {
    padding: 0 5px;
    margin-top: -35px;
}

.filter-form.style1 .input-section:first-child {
    padding-left: 0;
}

.filter-form.style1 .input-section:last-child {
    padding-right: 0;
}

.filter-form.style1.two-filters .input-section {
    width: 50%;
}

.filter-form.style1.three-filters .input-section {
    width: 33.33333333333333%;
}

.filter-form.style1.four-filters .input-section {
    width: 25%;
}

.filter-form.style1 .input-section select {
    height: 35px;
}

.filter-form.style1 .input-section label {
    margin-bottom: 0;
}


/*------------------------------------------*/


/*   GALLERY STYLES
/*------------------------------------------*/


/*____________________________________________
*   GALLERY
*/

.grid_filter {
    margin-bottom: 30px;
}

.grid_filter li {
    display: inline-block;
    margin: 0 5px;
}

.grid_filter li a {
    background-color: #302f83;
    color: #fff;
    padding: 5px 15px;
    display: block;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 2px;
}

.grid_filter li a.current {
    background-color: #07d765;
    color: #fff;
}


/*ALBUM*/

.album {
    position: relative;
    overflow: hidden;
    margin: 5px;
}

.album .album-title {
    position: absolute;
    top: 10px;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 2;
    font-weight: 700;
    text-shadow: 1px 1px 1px black;
}

.album img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in-out;
}

.album:hover img {
    transition: all 0.5s ease-in-out;
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.album-menu {
    position: absolute;
    bottom: 5px;
    background: rgba(0, 0, 0, 0.5);
}

.album-menu a {
    color: #fff;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
}


/*.album:hover .album-menu {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}*/


/**/

.photo-wrapper {
    padding: 0;
}

.gallery_item320 {}

.gallery_item320 img {
    width: 100%;
}

.gallery_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1px;
    height: 100%;
}

.gallery_content {
    padding: 7px 15px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
}

.gallery_content a,
.gallery_content button,
.gallery_content .trash {
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.gallery_item .image_link::before {
    background-color: rgba(0, 0, 0, 0.50);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    bottom: 100%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.gallery_item:hover .gallery_content {
    /* bottom: 0;
    opacity: 1;
    visibility: visible; */
}

.gallery_item:hover .image_link:before {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

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

.gallery_item img {
    transition: all 0.5s ease-in-out;
    margin: auto;
    display: block;
    width: 99%;
}

.gallery_item:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.link_container {
    float: right;
}

.link_container a {
    background-color: #fff;
    color: #07d765;
    font-size: 20px;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 100%;
    line-height: 50px;
    margin: 0 2px;
    text-align: center;
}

.gallery_content h5 {
    font-size: 70%;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
}

.gallery_content h5 a,
.pr_categories a {
    color: #fff !important;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .gallery_item {
        max-height: 100%;
    }
}

#photos,
.photos {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 5;
    column-gap: 0px;
}

#photos,
.photos img {
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 1200px) {
    #photos,
    .photos {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media (max-width: 1000px) {
    #photos,
    .photos {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 800px) {
    #photos,
    .photos {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 400px) {
    #photos,
    .photos {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}


/*------------------------------------------*/


/*   MEDIA QUERY STYLES
/*------------------------------------------*/

@media(max-width: 1199px) {
    .lg-hide {
        display: none !important;
    }
}

@media(max-width: 991px) {
    .md-hide {
        display: none !important;
    }
}

@media(max-width: 767px) {
    .sm-hide {
        display: none !important;
    }
}

@media(max-width: 575px) {
    .xs-hide {
        display: none !important;
    }
}


/*donate*/

.donate-link {
    display: block;
}

.donate-link a {
    display: block;
}

.donate-link img {
    width: 100%;
    max-width: 250px;
    display: block;
    margin: 0 auto;
}

@media(max-width: 767px) {
    .donate-link {
        margin: 15px;
    }
}


/*menus*/

.h-nav.style1 {
    padding-bottom: 10px;
}

.h-nav.style1:after {
    clear: both;
    display: block;
    content: "";
}

.h-nav.style1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.h-nav.style1 ul li {
    display: inline-block;
}

.h-nav.style1 ul li a,
.h-nav.style1 ul li button {
    background: transparent;
    border: 0;
    padding: 0;
    padding: 0px 12px;
    font-weight: 500;
    font-size: 100%;
    color: #ca141a;
    display: block;
    outline: 0;
}

.h-nav.style1 ul li a:hover,
.h-nav.style1 ul li button:hover {
    background: rgba(0, 0, 0, .1);
    cursor: pointer;
}

.h-nav.style1 ul li a:focus,
.h-nav.style1 ul li button:focus {
    background: rgba(0, 0, 0, .1);
    cursor: pointer;
}

.h-nav.style1.text-white ul li a,
.h-nav.style1.text-white ul li button {
    color: #fff;
}

.h-nav.style1 ul li a .nav-icon,
.h-nav.style1 ul li button .nav-icon {
    padding-right: 5px;
}

.h-nav.style1 ul li a .nav-text,
.h-nav.style1 ul li button .nav-text {}

.h-nav.style1.add-seperator li {
    border-right: 1px solid rgba(0, 0, 0, .3);
}

.h-nav.style1.add-seperator li:last-child {
    border-right: 0;
}

@media(max-width: 767px) {
    .h-nav.style1 ul {
        float: none;
    }
}


/*vertical menus*/


/*vmega*/

.jt-vmenu.style1 {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    padding: 0 0 0 4px;
    margin: 0;
    background-color: inherit;
}

.jt-vmenu.style1 a,
.jt-vmenu.style1 a:link,
.jt-vmenu.style1 a:visited,
.jt-vmenu.style1 a:focus{
    color: inherit;
    text-decoration: none;
}

.jt-vmenu.style1.fs-sm a {
    font-size: 12px;
}

.jt-vmenu.style1.dark a,
.jt-vmenu.style1.dark a:link,
.jt-vmenu.style1.dark a:visited,
.jt-vmenu.style1.dark a:focus {
    color: #fff;
}

.jt-vmenu.style1 a:hover {
    text-decoration: none;
}

.jt-vmenu.style1>li {
    display: block;
    margin-left: -4px;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}

.jt-vmenu.style1>li {
    display: block;
    margin-left: -4px;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}

.jt-vmenu.style1>li>a {
    padding: 6px 12px;
    display: block;
    color: #fff;
}

.jt-vmenu.style1.dark.add-borders>li {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.jt-vmenu.style1.dark.add-borders>li:last-child {
    border-bottom: 0;
}

.jt-vmenu.style1>li:hover>a {}

.jt-vmenu.style1>li:hover {
    background-color: rgba(255, 255, 255, .2);
}


/* Megadrop width dropdown */

.jt-vmenu.style1>li>.megadrop {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    list-style: none;
    top: 0px;
    left: 100%;
    width: 800px;
    height: 100%;
    min-height: 500px;
    text-align: left;
    margin-top: 30px;
    padding: 0;
    z-index: 99;
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    overflow: hidden;
    border-top: 2px solid #227087;
    border-right: 2px solid #227087;
    border-bottom: 2px solid #227087;
    background-color: #fff;
    padding: 15px;
    overflow: scroll;
}

.jt-vmenu.style1>li>.megadrop a {
    color: red;
}

.jt-vmenu.style1>li:hover .megadrop {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}

.jt-vmenu.style1 ul li:hover:after {}

.jt-vmenu.style1 .col {
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.jt-vmenu.style1 ul {
    padding: 0;
    margin: 0;
}

.jt-vmenu.style1 ul li {
    padding: 0;
    list-style: none;
    font-size: 11px;
}

.jt-vmenu.style1 .title {
    font-size: 16px;
    padding: 10px 0;
    font-weight: bold;
    margin: 5px 0 5px 0;
    line-height: 16px;
}

.jt-vmenu.style1.dark .title a {
    color: #000;
}

.jt-vmenu.style1 .title.no-sub-menu a {
    display: block;
    width: 100%;
    height: 100%;
}

.jt-vmenu.style1 .title.no-sub-menu a:hover {
    color: green;
    background-color: rgba(0, 0, 0, .1);
    padding: 6px 12px;
}

.jt-vmenu.style1 .title.has-sub-menu {
    font-weight: 800;
    text-decoration: underline;
    margin-bottom: 0;
}

.jt-vmenu.style1 .title.no-sub-menu {
    display: block;
    height: 100%;
    margin-bottom: 10px;
}

.jt-vmenu.style1.fs-sm .title {
    font-size: 13px;
}

.jt-vmenu.style1 ul li a {
    display: block;
    padding: 0 0 8px 0;
    color: #000;
}

.jt-vmenu.style1.dark ul li a,
.jt-vmenu.style1.dark ul li a:link,
.jt-vmenu.style1.dark ul li a:visited,
.jt-vmenu.style1.dark ul li a:focus {
    color: #000;
}

.jt-vmenu.style1 ul li a:hover {
    text-decoration: underline;
}

.jt-vmenu.style1>li>ul li ul,
.jt-vmenu.style1 li>ul li,
.jt-vmenu.style1>li>.megadrop,
.jt-vmenu.style1>li>ul,
.jt-vmenu.style1>li {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-outs;
}

.jt-vmenu.style1>li.has-more-btn,
.jt-vmenu.style1.dark ul li.has-more-btn {
    margin: 15px;
    border-radius: 200px;
}

.jt-vmenu.style1>li.has-more-btn a,
.jt-vmenu.style1.dark ul li.has-more-btn a {
    border-radius: 200px;
    padding: 6px 12px;
    color: #fff;
    text-decoration: none;
}

.jt-vmenu.style1>li.has-more-btn a:hover,
.jt-vmenu.style1.dark ul li.has-more-btn a:hover {
    color: #fff !important;
}

.jt-vmenu.style1 .col.has-more-btn {
    padding: 8px;
}

.jt-vmenu.style1 .col.has-more-btn .btn {
    display: block;
    width: 100%;
    text-align: center;
}


/**/

.image-list .list-title {
    font-weight: 900;
}

.image-list .list-title.underline {
    text-decoration: underline;
}

.image-list .list-title.fs-sm {
    font-size: 130%;
}

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

.image-list li {
    /*    background-color: rgba(0, 0, 0, .1);*/
}

.image-list li img {}


/**/

.products-menu {}

.products-menu .col {
    padding-top: 6px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.products-menu .col.bt-0 {
    border-top: 0;
}

.products-menu .col:last-child {}

.products-menu .product-group {}

.products-menu .product-group .list-title {
    font-weight: 900;
    line-height: 20px;
}

.products-menu .product-group .title-group {
    display: flex;
}

.products-menu .product-group .title-section {
    width: calc(100% - 100px);
}

.products-menu .product-group .controls-section {
    width: 100px;
}

.products-menu .product-group .controls-section a.btn {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 3px;
    text-align: center;
    color: #000;
}

.products-menu .product-group .controls-section a.btn:hover {
    background-color: #000;
    color: #fff;
}

.products-menu .product-group .list-title.underline {
    text-decoration: underline;
}

.products-menu .product-group .list-title.fs-sm {
    font-size: 100%;
}

.products-menu .product-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.products-menu .product-group li {
    /*    background-color: rgba(0, 0, 0, .1);*/
}

.products-menu .product-group li img {}

.products-menu .product-group .image-caption {
    margin-top: 10px;
}

.products-menu .product-group .link-group {}

.products-menu .product-group .link-group a {
    display: block;
    padding-bottom: 0 !important;
    line-height: 16px;
}


/*quotations*/

.quotations .quote-list-item {
    display: block;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}

.quotations .quote-list-item:last-child {
    border-bottom: 0 !important;
}

.quotations .quote-list-item .quote-header {}

.quotations .quote-list-item .quote-header .quote-title,
.quotations .quote-list-item .quote-header .quote-title a {
    font-size: 100%;
    font-weight: 500;
    color: blue;
}

.quotations .quote-list-item .quote-body {}


/**/

.v-nav.style1 {}

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

.v-nav.style1.menu-bordered ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.v-nav.style1 ul.add-bg li {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .05);
    margin-bottom: 5px;
    border-radius: 7px;
}

.v-nav.style1 ul li .nav-menu {
    color: #000;
    display: block;
    padding: 6px 12px;
    font-weight: 500;
}

.v-nav.style1 ul li .nav-menu:hover {
    color: green;
}


/*data actions*/

.data-actions {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    min-width: 150px;
}

.data-actions .action {
    background: transparent;
    font-weight: 600;
    border: 0;
    border-radius: 5px;
    color: #54a4f2;
    color: blue;
    cursor: pointer;
}

.data-actions .trash {
    color: #d22a2a;
}

.data-actions .action-icon {}

.data-actions .action-icon img {
    width: 20px;
}

.data-actions .action-text {}

.data-actions a:after,
.data-actions button:after {
    font-size: 18px;
    content: "|";
    margin-left: 5px;
    margin-right: 2px;
    opacity: 0.2;
    display: inline-block;
    color: #000;
}

.data-actions a:last-child:after,
.data-actions button:last-child:after {
    content: ''
}

.data-actions a:focus,
.data-actions button:focus {
    outline: 0;
}


/*video element*/

.video-container {}


/**/

.parallax-box-1 {
    margin-top: -200px;
}

@media(max-width: 767px) {
    .parallax-box-1 {
        margin-top: -50px;
    }
}


/*social media*/

.social-media-links {}

.social-media-links a {
    display: inline-block;
    text-align: center;
    font-size: 26px;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    padding-top: 7px;
    margin-top: 15px;
}

.social-media-links a:hover {
    background: #000;
    color: #fff;
}

.social-media-links a::last-child {
    margin-right: 0;
}


/*social share buttons*/

.social-share.style1 a {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    margin-top: 10px;
}

.social-share.style1 .socials-label {
    display: block;
    font-weight: 900;
    font-family: Arial;
    font-size: 120%;
    margin-bottom: 10px;
}

.social-share.style1 a:hover {
    background: #000;
    color: #fff;
}

.social-share.style1 a::last-child {
    margin-right: 0;
}

.bg-facebook {
    background-color: #5d82d1 !important;
    color: #fff;
}

.bg-facebook:hover {
    background-color: #5475bc !important;
    color: #fff;
}

.text-facebook {
    color: #5d82d1;
}

.text-facebook:hover {
    color: #5475bc;
}

.bg-instagram {
    background: #c22b72 !important;
    color: #fff;
}

.bg-instagram:hover {
    background-color: #af2767;
    color: #fff;
}

.text-instagram {
    color: #c22b72 !important;
}

.text-instagram:hover {
    color: #af2767;
}

.bg-instagram-gradient {
    background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
    background-size: 120% 120%;
    background-position: right bottom;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 0;
}

.bg-instagram-gradient:hover {
    background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-position: left bottom;
}

.text-instagram-gradient {
    color: transparent;
    background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 120% 120%;
}

.text-instagram-gradient:hover {
    color: transparent;
    background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bg-google {
    background-color: #3c7ff1;
    color: #fff;
}

.bg-google:hover {
    background-color: #3672d9;
    color: #fff;
}

.text-google {
    color: #3c7ff1;
}

.text-google:hover {
    color: #3672d9;
}

.text-google-icon {
    background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.bg-twitter {
    background-color: #40bff5 !important;
    color: #fff;
}

.bg-twitter:hover {
    background-color: #3aacdd;
    color: #fff;
}

.text-twitter {
    color: #40bff5;
}

.text-twitter:hover {
    color: #3aacdd;
}

.bg-linkedin {
    background-color: #238cc8 !important;
    color: #fff;
}

.bg-linkedin:hover {
    background-color: #207eb4;
    color: #fff;
}

.text-linkedin {
    color: #238cc8;
}

.text-linkedin:hover {
    color: #207eb4;
}

.bg-pinterest {
    background-color: #e60023 !important;
    color: #fff;
}

.bg-pinterest:hover {
    background-color: #cf0020;
    color: #fff;
}

.text-pinterest {
    color: #e60023;
}

.text-pinterest:hover {
    color: #cf0020;
}

.bg-dribbble {
    background-color: #f7659c !important;
    color: #fff;
}

.bg-dribbble:hover {
    background-color: #de5b8c;
    color: #fff;
}

.text-dribbble {
    color: #f7659c;
}

.text-dribbble:hover {
    color: #de5b8c;
}

.bg-youtube {
    background-color: #ff0000 !important;
    color: #fff;
}

.bg-youtube:hover {
    background-color: #e60000;
    color: #fff;
}

.text-youtube {
    color: #ff0000;
}

.text-youtube:hover {
    color: #e60000;
}

.bg-skype {
    background-color: #13c1f3 !important;
    color: #fff;
}

.bg-skype:hover {
    background-color: #11aedb;
    color: #fff;
}

.text-skype {
    color: #13c1f3;
}

.text-skype:hover {
    color: #11aedb;
}

.bg-whatsapp {
    background-color: #50ca5e !important;
    color: #fff;
}


/**/

.btn-primary-soft {
    color: #066ac9;
    background-color: rgba(6, 106, 201, 0.1);
}

.btn-primary-soft:hover {
    color: #fff;
    background-color: #066ac9;
}

.btn-white-soft {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.btn-white-soft:hover {
    color: #000;
    background-color: #fff;
}

.btn-secondary-soft {
    color: #9a9ea4;
    background-color: rgba(154, 158, 164, 0.1);
}

.btn-secondary-soft:hover {
    color: #fff;
    background-color: #9a9ea4;
}

.btn-success-soft {
    color: #0cbc87;
    background-color: rgba(12, 188, 135, 0.1);
}

.btn-success-soft:hover {
    color: #fff;
    background-color: #0cbc87;
}

.btn-info-soft {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, 0.1);
}

.btn-info-soft:hover {
    color: #fff;
    background-color: #17a2b8;
}

.btn-warning-soft {
    color: #f7c32e;
    background-color: rgba(247, 195, 46, 0.1);
}

.btn-warning-soft:hover {
    color: #000;
    background-color: #f7c32e;
}

.btn-danger-soft {
    color: #d6293e;
    background-color: rgba(214, 41, 62, 0.1);
}

.btn-danger-soft:hover {
    color: #fff;
    background-color: #d6293e;
}

.btn-light-soft {
    color: #f5f7f9;
    background-color: rgba(245, 247, 249, 0.1);
}

.btn-light-soft:hover {
    color: #000;
    background-color: #f5f7f9;
}

.btn-dark-soft {
    color: #24292d;
    background-color: rgba(36, 41, 45, 0.1);
}

.btn-dark-soft:hover {
    color: #fff;
    background-color: #24292d;
}

.btn-orange-soft {
    color: #fd7e14;
    background-color: rgba(253, 126, 20, 0.1);
}

.btn-orange-soft:hover {
    color: #fff;
    background-color: #fd7e14;
}

.btn-purple-soft {
    color: #6f42c1;
    background-color: rgba(111, 66, 193, 0.1);
}

.btn-purple-soft:hover {
    color: #fff;
    background-color: #6f42c1;
}

.btn-blue-soft {
    color: #1d3b53;
    background-color: rgba(29, 59, 83, 0.1);
}

.btn-blue-soft:hover {
    color: #fff;
    background-color: #1d3b53;
}

.btn-primary-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
    box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
    background-color: #066ac9;
}

.btn-primary-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-primary-shadow,
.btn-primary-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
    box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
}

.btn-white-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
    background-color: #fff;
}

.btn-white-shadow:hover {
    color: #000;
}

.btn-check:focus+.btn-white-shadow,
.btn-white-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
}

.btn-secondary-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
    box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
    background-color: #9a9ea4;
}

.btn-secondary-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-secondary-shadow,
.btn-secondary-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
    box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
}

.btn-success-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
    box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
    background-color: #0cbc87;
}

.btn-success-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-success-shadow,
.btn-success-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
    box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
}

.btn-info-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
    box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
    background-color: #17a2b8;
}

.btn-info-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-info-shadow,
.btn-info-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
    box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
}

.btn-warning-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
    box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
    background-color: #f7c32e;
}

.btn-warning-shadow:hover {
    color: #000;
}

.btn-check:focus+.btn-warning-shadow,
.btn-warning-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
    box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
}

.btn-danger-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
    box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
    background-color: #d6293e;
}

.btn-danger-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-danger-shadow,
.btn-danger-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
    box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
}

.btn-light-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
    box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
    background-color: #f5f7f9;
}

.btn-light-shadow:hover {
    color: #000;
}

.btn-check:focus+.btn-light-shadow,
.btn-light-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
    box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
}

.btn-dark-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
    box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
    background-color: #24292d;
}

.btn-dark-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-dark-shadow,
.btn-dark-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
    box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
}

.btn-orange-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
    box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
    background-color: #fd7e14;
}

.btn-orange-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-orange-shadow,
.btn-orange-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
    box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
}

.btn-purple-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
    box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
    background-color: #6f42c1;
}

.btn-purple-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-purple-shadow,
.btn-purple-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
    box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
}

.btn-blue-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
    box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
    background-color: #1d3b53;
}

.btn-blue-shadow:hover {
    color: #fff;
}

.btn-check:focus+.btn-blue-shadow,
.btn-blue-shadow:focus {
    -webkit-box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
    box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
}

.btn-primary-soft-check:hover {
    background-color: rgba(6, 106, 201, 0.2);
    border-color: rgba(6, 106, 201, 0);
}

.btn-check:active+.btn-primary-soft-check,
.btn-check:checked+.btn-primary-soft-check,
.btn-primary-soft-check.active,
.btn-primary-soft-check:active,
.show>.btn-primary-soft-check.dropdown-toggle {
    background-color: rgba(6, 106, 201, 0.2);
    color: #066ac9;
    border-color: rgba(6, 106, 201, 0);
}

.btn-check:focus+.btn,
.btn-round-shadow:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*end*/


/*location sections*/

.location-section {
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 5px solid rgba(255, 255, 255, .1);
}

.location-section .section-title {
    font-weight: 700;
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px;
    font-style: italic;
    margin-bottom: 0;
}


/* call to actions */

.download-cta.style1 {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    /*  background: #ed2027;*/
    color: #ed2027;
    padding: 30px;
    font-size: 115%;
}

.download-cta.style1.bg-red {
    background: #f00;
    color: #fff;
}

.download-cta.style1 a {
    display: block;
    /*  color: #fff;*/
    font-size: 115%;
    text-transform: capitalize;
}

.download-cta.style1 .cta-icon {
    font-size: 32px;
}

.download-cta.style1 .cta-text {
    font-weight: 900;
}


/*end call to actions*/


/*------------------------------------------------------------------------------*/


/*  Classic_Blog
/*------------------------------------------------------------------------------*/

article.ttm-blog-classic {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 50px;
    padding-bottom: 0;
    position: relative;
}

article.ttm-blog-classic:last-child {
    margin-bottom: 10px;
}

article.ttm-blog-classic .post-featured-wrapper,
.ttm-post-featured {
    position: relative;
    overflow: hidden;
}

article.ttm-blog-classic .ttm-post-featured:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(255, 210, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(255, 210, 0, 0.1), rgba(0, 0, 0, 0.2));
    -webkit-transform: translate3d(0, -50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
    -moz-transform: translate3d(0, -50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
    -ms-transform: translate3d(0, -50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
    -o-transform: translate3d(0, -50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
    transform: translate3d(0, -50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

article.ttm-blog-classic:hover .ttm-post-featured:before {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    height: 100%;
    visibility: visible;
}

article.ttm-blog-classic .ttm-box-post-icon,
article.ttm-blog-single .ttm-box-post-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    color: #fff;
    text-align: center;
}

article.ttm-blog-classic .ttm-box-post-icon i,
article.ttm-blog-single .ttm-box-post-icon i {
    font-size: 22px;
    line-height: 22px;
    vertical-align: middle;
}

article.ttm-blog-classic .ttm-blog-classic-content {
    background: #fff;
    padding: 30px 30px 30px 30px;
    z-index: 1;
    position: relative;
    display: block;
    margin: 0 30px;
    margin-top: -50px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}

article .ttm-post-entry-header div {
    margin-right: 15px;
    display: inline-block;
}

article.ttm-blog-classic .post-category a {
    margin-bottom: 10px;
}

article.ttm-blog-classic .entry-header .entry-title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 0px;
}

article.ttm-blog-classic .ttm-post-entry-header {
    margin-bottom: 15px;
    margin-top: -5px;
}

article.ttm-blog-classic blockquote {
    display: block;
    background: #f6f9ff;
    padding: 27px 120px 27px 35px;
    position: relative;
    border: none;
    font-style: italic;
    font-weight: 400;
    margin: 35px 0 35px 0;
    font-size: 17px;
    line-height: 28px;
}

article.ttm-blog-classic blockquote:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    display: block;
    background: #2457aa;
}

article.ttm-blog-classic blockquote:after {
    content: '"';
    font-family: 'Poppins', sans-serif;
    font-size: 120px;
    line-height: 80px;
    font-weight: 400;
    color: #2457aa;
    position: absolute;
    right: 15%;
    top: 0;
    font-style: normal;
    display: block;
}

.ttm-blog-classic .ttm-blogbox-desc-footer {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 0;
    clear: both;
    overflow: hidden;
}

.ttm-blog-classic .ttm-blogbox-footer-left,
.ttm-blog-classic .ttm-social-share-wrapper .social-icons,
.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title {
    float: left;
}

.ttm-blog-classic .ttm-social-share-wrapper {
    float: right;
}

.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title {
    font-size: 16px;
    color: #000b1c;
    margin-top: 10px;
    margin-right: 3px;
    padding-right: 10px;
    position: relative;
    font-weight: 500;
    display: inline-block;
}


/*blog-comment*/

.comments-area {
    margin-top: 50px;
    margin-bottom: 0;
}

.comments-area h2 {
    font-size: 29px;
    line-height: 30px;
    margin-bottom: 15px;
}

.comment-list li {
    position: relative;
    margin-top: 30px;
}

.comment-list .children {
    margin-left: 35px;
}

.comment-list,
.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.single-post .comments-area {
    margin-top: 50px;
    margin-bottom: 0;
}

.single-post .comments-area .comments-title {
    font-size: 33px;
    font-weight: 600;
}

.comment-body {
    margin-left: 110px;
    padding: 20px 25px;
    position: relative;
    background-color: #f6f9ff;
    border: 1px solid #e9eef6;
    position: relative;
}

.comment-body:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -18px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #f6f9ff;
}

.comment-author {
    float: left;
    text-align: center;
    width: 81px;
    height: 81px;
    display: block;
    overflow: hidden;
    margin-left: -135px;
    margin-top: -20px;
}

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

.comment-reply-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}

.comment-notes {
    font-size: 15px;
    font-style: italic;
}

.comment-meta,
.reply {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}

.comment-body .author-content-wrap p {
    margin-bottom: 0;
}

.reply {
    float: right;
}

.comment-meta,
.comment-meta span {
    font-size: 12px;
    line-height: 19px;
}

.comment-meta .ttm-comment-owner h5,
.ttm-comment-owner {
    display: block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #000b1c;
    font-style: normal;
}

.single article.post .comment-body p {
    margin-top: 10px;
}

.comment-list a.comment-reply-link {
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 2px 30px 3px 17px;
    position: relative;
    margin-top: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.comment-list a.comment-reply-link:after {
    position: absolute;
    top: 6px;
    font-family: 'themify';
    content: "\e649";
    font-weight: 400;
    display: inline-block;
    margin-right: .2em;
    text-align: center;
    opacity: 1;
    line-height: 22px;
    font-size: 10px;
    margin-left: 8px;
}

.comments-area .comment-respond {
    padding-top: 40px;
}

#respond .comment-reply-title {
    margin: 0 0 20px!important;
}

.comment-form textarea {
    height: 125px;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 5px;
    text-indent: 0;
    font-style: italic;
}


/**/

.v-menu-1 {
    padding: 0;
    margin: 0;
}

.v-menu-1 li {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.v-menu-1 li a {
    display: block;
    padding: 6px 12px;
}

.video-style-1 {
    border: 10px solid #fff;
    box-shadow: 0 0 150px rgba(255, 255, 255, .5);
}

.overlay-box-1 {
    height: 250px;
    width: 100%;
    background: #343a40;
    border-bottom: 20px solid #343a40;
}

@media(max-width: 767.98px) {
    .overlay-box-1 {
        margin-top: -150px !important;
    }
}


/*document styles*/

.document-1 {}

.document-1 .document-header table td {
    vertical-align: top;
}

.document-1 .document-header p {}

.document-1 .document-header .document-id {}

.document-1 .document-header .customer-id {}

.document-1 .main-title {}

.document-1 .heading-1 {}

.document-1 address {}

.document-1 .items-table {}

.document-1 .items-table th,
.document-1 .items-table td {}

.document-1 .items-table th {}

.document-1 .items-table td {}

.document-1 .document-footer {}

.document-1 .document-footer p {}

.document-1 .section-title {}

.document-1 .signatory-section {}

.document-1 .signatory-section .line {}

.document-1 .signatory-section .title {}


/*------------------------------------------------------------------------------*/


/*  Shop_page
/*------------------------------------------------------------------------------*/

.ttm-shop-toolbar-wrapper {
    padding: 18px 20px 17px;
    position: relative;
    margin-bottom: 30px;
}

.ttm-shop-toolbar-wrapper .toolbar-left .nav-tab-wrapper,
.ttm-shop-toolbar-wrapper .toolbar-left .products-result-count {
    display: inline-block;
    vertical-align: middle;
}

.ttm-shop-toolbar-wrapper .toolbar-left .nav-tab-wrapper ul {
    padding: 0;
    margin: 0;
    border: 0;
}

.ttm-shop-toolbar-wrapper .toolbar-left .nav-tab-wrapper ul.nav-tabs .nav-link {
    font-size: 13px;
    line-height: 0;
    padding: 8px;
    border: 1px solid #e9eef6;
    margin-right: 9px;
}

.ttm-shop-toolbar-wrapper .toolbar-left .nav-tab-wrapper ul.nav-tabs li:nth-child(2) .nav-link {
    margin-right: 15px;
}


/* products-ordering */

.products-ordering label,
.products-result-count label {
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 0;
}

.products-ordering select,
.products-result-count select {
    line-height: 15px;
    font-size: 14px;
    padding: 8px 15px 8px;
    width: 190px;
    background-color: #fff;
    text-indent: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

.products-result-count select {
    width: 50px;
    line-height: 15px;
    font-size: 14px;
    padding: 8px 8px 8px 9px;
}

.products-ordering .orderby,
.products-result-count .orderby {
    position: relative;
}

.products-ordering .orderby:after,
.products-result-count .orderby:after {
    content: '\f0d7';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 5px;
}

.products-result-count .orderby:after {
    right: 10px;
}


/* product-list */

.product-list {
    padding-top: 35px;
    position: relative;
    width: 100%;
}

.product-list .col-lg-3 {
    max-width: 270px;
    padding: 0;
}

.product-list .col-lg-9 {
    max-width: calc(100% - 270px);
    padding: 0;
    flex: 100%;
}

.product-list .product-image-box {
    background-color: transparent;
}

.product-list .product-box {
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #e9eef6;
}

.product-list .product-description {
    height: 100%;
    width: 100%;
    padding: 30px;
    border-left: 1px solid #e9eef6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-list .product-title h2 {
    line-height: 14px;
    margin-bottom: 10px;
}

.product-list.product .product-content-box {
    text-align: left;
    padding: 0;
    border: 0;
}

.product.product-list .product-content-box p {
    padding-top: 15px;
    font-size: 16px;
}


/* ===============================================
    17. Products
-------------------------------------------*/

.product {
    /*    width: calc(50% - 2px);*/
    clear: both;
    overflow: hidden;
    position: relative;
}

.product .product-box {
    border: 1px solid #e9eef6;
}

.slick_slider .product-box {
    margin-bottom: 0;
}

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

.product-box,
.sidebar .product-box,
.tab-content .product-box,
.content-tab .slick_slider .product-box {
    margin-bottom: 32px;
}

.product-box-inner {
    position: relative;
    overflow: hidden;
}

.product-banner-section .product-box {
    margin-top: 38px;
}


/* product-hover-image-fliper*/

.pro-image-back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    -moz-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
}

.product-box:hover .pro-image-back {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    -moz-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
}

.product-box:hover .pro-image-front {
    opacity: 0;
    visibility: hidden;
}


/* product-btn */

.product .product-box .product-btn-links-wrapper {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
}

.product .product-box .product-btn-links-wrapper>div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    opacity: 0;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
}

.product .product-box .product-btn-links-wrapper a {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 13px;
    margin: 0 2px;
    text-align: center;
    background-color: transparent;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.product .product-box .product-btn-links-wrapper>div:nth-child(1) {
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.product .product-box .product-btn-links-wrapper>div:nth-child(2) {
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.product .product-box .product-btn-links-wrapper>div:nth-child(3) {
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.product .product-box:hover .product-btn-links-wrapper>div {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product .product-box .product-btn-links-wrapper a i {
    line-height: 32px;
}

.product .tooltip:after,
.product [data-tooltip]:after {
    width: 130px;
}

.product .tooltip-top:after,
.product .tooltip:after,
.product [data-tooltip]:after {
    margin-left: -60px;
}

.product .product-content-box {
    text-align: center;
    padding: 22px 15px 22px 15px;
    position: relative;
    border-top: 1px solid #e9eef6;
}

.product .product-content-box .product-title h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    padding-bottom: 0;
    line-height: 24px;
    font-weight: 400;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product .price {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    display: block;
}

.price .product-Price-amount {
    font-weight: 600;
}

.price del .product-Price-amount {
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 5px;
    color: #656c76;
}

.price ins {
    text-decoration: none;
}

.product .star-ratings {
    line-height: 27px;
    font-size: 10px;
}

.product .star-ratings ul {
    display: block;
    padding: 0;
    margin: 0;
}

.product .star-ratings ul li {
    display: inline-block;
}

.product .star-ratings ul li i {
    font-size: 13px;
}

.star-ratings,
.sidebar .star-ratings ul li,
.sidebar .star-ratings ul li {
    width: auto;
    margin: 0px;
    font-size: 10px;
    line-height: 1;
    padding: 0;
    border: 0;
}

.product .onsale {
    height: 20px;
    width: 35px;
    padding-left: 4px;
    line-height: 20px;
    color: #fff;
    background: #dc242b;
    text-align: right;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
    padding-top: 0;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
    min-height: auto;
    font-weight: 400;
}

.product .onsale:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 34px;
    right: 0;
    border-right: 8px solid transparent;
    border-top: 10px solid #dc242b;
    border-left: 8px solid #dc242b;
    border-bottom: 10px solid #dc242b;
}


/* coupen_code */

.coupen-box {
    padding: 50px 15px 30px 23px;
    position: relative;
    height: 100%;
    width: 100%;
    border-left: 1px solid #f7f8fa;
}

.coupen-box h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}

.coupen-box p {
    font-size: 15px;
}

.coupen_code {
    display: inline-block;
    text-align: center;
    padding: 10px 20px 9px;
    border: 1px dashed;
    margin-top: 20px;
}

.coupen_code span {
    font-size: 15px;
    display: inline-block;
}

.products .slick_slider .slick-arrow,
.products .pro_slick_slider .slick-arrow {
    width: 26px;
    height: 26px;
    border: 1px solid #e9eef6;
    border-radius: 3px;
    background: #fff;
}

.products .slick_slider .slick-prev,
.products .slick_slider .slick-next,
.products .pro_slick_slider .slick-prev,
.products .pro_slick_slider .slick-next {
    top: -50px;
    right: 0px;
}

.products .slick_slider .slick-prev,
.products .pro_slick_slider .slick-prev {
    left: auto;
    right: 30px;
}

.products .slick_slider .slick-prev:before,
.products .slick_slider .slick-next:before,
.products .pro_slick_slider .slick-prev:before,
.products .pro_slick_slider .slick-next:before {
    font-family: 'themify';
    font-size: 10px;
    line-height: 1;
    opacity: 1;
    color: #656c76;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.products .slick_slider .slick-prev:before,
.products .pro_slick_slider .slick-prev:before {
    content: "\e64a";
}

.products .slick_slider .slick-next:before,
.products .pro_slick_slider .slick-next:before {
    content: "\e649";
}

.products .slick_slider .slick-arrow.slick-disabled,
.products .pro_slick_slider .slick-arrow.slick-disabled {
    cursor: not-allowed;
}


/*------------------------------------------------------------------------------*/


/* 18. Quantity
/*------------------------------------------------------------------------------*/

.quantity {
    display: inline-block;
    position: relative;
}

.quantity input.qty {
    width: 100%;
    height: 45px;
    font-size: 16px;
    line-height: 26px;
    padding-left: 15px;
    padding-right: 30px;
    font-weight: 500;
}

.quantity input.qty.red-border {
    border: 1px solid #dc3545;
}

.quantity>span {
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    width: 26px;
    height: 50%;
    line-height: 20px;
    border-left: 1px solid #ebebeb;
    font-size: 0px;
    cursor: pointer;
}

.quantity>span.inc {
    top: 0;
}

.quantity>span.dec {
    bottom: 0;
    border-top: 1px solid #ebebeb;
}

.quantity>span:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #333;
}

.quantity>span.inc:before {
    content: "\f106";
}

.quantity>span.dec:before {
    content: "\f107";
}


/*------------------------------------------------------------------------------*/


/* 19. Modal
/*------------------------------------------------------------------------------*/

.overlay-modal1 {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .8;
}

.wrap-modal1 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9000;
    overflow: auto;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}

.modal1-content {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    transition: transform .3s ease-out;
    transform: translateY(-25%);
    margin: 100px auto;
    background: #fff;
    padding: 50px;
}

.show-modal1 {
    visibility: visible;
    opacity: 1;
}

.show-modal1 .modal1-content {
    transform: translate(0);
}

.close.js-hide-modal1 {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 99;
    transition: all .3s;
    padding: 0;
    background-color: transparent;
}


/*end of shop======================*/


/*------------------------------------------------------------------------------*/


/* 20. EasyZoom
/*------------------------------------------------------------------------------*/

.easyzoom {
    position: relative;
    zoom: 1;
}

.easyzoom img {
    vertical-align: bottom;
    background: #f6f9ff;
}

.easyzoom.is-loading img {
    cursor: progress;
}

.easyzoom.is-ready img {
    cursor: crosshair;
}

.easyzoom.is-error img {
    cursor: not-allowed;
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}


/* EasyZoom layout variations */

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}

.easyzoom-gallery-slider {
    padding: 0;
    margin: 0;
    list-style: none;
}


/*star ratings */

.star-ratings ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.star-ratings ul li {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
}


/*end of star ratings*/


/*banners*/

.discount-banner {
    padding: 15px;
    text-align: center;
}

.discount-banner .pct {
    font-weight: 900;
    font-size: 50px;
    display: block;
    width: 100%;
}

.discount-banner .discount-desc {
    font-weight: 400;
    font-size: 25px;
    display: block;
    width: 100%;
}


/**/

.menu-plus-banner-widget {
    position: relative;
    z-index: 10;
    display: flex;
    background-color: #02112b;
    background: url('../images/bg-image/page-title-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-plus-banner-widget .menu-section {
    width: 250px;
    background-color: rgba(0, 0, 0, .3);
    min-height: 400px;
    box-shadow: 0 0 5 rgba(0, 0, 0, .3);
}

.menu-plus-banner-widget .banner-section {
    width: calc(100% - 250px);
    display: flex;
    padding-left: 10px;
    background-color: #fff;
}

.menu-plus-banner-widget .banner-section .left-col {
    width: calc(100% - 250px);
    padding-right: 10px;
}

.menu-plus-banner-widget .banner-section .right-col {
    width: 250px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
}

@media(max-width: 1199.98px) {
    .menu-plus-banner-widget .banner-section .right-col {
        display: none;
    }
    .menu-plus-banner-widget .banner-section .left-col {
        width: 100%;
        padding-right: 0;
    }
}

@media(max-width: 991.98px) {
    .menu-plus-banner-widget .menu-section {
        display: none;
    }
    .menu-plus-banner-widget .banner-section {
        width: 100%;
        padding-left: 0;
    }
}


/**/


/*breadcrumbs*/

.breadcrumbs {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    min-width: 150px;
}

.breadcrumbs.add-bg {
    background-color: rgba(0, 0, 0, .05);
    padding: 6px 12px;
}

.breadcrumbs a,
.breadcrumbs button {
    background: transparent;
    font-weight: 500;
    border: 0;
    border-radius: 5px;
    /*    color: #54a4f2;*/
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 80% !important;
}

.breadcrumbs .trash {
    color: #d22a2a;
}

.breadcrumbs .action-icon {}

.breadcrumbs .action-icon img {
    width: 20px;
}

.breadcrumbs .action-text {}

.breadcrumbs a:after,
.breadcrumbs button:after {
    font-size: 18px;
    content: "\f101";
    font-family: "fontawesome";
    margin-left: 10px;
    margin-right: 5px;
    opacity: 0.5;
    display: inline-block;
    color: #000;
}

.breadcrumbs a:last-child:after,
.breadcrumbs button:last-child:after {
    content: ''
}

.breadcrumbs a.active,
.breadcrumbs button.active {
    opacity: 0.2;
    cursor: not-allowed !important;
}

.breadcrumbs a.active:hover,
.breadcrumbs button.active:hover {
    opacity: 0.2;
    cursor: not-allowed !important;
}

.breadcrumbs a:focus,
.breadcrumbs button:focus {
    outline: 0;
}


/*dark breakcrumbs*/

.breadcrumbs.dark a,
.breadcrumbs.dark button {
    color: #deeefa;
}

.breadcrumbs.bold a,
.breadcrumbs.bold button {
    font-weight: bold;
}

.breadcrumbs.dark a:after,
.breadcrumbs.dark button:after {
    color: #fff;
}

.breadcrumbs.dark a.active,
.breadcrumbs.dark button.active {
    opacity: 0.7;
}


/** //////////////////////////
 *  SETTING STYLES
 * */


/* setup */

.setup-section {
    padding: 5px;
    margin-bottom: 10px;
}

.setup-section.add-bg {
    background-color: rgba(0, 0, 0, 0.02);
}

.setup-header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.setup-header.has-controls {
    display: flex;
}

.setup-header.has-controls .title-sec {
    width: calc(100% - 50px);
}

.setup-header.has-controls .controls-sec {
    width: 50px;
}

.setup-section.body-hidden .setup-header {
    border-bottom: 0;
}

.setup-section .setup-collapse-btn {
    display: inline-block;
    background: rgba(0, 0, 0, .05);
    cursor: pointer;
    padding: 0 12px;
    text-align: center;
}

.setup-header .setup-title {
    font-size: 100% !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 15px;
    margin-bottom: 0;
}

.setup-control {
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}

.setup-body {}

.setup-body p {
    padding: 0;
    line-height: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: 15px;
}

.setup-body p:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.setup-body table th {
    white-space: nowrap;
}

.setup-body table.bordered-bottom tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.setup-body table.bordered-bottom tr td {
    padding-bottom: 15px;
    padding-top: 15px;
}

.setup-body table th,
.setup-body table td {
    padding: 5px 15px;
    vertical-align: top;
}

.setup-body table th,
.setup-body table td:first-child {
    padding-left: 0 !important;
}

.setup-body table.striped {
    border: 1px solid rgba(0, 0, 0, .1);
}

.setup-body table.striped th,
.setup-body table.striped td {
    border: 1px solid rgba(0, 0, 0, .1);
}

.setup-body table.striped th,
.setup-body table.striped td:first-child {
    padding: 5px 15px !important;
}

.setup-body table.bordered-bottom tr:last-child {
    border-bottom: 0;
}

.setup-body table.bordered-bottom {
    border-collapse: collapse;
}

.setup-body table.va-m th,
.setup-body table.va-m td {
    vertical-align: middle;
}

.setup-body table .title {
    font-weight: 600;
    margin: 0;
    margin-bottom: 5px;
    margin-top: 0 !important;
}

.setup-body table .desc {
    opacity: .7;
}

.setup-body table input[type="tel"],
.setup-body table input[type="text"],
.setup-body table input[type="date"],
.setup-body table select,
.setup-body table .form-control {
    border: 1px solid rgba(0, 0, 0, .2);
}

.setup-body table input[type="tel"],
.setup-body table input[type="text"],
.setup-body table input[type="date"] {
    max-width: 80px;
    min-width: 50px;
    padding: 3px 12px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.setting-input-pack {
    display: flex;
}

.setting-input-pack .setting-input {
    width: calc(100% - 50px);
}

.setting-input-pack .setting-btn {
    width: 50px;
    margin-left: 5px;
    text-align: center;
    padding: 3px 3px;
    font-size: 12px !important;
}

.action-button {
    background: transparent;
    border: 1px solid transparent;
    border: 0;
    outline: 0;
    font-weight: 600;
    padding: 5px;
}

.action-button:focus {
    outline: 0;
    box-shadow: none;
    border: 0;
}

@media(max-width: 575px) {
    .action-button .button-text {
        display: none;
    }
}


/* END SETTING STYLES */


/** //////////////////////
 *  LAYOUT STYLES
 *  tiled/grid data
 *  tabular data
 * 
 * */


/* -------------------------------------
   TILE DATA
---------------------------------------*/

#tabular_data {
    display: block;
}

#tiled_data {
    display: none;
}

.tile-data {
    position: relative;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .3);
    background: #fff;
    border-radius: 3px;
    padding: 5px;
}

.tile-data .tile-checkbox {
    position: absolute;
    top: -8px;
    left: -4px;
}

.tile-data .tile-checkbox input {
    outline: none;
}

.tile-data .data-area {
    padding: 15px;
    padding-top: 8px;
}

.tile-data:after {
    clear: both;
    display: block;
    content: "";
}

.tile-data table tr td:first-child {
    padding-left: 0;
}

.tile-data table tr td {
    padding-top: 0;
    padding-bottom: 0;
}

.title1 {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 130%;
}

.title2 {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 115%;
}

@media(max-width: 576px) {
    #tabular_data.sm-hide {
        display: none !important;
    }
    #tiled_data.sm-show {
        display: block !important;
    }
}


/*//////////////////////////////
/*person profile*/

.person-profile {
    position: relative;
    /* margin: 5px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.03); */
}

.person-profile.no-bg {
    background: transparent;
    border: 0;
}

.person-profile .tile-checkbox {
    position: absolute;
    top: 0;
    left: 2px;
}

.person-profile .label {
    font-weight: 600;
    text-transform: capitalize;
}

.person-profile .person-photo {
    width: 160px;
    float: left;
}

.person-profile .person-info {
    width: calc(100% - 160px);
    float: right;
    padding: 0 15px;
}

.person-profile .person-photo img {
    width: 100%;
    max-width: 150px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.3);
}

.person-profile .names {
    font-size: 110%;
    font-weight: 700;
    text-transform: capitalize;
}

.person-profile:after {
    clear: both;
    display: block;
    content: "";
}

.person-profile table tr td {
    padding: 0 12px;
}

.person-profile table tr td:first-child {
    padding-left: 0;
}

@media(max-width: 480px) {
    .person-profile .person-photo {
        width: 100%;
        float: none;
    }
    .person-profile .person-info {
        width: 100%;
        float: none;
        padding-top: 8px;
    }
    .person-profile .names {
        text-align: center;
    }
}


/*___________end*/


/**/

.order-alert {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #e4ecfb;
    z-index: 200;
    padding: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.order-alert .btn-group .btn {
    margin-right: 5px;
}

.order-alert .btn-group:after {
    clear: both;
    display: block;
    content: "";
}


/*accordion styles*/

.hide-element {
    display: none;
}

.accordion-toggler {
    padding: 0 6px !important;
    border: 0;
    background: rgba(0, 0, 0, 0.05);
    margin: 5px !important;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    text-transform: capitalize !important;
    min-width: 50px;
    font-size: 82%;
    text-align: center;
}

.accordion-toggler:hover {
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.accordion-toggler:focus {
    outline: 0 !important;
    box-shadow: none
}


/*accordion styles*/

#accordion .card-link {
    padding-right: 15px;
    display: block;
}

#accordion .card-link:after {
    position: absolute;
    top: 0;
    right: 10px;
    content: "\f107";
    font-family: "FontAwesome";
    padding-left: 5px;
}

#accordion .card-link.collapse-card:after {
    position: absolute;
    right: 10px;
    content: "\f106";
    font-family: "FontAwesome";
    padding-left: 5px;
}

.accordion.style1 #faq .card {
    margin-bottom: 30px;
    border: 0;
}


/**/
.img-loading{
    background-color: #000;
    min-height: 100px;
    width: 100%;
}
.to-center{
    
}
.center-content {
    display: block;
    max-width: 50%;
    margin: 0 auto;
}

@media(max-width: 991.98px) {
    .center-content {
        max-width: 80%;
    }
}

@media(max-width: 575.98px) {
    .center-content {
        max-width: 100%;
    }
}


/*dashboard*/

.dashboard {
    padding-top: 0px !important;
}


/*card */

.card {}

.dashboard .card {}

.dashboard .card .card-header {
    padding: 0 30px;
    padding-top: 6px;
}

.dashboard .card .card-header .card-title {}

.dashboard .card .card-body .table {}

.dashboard .card .card-body .table tr:first-child td {
    border-top: 0 !important;
}


/*header*/

.dashboard .page-header {}

.dashboard .page-header.has-sections {
    display: flex !important;
}

.dashboard .page-header.has-sections .title-sec {
    width: calc(100% - 20%);
}

.dashboard .page-header.has-sections .controls-sec {
    width: 20%;
}

.dashboard .page-header .page-title {
    font-size: 26px;
    margin-bottom: 0;
    line-height: 20px;
}

.dashboard .page-container {
    position: relative;
    overflow: auto;
    padding: 0 15px;
}

.dashboard .user-actions {}

.dashboard .user-actions .col {
    margin-top: 30px;
}

.dashboard .user-actions .col .action-box {
    background-color: rgba(0, 0, 0, .04);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px 12px;
    border: 2px solid #fff;
    height: 100%;
}

.dashboard .user-actions .col .action-box:hover {}

.dashboard .user-actions a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: 500;
    font-size: 130%;
    line-height: 18px;
}

.dashboard .user-actions a.has-icon {
    display: flex;
}

.dashboard .user-actions a.has-icon .action-icon {
    width: 32px;
    text-align: center;
}

.dashboard .user-actions a.has-icon .action-icon i {
    font-size: 26px;
    color: #5b5757;
}

.dashboard .user-actions a.has-icon .action-text {
    width: calc(100% - 32px);
    padding: 0 12px;
    padding-top: 4px;
    padding-left: 6px;
    box-sizing: border-box;
}


/*///////////////   END OF LAYOUT STYLES */

/**/

.max-width100{
    max-width: 100px !important;
}
.max-width200{
    max-width: 200px !important;
}
.max-width300{
    max-width: 300px !important;
}
.max-width310{
    max-width: 310px !important;
}
.max-width320{
    max-width: 320px !important;
}
.max-width400{
    max-width: 400px !important;
}
.max-width480{
    max-width: 480px !important;
}

.position-absolute{
    position: absolute;
}

.position-relative {
    position: relative !important;
}

.left-0{
    left: 0px;
}
.left-10{
    left: 10px;
}
.left-20{
    left: 20px;
}
.left-30{
    left: 30px;
}
.left-40{
    left: 40px;
}
.left-50{
    left: 50px;
}


.right-0{
    right: 0px;
}
.right-10{
    right: 10px;
}
.right-20{
    right: 20px;
}
.right-30{
    right: 30px;
}
.right-40{
    right: 40px;
}
.right-50{
    right: 50px;
}



.bottom-0{
    bottom: 0px;
}
.bottom-10{
    bottom: 10px;
}
.bottom-20{
    bottom: 20px;
}
.bottom-30{
    bottom: 30px;
}
.bottom-40{
    bottom: 40px;
}
.bottom-50{
    bottom: 50px;
}

/*borders*/

.border-1-light-1 {
    border: 1px solid rgba(0, 0, 0, .05) !important;
}

.border-1-light-2 {
    border: 1px solid rgba(0, 0, 0, .1) !important;
}

.border-1-light-3 {
    border: 1px solid rgba(0, 0, 0, .2) !important;
}

.border-1-light-4 {
    border: 1px solid rgba(0, 0, 0, .3) !important;
}

.border-1-light-5 {
    border: 1px solid rgba(0, 0, 0, .4) !important;
}

.border-1-red-1 {
    border: 1px solid #ee1d23 !important;
}

.border-2-red-1 {
    border: 2px solid #ee1d23 !important;
}

.border-3-red-1 {
    border: 3px solid #ee1d23 !important;
}

.border-4-red-1 {
    border: 4px solid #ee1d23 !important;
}

.border-5-red-1 {
    border: 5px solid #ee1d23 !important;
}

.border-1-red-2 {
    border: 1px solid #d11419 !important;
}

.border-2-red-2 {
    border: 2px solid #d11419 !important;
}

.border-3-red-2 {
    border: 3px solid #d11419 !important;
}

.border-4-red-2 {
    border: 4px solid #d11419 !important;
}

.border-5-red-2 {
    border: 5px solid #d11419 !important;
}

.border-1-dark-1 {
    border: 1px solid #343a40 !important;
}

.border-2-dark-1 {
    border: 2px solid #343a40 !important;
}

.border-3-dark-1 {
    border: 3px solid #343a40 !important;
}

.border-4-dark-1 {
    border: 4px solid #343a40 !important;
}

.border-5-dark-1 {
    border: 5px solid #343a40 !important;
}

.border-6-dark-1 {
    border: 6px solid #343a40 !important;
}

.border-7-dark-1 {
    border: 7px solid #343a40 !important;
}

.border-8-dark-1 {
    border: 8px solid #343a40 !important;
}

.border-9-dark-1 {
    border: 9px solid #343a40 !important;
}

.border-10-dark-1 {
    border: 10px solid #343a40 !important;
}


/*offsets*/

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

.top-offset-15 {
    margin-top: -15px;
}

.top-offset-20 {
    margin-top: -20px;
}

.top-offset-30 {
    margin-top: -30px;
}

.top-offset-40 {
    margin-top: -40px;
}

.top-offset-50 {
    margin-top: -50px;
}

.top-offset-60 {
    margin-top: -60px;
}

.top-offset-70 {
    margin-top: -70px;
}

.top-offset-80 {
    margin-top: -80px;
}

.top-offset-90 {
    margin-top: -90px;
}

.top-offset-100 {
    margin-top: -100px;
}

.top-offset-150 {
    margin-top: -150px;
}

.top-offset-160 {
    margin-top: -160px;
}

.top-offset-170 {
    margin-top: -170px;
}

.top-offset-180 {
    margin-top: -180px;
}

.top-offset-190 {
    margin-top: -190px;
}

.top-offset-200 {
    margin-top: -200px;
}