/*---- Globalni pravila start ----*/

.display-4 {
    font-size: 3.5em;
}
.color-lblue {
    color: #0499d8 !important;
}
.background-lblue {
    background: #0499d8 !important;
}
.mt-150 {
    margin-top: 150px !important;
}
.pb-150 {
    padding-bottom: 150px !important;
}
.pt-0 {
    padding-top: 0;
}
/*margin 25*/

.mt-25 {
    margin-top: 25px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mr-25 {
    margin-right: 25px;
}
/*margin 20*/

.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mr-20 {
    margin-right: 20px;
}
.ml-90 {
    margin-left: 90px !important;
}
.ml-20 {
    margin-left: 20px;
}
/*margin 40*/

.mt-40 {
    margin-top: 40px !important;
}
.mb-40 {
    margin-bottom: 40px;
}
.mr-40 {
    margin-right: 40px;
}
.ml-40 {
    margin-left: 40px;
}
/*margin 50*/

.mt-50 {
    margin-top: 50px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mr-50 {
    margin-right: 50px;
}
.ml-50 {
    margin-left: 50px;
}
/*margin 0*/

.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-4 {
    padding-right: 4px !important;
}
.pr-10 {
    padding-right: 10px;
}
.p-2 {
    padding: 2px;
}
.l-0 {
    left: 0 !important;
}
.b-50 {
    bottom: 50px !important;
}
.p-30 {
    padding: 30px;
}
.deg-45 {
    transform: rotate(45deg);
}
.deg-90 {
    transform: rotate(90deg);
}
.deg-135 {
    transform: rotate(135deg);
}
.deg-180 {
    transform: rotate(150deg);
}
.deg-225 {
    transform: rotate(225deg);
}
.deg-270 {
    transform: rotate(270deg);
}
.deg-315 {
    transform: rotate(315deg);
}
.deg-360 {
    transform: rotate(360deg);
}
.cursor-default {
    cursor: default;
}
/*buttons*/

.x-small {
    padding: 4px 14px 4px 7px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.text-white {
    color: #fff !important;
}
/*IMG*/

.img-100 {
    width: 100%;
}
.img-80 {
    width: 80%;
}
.img-50 {
    width: 50%;
}
/*---- Globalni pravila end ----*/

/*******************************************************
  Contipso Market Custom Styles
*******************************************************/

/******************************************************
  Header
******************************************************/

/*.is-affixed .inner-wrapper-sticky {
    left: auto !important;
}
*/

/*.sticky-sidebar {
    float: right !important;

}*/

.payment-methods-info {
    display: none;
}
/** Menu **/

.mega-menu .menu-links {
    display: none;
}
.menu-links .active>a {
    color: #078ac1 !important;
    font-family: "PT Sans";
}
.menu-links>li>a, .search .search-btn {
    color: #323232;
}
.mega-menu.desktopTopFixed .menu-list-items {
    /*background: #fff;*/
}
.shpping-cart strong.item {
    margin-top: 0px !important;
}
.lang-bf {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
/*.lang-bf a {
    color: #323232;
    line-height: 30px;
}
.lang-bf a:hover {
    color: #ed5001;
}*/

/** Menu **/

/** Slider **/

/* .rev_slider * {
  height: 350px !important;
} */

/** Inside page**/

.page-title {
    padding-top: 0;
    padding-bottom: 0;
    height: 52px;
}
/** Menu **/

.menu-bar .fa {
    font-size: 1em;
}
/*****************END HEADER**************************/

/******************************************************
  Body
******************************************************/

body {
    font-family: 'Comfortaa', cursive !important;
    font-size: 13px;
}
h1, h2, h3, h4, h5, h6, span, p, a, th, td {
    font-family: 'Comfortaa', cursive !important;
}
/*font comfortaa start*/

[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.footer a {
    font-size: 12px;
}
.footer p {
    font-size: 13px;
}
.footer h6 {
    font-size: 14px;
}
.footer-widget p {
    font-size: 12px;
}
.mega-menu .menu-links>li>a {
    font-size: 13px;
}
.pricing-content .pricing-table-list ul li span {
    font-size: 12px;
}
.button {
    font-size: 11px;
}
ul.page-breadcrumb li a {
    font-size: 13px;
}
/*font comfortaa end*/

.table>tbody>tr>td {
    vertical-align: middle;
}
/*FRONTPAGE*/

/** Category sections **/

.cm-category-thumb img {
    height: 200px;
    width: auto;
}
.cm-category-subtitle {
    font-size: 16px !important;
}
/** Banner adds **/

/*
.cm-banner-adds {
    display: flex;
    justify-content: space-evenly;
    height: 200px;
    border: 1px solid black;
    display: table;
}
*/

.cm-banner-adds {
    display: flex;
    justify-content: space-evenly;
    height: 200px;
    /*
    border-top: solid 1px #e5e5e5;
    background-color: #f9f9f9 !important;
*/
    display: table;
    margin-top: 50px;
    margin-bottom: 60px;
}
.cm-banner-add {
    display: table-cell;
    vertical-align: middle;
}
.cm-feature-boxes-parent {
    /* display: flex;
  display: -webkit-flex;

  justify-content: space-between;
  -webkit-justify-content: space-between; */
    display: table;
}
.cm-feature-box-child {
    /* flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    max-width: 30%; */
    display: table-cell;
    height: 100%;
}
.add-box {
    min-height: 200px;
}
.add-box:hover:before, .add-box.active:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -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;
}
.add-box .feature-box-content {
    min-height: 200px
}
/** labels **/

.cm-arrow {
    height: 20px;
    width: 20px;
    background-color: black;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    width: 600px;
    min-height: 40px;
    background: black;
    color: white;
    padding: 5px;
    position: relative;
    word-wrap: break-word;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2em;
}
.cm-arrow::after {
    content: '';
    display: block;
    position: absolute;
    top: 38px;
    left: 0;
    width: 0;
    height: 0;
    border-color: black black transparent transparent;
    border-style: solid;
    border-width: 10px;
}
/*FRONTPAGE 2*/

/** Boxes **/

.box-content {
    min-height: 100px;
}
/** End boxes **/

.cm-category .feature-box {
    height: 335px;
    /*  height: 350px;*/
}
.cm-category .feature-box .cm-read-more {
    bottom: -15px;
    /*color: #84ba3f;*/
}
.cm-category .feature-box a {
    color: #005F8F;
}
.cm-category .feature-box:hover a, .cm-category .feature-box.active a {
    color: #fff !important;
}
/*.cm-category .active .cm-read-more {
  color: #fff;
}*/

.cm-category-last {
    float: none;
    margin: 0px auto;
}
.cm-active .cm-example {
    outline: 1px solid #fff;
}
.cm-examples-container {
    z-index: 5;
    display: flex;
    display: -webkit-flex;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
}
.cm-example-overlay a {
    margin: 25px auto;
}
.cm-example {
    margin: 10px;
    padding: 0;
}
.cm-example img {
    width: 100%;
    height: auto;
}
.cm-example-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #11111140;
    /*  background-color: #11111180;*/
    display: table;
    text-align: center;
}
.cm-example-overlay i {
    display: table-cell !important;
    vertical-align: middle;
    font-size: 35px;
}
.cm-category .feature-box i, .cm-category .feature-box h4 {
    width: 40%;
    display: inline;
    margin: 50px auto;
}
#cm-load-more-link {
    display: inline-block;
    padding: 10px;
    border: 1px solid #005F8F;
    border-radius: 20px;
}
.cm-hidden {
    display: none;
}
/*
.cm-banner-adds {
    background-color: #e5e5e5;
    padding: 40px;
}
*/

/** Posts archive **/

.cm-category-section {
    height: 400px;
    color: #333;
}
.section-thumb {
    height: 100%;
}
.section-content {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 100%;
}
.cm-front-boxes {
    padding: 30px 0;
}
.cm-example-overlay i {
    color: #fff;
}
#cm-feature-box, #cm-feature-box.active, .cm-category .feature-text.box-shadow {
    -webkit-transition: all 5s ease-out 0s !important;
    -moz-transition: all 5s ease-out 0s !important;
    -ms-transition: all 5s ease-out 0s !important;
    -o-transition: all 5s ease-out 0s !important;
    transition: all 5s ease-out 0s !important;
}
#cm-feature-box:hover::before, #cm-feature-box.active::before {
    -webkit-transition: all 0.7s ease-out 0s !important;
    -moz-transition: all 0.7s ease-out 0s !important;
    -ms-transition: all 0.7s ease-out 0s !important;
    -o-transition: all 0.7s ease-out 0s !important;
    transition: all 0.7s ease-out 0s !important;
}
.cm-category .feature-box .feature-box-img, .cm-category .feature-box i, .cm-category .feature-box h4, .cm-category .feature-box p {
    /*transition: all 1s ease-out 0s !important;*/
    -webkit-transition: all 0.7s ease-out 0s !important;
    -moz-transition: all 0.7s ease-out 0s !important;
    -ms-transition: all 0.7s ease-out 0s !important;
    -o-transition: all 0.7s ease-out 0s !important;
    transition: all 0.7s ease-out 0s !important;
}
/*
.cm-category .feature-box:hover:before, .cm-category .feature-box.active:before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  color: #fff;
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0; width: 100%;
  z-index: 1;
  -webkit-transition: all 50s ease-out 0s !important;
  -moz-transition: all 50s ease-out 0s !important;
  -ms-transition: all 50s ease-out 0s !important;
  -o-transition: all 50s ease-out 0s !important;
  transition: all 50s ease-out 0s !important;
}*/

/*************END FRONTPAGE*************************/

/*************ARCHIVE*************************/

/**POST CONTENT**/

.cm-post-thumb {
    height: 200px;
    background-size: cover;
    background-position: center;
}
/**END POST CONTENT**/

/*****************Sell**************************/

.terms-wrap .fa {
    font-size: 100px;
    margin-right: 30px;
}
.ca-button a {
    position: initial !important;
}
/*****************End sell**************************/

/*****************Odrer**************************/

/**
/** Make an order **/

.order-process-info .fa {
    font-size: 100px;
    margin-right: 30px;
}
.example-thumb img {
    width: 100%;
    height: auto;
}
.spec-wrap:hover {
    transition: all 5s ease-out 0s !important;
}
.spec-thumb {
    height: 210px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.specs-grid-row .spec-meta {
    /*display: none;*/
    position: absolute;
    bottom: 0px;
    z-index: 2;
    top: auto;
    width: 100%;
}
.specs-grid-row .spec-thumb {
    position: relative;
    width: 100%;
}
.specs-grid-row .spec-meta .spec-meta-wrap {
    position: relative;
    bottom: 0px;
}
.other-specs .specs-grid-row .spec-category {
    position: absolute;
}
.spec-thumb img {
    width: 100%;
    height: 100%;
}
.spec-meta {
    /*display: none;*/
    position: relative;
    top: 100%;
}
.spec-meta-wrap {
    position: absolute;
    bottom: 30px;
    display: none;
    background-color: #005F8F;
    padding: 10px;
    color: #fff;
    width: 100%;
}
.spec-meta a {
    color: #fff;
}
.spec-meta-wrap .flexed {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.spec-info .spec-category {
    position: initial;
    background-color: transparent;
}
/** End Make an order **/

/** Orders listing (execute) **/

.cm-listing {
    border: 1px solid #333;
}
.cm-listing-count::after {
    right: 10px;
}
/** End Orders listing (execute) **/

/** Order Preview **/

.rating-star i {
    font-size: 20px;
    vertical-align: super;
    line-height: 30px;
}
.starrr a {
    color: #005F8F !important;
}
/*** Social sharing ***/

.share-button {
    width: 170px;
    padding: 5px 10px;
    color: #FFF;
    display: inline-block;
    margin: 5px auto;
}
.facebook-share {
    background: rgb(66, 103, 178);
}
.twitter-share {
    background: rgb(29, 161, 242);
}
.google-plus-share {
    background: #d34836;
}
/*** END Social sharing ***/

/*** Order info ***/

.order-stats {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}
.order-filters {
    display: flex;
    /*    justify-content: space-around;*/
    /*    padding-left: 20px;*/
}
/*
.order-filter {
    margin-right: 100px;
}
*/

.order-filter>span {
    font-weight: 600;
    /*    padding-left: 5px;*/
    display: block;
}
.skills .skill {
    float: left;
    margin-right: 10px;
}
.discussion-setting {
    float: left;
    margin-right: 10px;
}
/*** END Order info ***/

#questions-toggle, #comments-toggle {
    display: none;
}
.questions-trigger, .comments-trigger {
    z-index: 4;
    cursor: pointer;
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
}
.order-valid a {
    border-bottom: 1px solid #005F8F;
}
.order-invalid a, .order-valid a {
    background-color: white !important;
}
#order-calendar .ui-datepicker-next {
    right: 0px;
}
.ui-datepicker-current-day a {
    color: #005F8F !important;
}
#order-calendar td {
    padding: 0px !important;
}
/** End Order Preview **/

.cm-audio-container {
    position: absolute;
    top: 40%;
    width: 100%;
}
/*****************END Order**************************/

/*************END ARCHIVE*************************/

/*************Single order*************************/

.order-image img {
    width: 100%;
    /*    height: 100%;*/
}
.order-share-button {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
}
.video-preview {
    position: absolute;
    bottom: 35%;
    background-color: rgba(17, 17, 17, 0.5);
    display: inline-block;
    width: 100%;
    left: 0px;
    text-align: center;
    padding: 20px 0;
    color: #fff;
}
.audio-preview {
    position: absolute;
    bottom: 30%;
    background-color: transparent;
    display: inline-block;
    width: 100%;
    left: 0px;
    text-align: center;
    padding: 20px 0;
    color: #fff;
}
.video-preview a {
    color: #fff;
}
.order-gallery img {
    width: 15%;
    height: auto;
    margin: 5px;
}
/**** Order sidebar ****/

.more-info {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 0px 6px;
    border-radius: 50%;
    float: right;
    margin-right: -22px;
    margin-left: 5px;
}
.related-orders .category-orders-wrap .spec-meta-wrap, .related-orders .author-orders .spec-meta-wrap, .related-orders .seller-orders .spec-meta-wrap, .related-orders .similar-orders .spec-meta-wrap {
    bottom: 0px;
}
.order-filter span img {
    vertical-align: inherit;
}
.order-actions {
    padding: 15px 0px !important;
}
.order-actions span {
    /*    margin-right: 10px;*/
    color: #5e626b;
    cursor: pointer;
}
.button.order span {
    /*    margin-right: 10px;*/
    color: #fff;
    cursor: pointer;
}
.order-actions-single-bf {
    margin-right: 10px;
}
.order-actions-left span {
    margin-right: 10px;
}
.order-actions span i {
    font-size: 16px;
}
.cm-tabs li a {
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid #005F8F !important;
    color: #626262 !important;
    padding: 10px 10px !important;
}
.cm-tabs li.active a {
    background-color: #005F8F !important;
    color: #FFF !important;
}
.single-order-image-view img {
    max-width: 100%;
}
.single-order-image-view .audio-preview {
    /*    bottom: 60%;*/
    bottom: 75%;
}
.audio-sidebar-heading h4 {
    color: #333;
    font-size: 20px;
    font-family: "PT Sans", sans-serif;
    font-weight: 600;
}
.audio-quick-info {
    color: #7a7a7a;
    font-size: 16px;
}
.audio-icon i {
    color: #005F8F;
    font-size: 20px;
}
.audio-icons {
    color: #b8b8b8;
    font-size: 16px;
    line-height: 1.8;
}
.audio-spec-icon, .audio-spec {
    color: #333333;
}
.audio-spec-box-icon, .audio-spec-box-content, .audio-spec-box-name {
    width: 100%;
    text-align: center;
}
.audio-spec-box-icon i {
    font-size: 40px;
    color: #333;
}
.audio-spec-box-content {
    color: #333;
    font-size: 22px;
}
.audio-spec-box-name {
    color: #626262;
    font-size: 14px;
}
.audio-specs-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.audio-spec-box {
    flex: 1 1 150px;
    margin: 10px auto;
}
.audio-specs-container::after {
    content: '';
    flex: 1 1 450px;
    margin: 10px auto;
}
.video-spec-box-icon, .video-spec-box-content, .video-spec-box-name {
    width: 100%;
    text-align: center;
}
.video-spec-box-icon i {
    font-size: 40px;
    color: #333;
}
.video-spec-box-content {
    color: #333;
    font-size: 22px;
}
.video-spec-box-name {
    color: #626262;
    font-size: 14px;
}
.video-specs-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.video-spec-box {
    flex: 1 1 150px;
    margin: 10px auto;
}
.video-specs-container::after {
    content: '';
    flex: 1 1 300px;
    margin: 10px auto;
}
/**** това трябва да се оправи. Може би не трябва да е позиционирано абсолютно***/

.single-order-image-view .video-preview {
    bottom: 60%;
}
/*.audio-spec-box:last-child {

}*/

/*************End Single order*************************/

/*************BUY*************************/

.single-order-specs .spec-box {
    width: 200px;
}
/*** gallery images **/

.images-gallery-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.gallery-image-container {
    position: relative;
    display: inline-block;
    width: auto;
    height: 171px;
    margin: 10px auto;
    border-radius: 10px;
}
.gallery-image-container img {
    height: 171px;
    width: auto;
    z-index: 1;
    border-radius: 10px;
}
.gallery-image-overlay {
    height: 100%;
    width: 100%;
    z-index: 2;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
}
.gallery-image-header {
    position: absolute;
    top: 0px;
    /*height: 50px;*/
}
.gallery-image-header h4 {
    font-size: 12px;
    color: #fff;
    padding: 5px;
    line-height: 12px;
}
.gallery-image-footer {
    position: absolute;
    bottom: 0px;
    /*height: 50px;*/
    width: 100%;
    padding: 5px;
}
.gallery-image-footer-left {
    width: 30%;
    float: left;
    color: #fff;
    display: flex;
}
.gallery-image-icon-container {
    margin-right: 10px;
}
.gallery-image-footer-right {
    width: 60%;
    float: right;
    text-align: right;
}
/***end  gallery images **/

.single-order-main-info {
    border: 1px solid #eeeeee;
}
/*** Order sidebar ***/

.author-picture img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.single-order-details {
    padding-left: 0px;
}
.single-order-details span {
    line-height: 50px;
}
.selected-quality {
    background-color: #fee0a7;
}
.single-order-quality {
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0px !important;
    cursor: pointer;
}
.single-order-quality:first-child {
    border-top: 1px solid #eeeeee;
}
.order-material-size {
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
}
.material-specs {
    color: #7a7a7a;
    font-size: 12px;
}
.quote-bf {
    margin-top: 50px;
    /*    text-align: center;*/
}
.quote-bf::before, .quote-bf::after {
    font-size: 150px;
    display: block;
    line-height: 0;
    color: rgba(0, 95, 143, 0.2);
}
.quote-bf::before {
    content: "\201C";
    float: left;
}
.quote-bf::after {
    content: '\201D';
    float: right;
}
.quote-bf h3 {}
.quote-bf p {}
/*** end Order sidebar ***/

/***  order add to cart ***/

.order-price {
    border: 1px solid #005F8F;
    border-radius: 4px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.order-discount {
    color: #cecece;
    font-size: 15px;
    text-decoration: line-through;
    align-self: center;
}
.discounted-price, .discounted-currency, .order-price-in-currency {
    color: #0499d8;
}
.discounted-price {
    font-size: 34px;
}
.discount-currency {
    font-size: 21px;
}
.product-price-bf {
    /*    text-align: left;*/
}
/*-------------------------------*/

.product-price-bf .order-discount, .product-price-bf .discounted-price, .product-price-bf .order-price-in-currency {
    /*    display: inline-block;*/
    display: block;
}
.product-price-bf .order-discount {}
.product-price-bf .discounted-price {
    line-height: 1;
    float: left;
    margin-right: 10px;
    padding-top: 2px;
}
.product-price-bf .order-price-in-currency {
    font-size: 17px;
    padding-top: 9px;
}
/*-----------------------*/

.single-order-add-to-cart span {
    font-size: 15px;
    line-height: 35px;
    padding: 20px;
}
/*** end order add to cart ***/

.product-holder {
    display: flex;
    align-items: flex-start;
}
.filter-menu {
    width: 400px;
    padding-right: 20px;
    padding-left: 15px;
    margin-top: 10px;
    transition: all .3s ease-out;
}
.filter-menu-hidden {
    /*margin-right: -513px;*/
    /*opacity: 0;*/
}
.spec-box {
    height: 270px;
    width: 310px;
    border-radius: 10px;
    float: left;
    /*border: 1px solid black;*/
    padding: 0px !important;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);*/
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
    margin: 20px 15px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.spec-box:hover {
    /*box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px 0px;*/
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.spec-box-thumb {
    height: 200px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.spec-box-title {
    text-align: left;
    padding: 10px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
}
.spec-box-title h4 {
    color: #111;
    /*    font-size: 16px !important;*/
    font-size: 14px !important;
    margin-bottom: 0px;
    line-height: 20px;
}
.spec-box-icon i {
    font-size: 16px;
    color: #005F8F;
}
.spec-box-price {
    font-size: 16px;
    color: #005F8F;
}
.spec-box-attributes {
    display: flex;
    justify-content: space-between;
    font-family: "PT Sans", sans-serif;
    width: 100%;
    padding: 0px 10px;
}
.specs {
    font-size: 11px;
    line-height: 20px;
    max-width: 180px;
    height: 20px;
    overflow: hidden;
}
.icons {
    position: relative;
    height: 200px;
    width: 100px;
    top: 0px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 5px 0px;
    overflow: visible;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.icon-container {
    margin: 5px auto;
    min-width: 150px;
    /*display: flex;
    justify-content: space-around;*/
    padding: 0px 10px;
    display: inline-block;
    width: auto;
}
.icon-container span {
    margin: 0 3px;
}
.icon-container span i {
    display: inline-block;
    width: 12px;
    height: 19px;
    /*margin: 5px auto;*/
}
.icons i {
    font-size: 18px;
}
.icons-left {
    left: 0px;
    float: left;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), transparent);
    border-top-left-radius: 10px;
}
.icons-right {
    right: 0px;
    float: right;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.9), transparent);
    border-top-right-radius: 10px;
    text-align: center;
}
.spec-box:hover .icons {
    opacity: 1;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
/*************END BUY*************************/

/*************SEARCH*************************/

.cm-search-form {
    margin: 0px auto;
    float: none;
}
.cm-search-form .fa-search::before {
    content: "\f002";
    position: relative;
    left: -12px;
}
.cm-search-form-wrap {
    display: inline-block;
    /*  background-color: rgb(238, 238, 238);*/
    border: 1px solid #d3d3d3;
    /*  border: 0px solid #111;*/
    border-radius: 8px;
    padding: 0px;
}
.cm-search-form-wrap input, .cm-search-form-wrap select {
    border: 0;
    padding-top: 2px;
}
.cm-search-form-wrap input {
    color: #333;
    /*  background-color: rgb(238, 238, 238);*/
    font-family: "PT Sans";
}
.search-input {
    height: 30px;
    line-height: 30px;
}
.controls-wrap {
    float: right;
    padding: 0;
}
.control-field {
    padding: 0;
}
.control-field .nice-select {
    border-radius: 0;
    width: 100%;
    font-family: "PT Sans";
}
/*select {
    display: none;
}*/

.cm-post-filters {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
    position: absolute;
    right: 0;
}
.p0 {
    padding: 0;
}
.filter-holder {
    position: fixed;
    right: 0;
    z-index: 1;
}
.cm-post-filter {
    margin-right: 5px;
}
.cm-post-filters i {
    font-size: 25px;
    color: #005F8F;
}
.cm-post-filters select {
    height: 30px;
}
/*.nice-select:hover {*/

/*border: 0;*/

/*line-height: 40px;*/

/*transition: none;*/

/*}*/

/*.nice-select {*/

/*line-height: 40px;*/

/*}*/

.cm-search-submit a {
    height: 50px;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-family: "PT Sans";
}
.cm-search-submit .fa {
    display: inline;
}
.nice-select {
    border: 0;
}
.cm-select, .select2-selection {
    background-color: rgb(255, 255, 255) !important;
    /*    background-color: rgb(246, 247, 248) !important;*/
    border: 1px solid #d3d3d3 !important;
    border-radius: 8px;
}
/*
.cm-search-form-wrap select {
  background-color: orange;
} */

.cm-categories-select {
    width: 100%;
}
.search-submit {
    position: relative;
    left: 17px;
    color: orange;
    margin-right: 15px;
}
/*
.cm-search-form-wrap {
    width: 100%;
}
*/

.cm-search-form-wrap {
    width: 50%;
    /*    margin-left: 24%;*/
    margin-left: 12%;
    margin-top: 10px;
    margin-bottom: 25px;
}
.cm-search-form-wrap input {
    width: 100%;
}
.nice-select.open .list {
    width: 100%;
}
/*************SEARCH*************************/

blockquote-2 {
    background: #f9f9f9;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
    font-size: 2em;
    font-style: italic;
}
blockquote-2:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote-2 p {
    display: inline;
}
.index-header-r {}
.index-header-l p, .index-header-l h5, .index-header-r p, .index-header-r h5 {
    text-align: left;
    color: #fff;
}
.index-header-l h5, .index-header-r h5 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.index-header-l h5 span, .index-header-r h5 span {
    padding-right: 5px;
    font-size: 20px;
}
.index-header-l p, .index-header-r p {
    margin-bottom: 30px;
}
.index-header-r a i {
    color: #fff;
    padding-left: 10px;
    font-size: 14px;
}
.index-header-l .input-pos-search {
    top: 0;
}
/********** shopping cart ***************/

.wishlist-page .table .image img {
    width: 50px;
}
.wishlist-page .table .td-quentety input {
    border: 1px solid #ccc;
    margin: 15px 0 5px 0;
    padding: 0px 0px 0 20px;
    width: 70px;
    height: 35px;
    background: transparent;
}
.table-dark {
    color: #fff;
    background-color: #212529;
}
.wishlist-page .table>thead>tr>th, .wishlist-page .table>tbody>tr>th, .wishlist-page .table>tfoot>tr>th, .wishlist-page .table>thead>tr>td, .wishlist-page .table>tbody>tr>td, .wishlist-page .table>tfoot>tr>td {
    padding: 20px 20px;
    vertical-align: middle;
    /*    text-align: center;*/
}
.total {
    text-align: center;
}
/*****************END BODY**************************/

/******************************************************
  Footer
******************************************************/

/* Fix the wierd footer */

footer {
    display: inline-block;
    position: relative;
    width: 100%;
}
.footer.page-section-pt.black-bg {
    padding: 20px;
}
.footer-widget.footerlogo {
    padding-bottom: 0px;
}
.footer-social-big ul .twitter {
    background-color: #40BFF5;
}
.footer-social-big ul li {
    width: 60px;
}
.list-inline-item {
    display: inline-block;
    padding-right: 10px;
}
.list-inline-item>a {
    padding-right: 10px;
}
/*запиши се за бюлетин*/

.sign-bf {
    background: none;
    border: none;
    color: gray;
    position: relative;
    top: -50px;
    right: -220px;
    width: 50px;
    height: 50px;
    font-size: 17px;
}
.signed-bf {
    color: white !important;
}
.mc-sign-bf {
    max-height: 60px !important;
}
.cm-sign-up-button-wrap {
    margin-right: 55px;
}
.mc-sign-bf .sign-bf {
    left: 80% !important;
    right: 0 !important;
}
#back-to-top .top {
    bottom: 30px;
}
/*****************END FOOTER**************************/

/*****************************************************
  Miscelaneous
*****************************************************/

.cm-toggled {
    display: none;
}
.row {
    margin: 0px !important;
}
.clear {
    clear: both;
}
v {
    cursor: pointer;
}
/*****************************************************
  Helpers
*****************************************************/

.bold {
    font-weight: 600;
}
.cm-margin-bt-50 {
    margin: 50px auto !important;
}
.no-padding, no-border {
    padding: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-20 {
    padding: 20px !important;
}
.no-border-radius {
    border-radius: 0 !important;
}
.centered {
    float: none;
    margin: 0px auto;
}
/*****************************************************
  Responsive
*****************************************************/

@media screen and (max-width: 400px) {
    .cm-examples-container {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .cm-category .feature-box {
        height: auto;
        margin: 10px auto;
    }
}
/*****************************************************
  BF
*****************************************************/

.menu-lenta-bf {
    height: 60%;
    width: 2px;
    background: #005F8F;
    float: right;
    margin-left: 20px;
}
.search-cart i.icon {
    /*color: #333 !important;*/
}
.search-cart i.icon:hover {
    color: #005F8F !important;
}
.shpping-cart strong.item {
    top: -2px !important;
    right: -10px !important;
}
.mega-menu>section.menu-list-items .search-cart {
    display: table-cell;
    vertical-align: middle;
}
.cm-search-form-wrap .nice-select {
    background: none !important;
    border-left: 1px dashed #d3d3d3 !important;
}
.cm-search-form-wrap .nice-select:hover {
    border-left: 1px dashed #d3d3d3 !important;
}
.cm-search-form-wrap .nice-select:focus {
    border-left: 1px dashed #d3d3d3 !important;
}
/*
.nice-select.open .list {
    border-left: 1px dashed #d3d3d3!important;
}
*/

.section-title .subtitle {
    /*  font-size: 12px;*/
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
    /*  text-transform: uppercase;*/
    color: #005F8F;
}
.section-title .fa-question-circle {
    color: #adadad;
    padding-left: 5px;
}
.action-box.theme-bg {
    padding: 20px 40px 20px 40px;
    border-radius: 4px;
}
.action-box.theme-bg.full-width {
    border-radius: 0px;
}
.action-box.theme-bg.full-width .button {
    color: #005F8F !important;
}
.action-box-button>a>span {
    font-weight: 600;
}
.spec-title {
    margin-top: 10px;
    /*    line-height: 18px!important;*/
    /*    font-family: 'PT Sans', sans-serif;*/
}
.spec-title>p {
    font-weight: 600;
    line-height: 18px !important;
}
.spec-tags {
    margin-top: 5px;
    /*  font-family: 'PT Sans', sans-serif;*/
    /*  font-style: italic;*/
    font-size: 12px;
    /*  color: #838383;*/
}
a:focus, a:hover {
    color: #c2c2c2;
    /*  text-decoration: none !important;*/
}
.border-button-bf {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border: 1px solid #005F8F;
    border-radius: 8px;
}
/*
.spec-tags > span {
font-weight: 600;
}*/

.zapitvania-bf {
    padding: 10px 5px 10px 5px;
    /*    padding: 10px 5px 20px 5px;*/
}
.content-bf {
    padding: 0 20px 10px 0;
    /*    padding: 0 20px 10px 20px;*/
}
.blog-detail-bf {
    background: #ffffff;
    padding: 0 30px 0 20px !important;
    /*    padding: 0 30px 0 20px !important;*/
    border-top: 0px;
}
/*закачи статията в "дневник"*/

.pinn-rubrika-bf, .pinned-rubrika-bf {
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 22px;
    /*    padding-left: 10px;*/
    margin-left: 10px;
}
.pinned-bf:hover {
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -webkit-transform: rotate(30deg);
    /* Safari 3-8 */
    transform: rotate(30deg);
}
.pinn-bf {
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -webkit-transform: rotate(30deg);
    /* Safari 3-8 */
    transform: rotate(30deg);
}
.pinn-bf:hover {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari 3-8 */
    transform: rotate(0deg);
}
.pinn-bf>i {
    color: #9a9a9a;
    font-size: 19px;
}
.pinn-bf>i:hover {
    color: #005F8F !important;
}
.pinned-bf>i:hover {
    color: #9a9a9a !important;
}
.pinned-bf>i {
    color: #353535 !important;
    font-size: 19px;
}
.daterange-max-execution-time, .daterange-time-valid, .daterange-time-to-submit {
    padding: 15px 18px 15px 30px !important;
}
/*
.text-bold {
    font-weight: 600;
}
*/

.hr-bf {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.hr-no-padding-bf {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    /*
    padding-bottom: 20px;
    margin-bottom: 20px;
*/
}
.input-budget-bf {
    /*margin-top: -28px;*/
}
.padding {
    padding-left: 15px;
    padding-right: 15px;
}
.page-title.header-shop {
    height: 50px;
}
.page-title.header-shop .page-title-name h1 {
    margin-top: 7px !important;
    /*    margin-top: 3px !important;*/
    font-size: 22px;
}
ul.page-breadcrumb {
    padding-top: 22px;
}
.koment-vuprosi-broi-bf {
    display: block;
    position: absolute;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 40px;
    left: auto;
    font-size: 10px;
    color: #ffffff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #005F8F;
    border-radius: 50%;
    z-index: 3;
}
/*
.btn-danger-bf {
    background: #dc3545;
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'PT Sans', sans-serif;
    border: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    border: #dc3545;
}
*/

.btn-danger-bf {
    background: none;
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'PT Sans', sans-serif;
    border: 0;
    color: #333;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #dc3545;
}
.listing-broi-bf {
    padding-left: 9px !important;
    padding-right: 25px !important;
    margin-left: 10px !important;
    height: 30px !important;
    line-height: 27px !important;
    border: 1px solid #d3d3d3 !important;
    background: none;
}
.cm-post-filters i {
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
}
.cm-post-filters i:hover {
    color: #353535;
    transition: all 0.3s ease-out 0s;
}
[data-popup="tooltip"] {
    /*    color: white;*/
    /*    background: #fff;*/
}
.buy-info-bf ul li {
    display: block !important;
    margin-right: 12px;
    list-style: none !important;
    margin-bottom: 5px;
}
.cm-archive-content-wrap .spec-category {
    position: absolute;
}
.spec-category {
    top: 20px;
    padding: 5px 8px 5px 8px;
    background-color: rgba(37, 41, 32, 0.8);
    position: relative;
    display: inline-block;
}
.spec-category a {
    color: #fff;
    font-size: 12px;
}
.entry-title-bf {
    text-decoration: none;
    font-weight: 600;
    color: #626262 !important;
    font-size: 16px;
    line-height: 1;
}
.order-meta>div {
    margin-bottom: 5px;
    color: #7a7a7a;
}
.vert-dev-bf {
    padding: 0 10px 0 10px;
    color: #d3d3d3;
}
.social-single-bf>li {
    margin: -8px 0 0 0;
}
.social-single-bf>li:first-child {
    margin: -1px 0 0 0;
}
.prodajbi-single-bf {
    font-size: 20px;
    /*    padding-left: 5px;*/
    line-height: 0;
}
.ot-do-single-bf {
    font-size: 12px;
    font-style: italic;
    color: #7a7a7a;
    line-height: 5px;
}
.order-regular-price {
    text-decoration: line-through;
    color: #b2b2b2;
    margin-right: 5px;
}
.order-sale-price {
    color: #005F8F;
    font-size: 25px;
    /*    font-weight: 600;*/
}
.order-likes {
    margin-left: 10px;
}
.text-boxes-bf {
    color: #cbe7a6;
}
.feature-step>h2>span {
    margin-right: 5px;
}
.spec-table-bf>tbody>tr>td:first-child {
    text-align: right;
    padding-right: 20px;
}
.spec-table-bf>tbody>tr>td:last-child {
    text-align: left;
    padding-left: 20px;
}
/*-------------------------------------------------- Checkbox and radio ----------------------------------------------------------------*/

.checkbox label, .radio label {
    padding-left: 0 !important;
    line-height: 16px;
}
.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}
.checkbox label input[type="checkbox"] {
    display: none;
}
.checkbox label input[type="checkbox"]+.cr>.cr-icon {
    opacity: 0;
}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    opacity: 1;
    color: #005F8F;
}
.checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}
.check-label-bf {
    font-size: 18px;
    padding: 0 5px 0 5px;
}
/*------------------radio---------------*/

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 3px;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"]+.cr>.cr-icon, .radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3);
    opacity: 0;
}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon, .radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    color: #005F8F;
}
.checkbox label input[type="checkbox"]:disabled+.cr, .radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}
.licenz-info-bf {
    font-size: 12px;
    font-style: italic;
    color: #7a7a7a;
}
.label-text-bf {
    font-size: 16px;
}
/*-------------------------------------------------- Checkbox ----------------------------------------------------------------*/

/* Customize the label (the container) */

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px #ccc solid;
    /*    border: 2px #005F8F solid;*/
    border-radius: 4px;
    /*      background-color: red;*/
}
/* On mouse-over, add a grey background color */

.container-checkbox:hover input~.checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */

.container-checkbox input:checked~.checkmark {
    border: 2px #005F8F solid;
    /*  background-color: #2196F3;*/
}
/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */

.container-checkbox input:checked~.checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */

.container-checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #005F8F;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*-------------------------------------------------- END Checkbox and radio ----------------------------------------------------------------*/

.tab-otzivi-bf {
    font-size: 10px;
    position: absolute;
    bottom: 4px;
    left: 15px;
    display: none;
}
.tab-main-bf>li>a {
    padding: 14px 30px 16px 33px !important;
}
.order-meta>div>a {
    color: #7a7a7a;
}
.order-meta>div>a:hover {
    color: #005F8F;
}
.execute-stars-bf>li {
    color: #005F8F;
    display: inline-block;
    padding-right: 3px !important;
}
.execute-stars-bf>li>.fa {
    padding-right: 3px !important;
}
.execute-bottom-bg-bf {
    background: #005F8F;
}
.offer-price-bf>span {
    font-size: 16px;
    color: #005F8F;
}
.offer-price-bf {
    margin-bottom: 0;
    margin-top: 5px;
}
.execute-oferti-bf>ul>li>span {
    font-weight: 600;
}
.execute-oferti-bf>ul>li {
    line-height: 0 !important;
}
.heaader-box-bf {
    /*  background: #84ba3f;*/
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'PT Sans', sans-serif;
    border: 0;
    /*  color: #ffffff;*/
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    border-bottom: 2px solid #005F8F;
    margin-bottom: 20px;
}
.sidebar-menu-bf {
    margin-bottom: 20px;
    margin-left: 10px;
}
.sidebar-menu-bf>ul>li {
    list-style: none;
    padding-bottom: 10px;
}
.sidebar-menu-bf>ul>li>a {
    color: #333;
    font-size: 16px;
    line-height: 1;
    height: auto !important;
}
.sidebar-menu-bf>ul>li>a:hover {
    color: #005F8F;
}
.sidebar-menu-bf>ul>li>a::before {
    color: #005F8F;
    font-size: 18px;
    content: "\f105 ";
    font-family: FontAwesome;
    margin-right: 5px;
}
.cm-filters-wrap {
    padding-left: 15px !important;
    padding-right: 30px !important;
}
.execute-filters .nav.nav-tabs {
    margin-bottom: 0 !important;
}
.license-bf ol li {
    margin-bottom: 20px;
}
.pull-right-bf {
    float: right;
    position: relative;
    z-index: 3;
}
.button-download-bf>i {
    font-size: 20px;
    padding: 10px 10px 0 10px;
}
.button.button-border-bf {
    background: transparent;
    border: 2px solid #005F8F;
    color: white;
}
.button.button-border-bf:hover {
    /*background: #fff !important;*/
    color: #005F8F;
}
.button.button-border-grey-bf {
    background: transparent !important;
    border: 2px solid #e0e0e0 !important;
    color: #323232 !important;
}
.button.button-border-grey-bf:hover {
    background: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    color: #323232 !important;
}
.button.button-border-grey-bf:focus {
    background: #e0e0e0;
    border-color: #333;
    color: #333;
}
.button.button-border-grey-bf.active {
    background: #e0e0e0 !important;
    border-color: #005F8F !important;
    color: #333 !important;
}
.lang-flag-bf {
    margin-right: 5px;
    margin-bottom: 1px;
}
.button-grey {
    background: #c3c3c3;
    border: 2px solid #c3c3c3;
    color: #333;
}
.button-grey:hover {
    background: #353535;
    border: 2px solid #353535;
    color: #fff;
}
.inline-form-bf {
    width: 300px;
}
.final-price {
    font-size: 16px;
}
.color-yellow-300 {
    color: #ffca28;
}
.order-title-bf i, .icon-filters-bf {
    margin-left: 10px;
    margin-right: 10px;
    color: #d0d0d0;
    transition: all 0.5s ease-out 0s;
}
.order-title-bf i:hover, .filters-header-bf:hover .icon-filters-bf {
    color: #3b3b3b;
    transition: all 0.5s ease-out 0s;
}
.execute-info-bf {
    margin-top: 6px;
}
.execute-price-bf {
    margin-bottom: 0px;
    font-size: 13px;
}
.execute-price-bf>span {
    font-size: 15px;
    color: #005F8F;
}
.counter-bf .timer {
    font-size: 25px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    color: #005F8F;
}
.counter-bf label {
    font-size: 12px;
    font-weight: 300;
    margin: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}
.counter-bf {
    text-align: center;
}
.small-padding {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
}
.space-bf {
    padding: 3px;
}
.single-order-image-view {
    margin-bottom: 10px;
}
.marbtn-selected {
    border-radius: 8px;
    padding: 8px 12px;
}
.marbtn {
    border-radius: 8px;
    padding: 8px 12px;
    color: #666;
    background-color: #FFF;
    border: solid 1px #005F8F;
}
.video-preview-bf {
    position: absolute;
    /*  bottom: 0;*/
    background-color: rgba(17, 17, 17, 0.5);
    display: inline-block;
    width: 100%;
    left: 0px;
    text-align: center;
    color: #fff;
}
.buy-category-btn-bf .marbtn i {
    color: #005F8F;
    font-size: 16px;
    padding-right: 3px;
    /*    display: block;*/
}
.buy-category-btn-bf .marbtn-selected i {
    color: #fff;
    font-size: 16px;
    padding-right: 3px;
}
.tip-sidebar-header-bf {
    display: inline-block;
}
.category-sidebar-header-bf {
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}
.feature-text.left-icon .feature-info-bf {
    text-align: left;
    padding-left: 40px;
}
.hall-icon-bf {
    font-size: 25px !important;
}
.hall-image-bf {
    text-align: center;
}
.hall-image-bf img {
    border: solid green 1px;
    margin-top: 15px;
}
.hall-mesta-bf {
    text-align: center;
    display: block;
    padding-top: 6px;
    color: #626262;
}
.hall-izbroiavane-head-bf {
    font-weight: 600;
    padding-right: 5px;
    color: #005F8F;
}
.text-razdelitel-bf::before {
    content: '|';
    padding: 0 5px;
    color: #b8b8b8;
}
.hall-izbroiavane {
    font-size: 16px;
}
.tag-btn-bf {
    margin-top: 7px;
    color: #818181;
}
.btn-filters {
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-filters i {
    color: #fff;
}
.order-info .fa-info-circle {
    color: #005F8F;
    font-size: 17px;
}
.form-control {
    resize: none;
}
.round .nav.nav-tabs li a {
    border-radius: 8px;
}
.sidebar-filters {
    overflow-x: hidden;
}
.execute-filters .nav.nav-tabs li a {
    padding: 8px 11px !important;
}
.tab-buy-clear-bf {
    background: none !important;
    font-size: 18px;
    color: #e51c23 !important;
}
.filter-header-bf {
    margin-bottom: 10px;
    margin-top: 20px;
    cursor: pointer;
}
.filter-header-bf>h6 {
    font-weight: 400;
}
.button.x-small-bf {
    padding: 5px 12px 4px 2px;
    font-size: 16px;
}
.nice-select-sorting-bf {
    background: none !important;
    border: 1px #d3d3d3 solid !important;
    border-radius: 8px !important;
}
.nice-select-sorting-bf {
    font-size: 13px;
    height: 32px !important;
    line-height: 30px;
}
.nice-select-sorting-bf:hover {
    /*line-height: 30px;*/
}
.select2-bf {
    background: red !important;
}
.comments-1.comments-2 .author-picture {
    margin-right: 10px;
}
.comments-1.comments-2 {
    padding-left: 50px !important;
}
.lh-min {
    line-height: 1em;
}
.bs-callout {
    padding: 20px;
    margin: 0 0 0 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.form-control {
    border-radius: 8px;
    height: auto;
    line-height: 1.33333;
    padding: 10px 18px 10px 20px;
    background: none;
    color: #323232;
    border: 1px solid #ccc;
    box-shadow: none;
}
.form-control[disabled], .select-bf[disabled] {
    background: #f5f5f5;
}
.ol-user-info li {
    font-size: 16px;
    line-height: 35px;
}
/*mosaic*/

.mbox-bf {
    /*
    border-radius: 10px;
    float: left;
    padding: 0px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
    margin: 20px 15px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
*/
}
.mbox-img-bf {
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.mbox-text-bf {
    text-align: left;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    height: 70px;
    float: left;
    width: 100%;
}
.icons-wrap-bf {
    background: #0000;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px 10px 0 0;
    -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;
}
.mosaic-element:hover .icons-wrap-bf {
    cursor: pointer;
    background: #000000b3;
    width: 97%;
    height: 76%;
    position: absolute;
    border-radius: 10px 10px 0 0;
    -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;
}
.icons-left-bf, .icons-right-bf {
    margin-top: 10px;
}
.icons-left-bf {
    left: 0px;
    float: left;
    padding-left: 5px;
    text-align: center;
}
.icons-right-bf {
    right: 0px;
    float: right;
    padding-right: 5px;
    text-align: center;
}
.mosaic-element .icon-container-bf {
    display: none;
}
.mosaic-element:hover .icon-container-bf {
    display: block;
}
.icon-container-bf {
    margin: 5px auto;
    padding: 0px 10px;
    color: #fff;
}
.icon-container-bf i {
    /*font-size: 20px;*/
    padding-bottom: 5px;
    cursor: pointer;
}
.icon-container-bf span span {
    padding-left: 8px;
}
.order-price-container {
    display: none;
}
.order-price-container.selected-order-price-container {
    display: block;
}
.irs-bar {
    background-color: #005F8F !important;
}
/*.table.ordertable tr, td{*/

/*padding:10px !important;*/

/*}*/

.mega-menu .menu-logo {
    padding: 15px 0 15px !important;
}
.page-title-name h1 {
    font-size: 30px;
}
.mega-menu .menu-mobile-collapse-trigger::before, .mega-menu .menu-mobile-collapse-trigger::after, .mega-menu .menu-mobile-collapse-trigger span {
    background: #005F8F;
}
.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 3px rgba(0, 94, 142, .35) !important;
}
.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 3px rgba(0, 94, 142, .35) !important;
}
.plyr__control--overlaid {
    background: rgba(0, 94, 142, .8) !important;
}
.plyr__menu__container label.plyr__control input[type=radio]:focus+span {
    box-shadow: 0 0 0 3px rgba(0, 94, 142, .35) !important;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 3px rgba(0, 94, 142, .35) !important;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 3px rgba(0, 94, 142, .35) !important;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #005e8e !important;
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    background: #005e8e !important;
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
    background: #005e8e !important;
}
.plyr__menu__container label.plyr__control input[type=radio]:checked+span {
    background: #005e8e !important;
}
.plyr--full-ui input[type=range] {
    color: #005e8e !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #005e8e !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #005e8e !important;
}
.market-entry-audio {
    padding: 136px 20px;
    background-position: center center;
    background-size: cover;
}
.buy-category-btn-bf .button+.button {
    margin-left: 10px;
}
.cm-search-submit .button.btn-block {
    height: 35px;
    padding: 6px 10px;
}
.button {
    border-radius: 8px;
}
.btn-filters {
    border-radius: 8px 0px 0px 8px;
}
.nice-select.wide.fancyselect {
    height: 42px;
    border-radius: 8px;
    padding-left: 10px;
}
.remember-checkbox label::after {
    color: #005F8F;
}
.filters-header-bf {
    padding: 15px 10px 3px 16px;
    border-radius: 8px 0 0 0;
    /*    border-top: 2px #005F8F solid;*/
    font-size: 16px;
    /*    background: #005F8F;*/
    color: #005F8F;
}
/*
.filters-header-bf {
    padding: 10px 10px 3px 16px;
    border-radius: 8px 8px 0 0;
    border-top: 2px #005F8F solid;
    font-size: 16px;
}
*/

.icon-filters-bf {
    color: #bfbfbf;
    font-size: 22px;
}
#lsm-mosaic .mosaic-element {
    margin-bottom: 90px !important;
}
.button:hover, .button:focus {
    background:#0CAAF1 !important;
    color: #ffffff;
    border-color:#0CAAF1 !important;
}
.icons-right-bf i {
    color: #fff;
}
.icons-right-bf i:hover {
    color: #005F8F;
}
.icons-left-bf i:hover {
    /*color: #84ba3f;*/
}
.price:hover {
    box-shadow: none;
}
.form-control:focus {
    border: 1px solid #ccc;
}
.pl-5 {
    padding-left: 5px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-2 {
    padding-bottom: 2px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.item .audio-spec, .item .audio-spec-icon {
    color: #fff;
}
.profile-cover {
    position: relative;
}
.profile-cover+.navbar {
    margin-bottom: 40px;
}
.profile-cover .media {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
.profile-cover .media .btn-default {
    border-color: #fcfcfc;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.profile-cover .media-body, .profile-cover small {
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
    .profile-cover .media {
        text-align: center;
        margin-top: 0;
        bottom: auto;
        top: 40px;
    }
    .profile-cover .media-left, .profile-cover .media-right {
        padding: 0;
        display: block;
        overflow-x: auto;
    }
    .profile-cover .media-body {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .profile-cover .media-body>h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}
.profile-cover-img {
    height: 200px;
}
.profile-cover-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
@media (max-width: 768px) {
    .profile-cover-img {
        height: 320px;
    }
}
.media .profile-thumb img {
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.pricing-table-list .fix-shadow-span>li>span {
    box-shadow: none !important;
}
.filter-menu-hidden {
    display: none;
}
.buy-category-btn-bf>a:hover .fa {
    /*color: white;*/
    color: white !important;
}
.cm-post-filters {
    margin-right: 0px !important;
    margin-top: 100px !important;
}
/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file!
*/

/********************************
             shop
********************************/

.product {
    text-align: center;
    position: relative;
}
.product .product-title a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 20px 0px 10px;
    display: block;
}
.product .product-title a:hover {
    color: #353535;
}
.product .product-price del {
    background: transparent;
    color: #323232;
    font-size: 13px;
}
.product .product-price ins {
    text-decoration: none;
    color: #005F8F;
    font-size: 16px;
    font-weight: bold;
}
.product .product-rating {
    margin-bottom: 10px;
}
.product .product-rating i {
    color: #353535;
}
.product .product-image {
    position: relative;
}
.product .product-image .product-overlay {
    opacity: 0;
    text-align: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 99;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.product:hover .product-image .product-overlay {
    opacity: 1;
}
.product .product-image .add-to-cart a {
    background: #005F8F;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 8px;
}
.product .product-image .add-to-cart a:hover {
    background: #353535;
}
.top-rated .product.left .product-title a {
    font-size: 14px;
    font-weight: 500;
}
.shop-split-content .product-price del {
    background: transparent;
    color: #323232;
}
/*shop-single*/

.shop-single .title {
    padding-top: 40px;
}
.shop-single .product-detail .product-detail-price {
    display: inline-block;
}
.shop-single .product-detail .product-detail-price ins {
    text-decoration: none;
    color: #005F8F;
    font-size: 16px;
    font-weight: bold;
}
.shop-single .product-detail .product-detail-rating i {
    color: #353535;
}
.shop-single .product-detail .product-detail-rating {
    display: inline-block;
}
.shop-single .product-detail .product-detail-quantity input {
    box-shadow: none;
    border: 1px solid #e0e0e0;
    padding: 10px 18px 10px 24px;
    border-radius: 30px;
    box-shadow: none;
}
.shop-single .product-detail .input-group-btn button {
    background: transparent;
    border-color: #e0e0e0;
}
.shop-single .product-detail .input-group-btn button:hover {
    color: #005F8F;
}
.shop-single .product-detail .input-group {
    width: 90px;
    float: left;
    margin-right: 20px;
}
.shop-single .product-detail .product-detail.add-to-cart .button {
    display: inline-block;
    font-size: 12px;
}
.shop-single .product-detail .input-group-btn:first-child>.btn {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.shop-single .product-detail .input-group-btn:last-child>.btn {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.shop-single .product-detail .product-detail-price del {
    background: transparent;
    color: #333;
    font-size: 14px;
}
.shop-single .product-detail .product-detail-social {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    margin-top: 20px;
}
.shop-single .product-detail .product-detail-social span {
    display: inline-block;
    padding-right: 20px;
    float: left;
}
.shop-single .product-detail .product-detail-social ul li {
    display: inline-block;
}
.shop-single .product-detail .product-detail-social ul li a {
    display: block;
    color: #aaaaaa;
    font-size: 14px;
    padding-right: 5px;
}
.shop-single .product-detail .product-detail-social ul li a:hover {
    color: #005F8F;
}
.shop-single .product-detail .product-detail-meta {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}
.shop-single .product-detail .product-detail-meta span {
    display: block;
    margin: 10px 0;
}
.shop-single .product-detail .product-detail-meta span a {
    padding-left: 5px;
}
.slider-slick {
    overflow: hidden;
}
/*sidebar-widgets-wrap*/

.sidebar-widgets-wrap .recent-item {
    margin-bottom: 20px;
}
.sidebar-widgets-wrap .recent-item .recent-image {
    display: table-cell;
    padding-right: 10px;
    width: 50px;
    float: left;
}
.sidebar-widgets-wrap .recent-item .recent-info {
    display: table-cell;
    vertical-align: top;
}
.sidebar-widgets-wrap .recent-item .recent-title a {
    color: #353535;
    font-weight: bold;
}
.sidebar-widgets-wrap .recent-item .recent-title a:hover {
    color: #005F8F;
}
.sidebar-widgets-wrap .recent-item .recent-meta li {
    display: inline-block;
    color: #353535;
}
/*product left*/

.product.left .product-image {
    float: left;
    padding-right: 20px;
    width: 26%;
}
.product.left .product-image a {
    display: block;
    width: 100%;
    height: 100%;
}
.product.left .product-description {
    padding-top: 0;
    display: table-cell;
    padding-bottom: 0;
    vertical-align: top;
    text-align: left;
    width: 74%;
}
.product.left .product-title a {
    margin-top: 0;
}
/*deal-banner*/

.deal-banner {
    background: #f4f4f2;
}
.deal-banner img {
    width: 100%;
}
.deal-banner .caption {
    text-align: center;
    margin-top: 25%;
}
.deal-banner .caption span.off {
    color: #005F8F;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}
.deal-banner .caption h2 {
    font-size: 42px;
    line-height: 42px;
    color: #494949;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 22px;
}
.deal-banner .caption a.viewbt {
    color: #fff;
    background: #005F8F;
    padding: 10px 22px;
    text-align: center;
    display: inline-block;
    margin-top: 26px;
    border-radius: 30px;
}
.deal-banner .caption a.viewbt:hover {
    background: #494949;
}
.deal-banner .counter-deal ul li {
    background: #fff;
    display: inline-block;
    padding: 7px 12px;
    margin-right: 17px;
}
.deal-banner .counter-deal ul li span.big {
    font-size: 22px;
    font-weight: 700;
    margin-left: 12%;
    margin-right: 12%;
}
.deal-banner .counter-deal ul li span.smalltxt {
    padding-top: 0;
}
/*************************************
             offer banner
*************************************/

.line-effect {
    position: relative;
    background: transparent;
    -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;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.overlay {
    background: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.overlay:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -o-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transform: scale(0, 1);
}
.overlay:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -o-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform: scale(1, 0);
}
.overlay:before, .overlay:after {
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
}
.offer-banner-1 {
    position: relative;
    height: 100%;
}
.offer-banner-1 .banner-content {
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.offer-banner-1 .banner-content strong {
    display: block;
    color: #fff;
    margin: 20px 0px;
}
.offer-banner-1 .banner-image.bg-overlay-black-50:before {
    z-index: 1;
}
.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after {
    opacity: 1;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -webkit-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -moz-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}
.offer-banner-1 .banner-image img {
    width: 100%;
}
.offer-banner-2 {
    height: 458px;
    display: block;
    width: 100%;
}
.offer-banner-2 .banner-bg {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.offer-banner-2 .line-effect {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.offer-banner-2 .banner-content {
    position: relative;
    z-index: 99;
}
.offer-banner-2 .banner-content h1 {
    position: relative;
    padding-bottom: 10px;
}
.offer-banner-2 .banner-content h1:before {
    position: absolute;
    content: "";
    background: #005F8F;
    width: 60px;
    bottom: 0px;
    margin-left: -30px;
    height: 1px;
    left: 50%;
}
.offer-banner-2 .banner-content strong {
    display: block;
    color: #000;
    margin: 20px 40px;
}
.offer-banner-2 .banner-content span {
    display: block;
    color: #000;
    margin: 20px 0px;
}
.offer-banner-2 .overlay:before {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    -o-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transform: scale(0, 1);
}
.offer-banner-2 .overlay:after {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -o-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform: scale(1, 0);
}
.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after {
    opacity: 1;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -webkit-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -moz-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}
/*************************************
             add banner
*************************************/

.add-banner-1 {
    position: relative;
}
.add-banner-1 .add-banner-content {
    padding: 30px;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
    z-index: 99;
}
.add-banner-1 .add-section-image.bg-overlay-black-50:before {
    z-index: 0;
}
.add-banner-1 .add-banner-content p {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 15px;
}
.add-banner-1 .add-banner-content h5 {
    position: relative;
    padding-bottom: 20px;
}
.add-banner-1 .add-banner-content h5.border:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: #005F8F;
    left: 50%;
    margin-left: -30px;
    bottom: 0px;
}
.add-banner-1 .add-banner-content span {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 15px 0px;
}
.add-banner-1 .add-banner-content a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.add-banner-1 .add-banner-content a:hover {
    color: #005F8F;
}
.add-banner-1 .add-banner-content a.button-white-border {
    padding: 10px 40px;
}
.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after {
    opacity: 1;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -webkit-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -moz-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}
/*************************************
             add banner 2
*************************************/

.add-banner-2 .add-banner-content {
    padding: 100px 50px;
}
.add-banner-2 .add-banner-content h2 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.add-banner-2 .add-banner-content h3 {
    font-size: 38px;
    line-height: 38px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
/*************************************
         home 02
*************************************/

.shop-split-content {
    padding: 130px 0;
}
.shop-split-content ins {
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    color: #005F8F;
}
/*************************************
         home 03
*************************************/

.shop-blog .blog-box {
    padding: 220px 30px 40px;
}
.shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
}
/*************************************
           home 04
**************************************/

#home-slider.shop-04-banner .slider-content .slider {
    width: 50%;
}
#home-slider.shop-04-banner .slider-content span {
    background: #ffffff;
    padding: 10px 20px;
    display: inline-block;
}
#home-slider.shop-04-banner .slider-content h1 {
    color: #323232;
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    margin-bottom: 10px;
}
#home-slider.shop-04-banner .slider-content p {
    font-size: 36px;
    line-height: 36px;
}
.shop-tab .tab-border .tab-content {
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.add-banner-3 {
    position: relative;
    height: 100%;
}
.add-banner-3 .add-banner-content {
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.add-banner-3.center-banner .add-banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
}
.add-banner-3.bottom-banner .add-banner-content {
    top: inherit;
    bottom: 0;
}
/*************************************
           home 05
**************************************/

#home-slider.shop-05-banner .slider-content h1 {
    font-size: 100px;
    line-height: 100px;
    font-weight: 800;
    margin-bottom: 10px;
    text-shadow: 20px 20px 0px rgba(0, 0, 0, 0.1);
}
.shop-05-deal h2 {
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
    text-shadow: 15px 15px 0px rgba(0, 0, 0, 0.1);
}
.shop-05-deal span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 20px;
    display: block;
}
.shop-05-top .top-product {
    margin-top: -40px;
}
/*************************************
              home 06
**************************************/

#home-slider.shop-06-banner .slider-content .slider {
    width: 50%;
}
#home-slider.shop-06-banner .slider-content h1 {
    color: #323232;
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 10px;
}
#home-slider.shop-06-banner .slider-content p {
    font-size: 20px;
    line-height: 30px;
}
.newsletter.gray-bg .form-control {
    background: #ffffff;
}
.shop-06-product .product {
    text-align: left;
}
.shop-block h2 {
    font-size: 50px;
    line-height: 50px;
}
.shop-block p {
    font-size: 20px;
}
.shop-06-sub-banner .newsletter.francy .form-control {
    padding-right: 130px;
}
/*************************************
              home 07
**************************************/

.banner-shop-07 span {
    font-family: 'Great Vibes', cursive;
    font-size: 130px;
    line-height: 160px;
    font-weight: normal;
    background: -webkit-linear-gradient(#d0ff90, #8eec07);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
}
.banner-shop-07 h1 {
    font-family: 'Tinos', serif;
    font-size: 120px;
    line-height: 120px;
    font-weight: normal;
}
.banner-shop-07 p {
    font-family: 'Tinos', serif;
    font-size: 20px;
    letter-spacing: 3px;
}
/*************************************
              home 07
**************************************/

.shop-08-product .container-fluid {
    padding: 0 100px;
}
.isotope-filters.filters-bb button {
    margin: 4px;
    cursor: pointer;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 0 !important;
    background: transparent;
    color: #363636;
    font-weight: 500;
    border: 2px solid transparent;
    text-transform: uppercase;
}
.isotope-filters.filters-bb button:focus {
    outline: none;
    outline-style: none;
    outline-offset: 0;
}
.isotope-filters.filters-bb button.active, .isotope-filters.filters-bb button:hover {
    background: transparent;
    border-bottom: 2px solid #323232;
    color: #323232;
}
.isotope-filters.filters-bb button+button {
    margin-left: 10px;
}
/*************************************
         wishlist page
**************************************/

.wishlist-page .table tbody {
    border: 0px;
    border-bottom: 1px solid #f0ede7;
}
.wishlist-page .table>tfoot>tr>td {
    border-top: none;
    border-bottom: solid 1px #f0ede7;
}
.wishlist-page .table>thead>tr>th, .wishlist-page .table>tbody>tr>th, .wishlist-page .table>tfoot>tr>th, .wishlist-page .table>thead>tr>td, .wishlist-page .table>tbody>tr>td, .wishlist-page .table>tfoot>tr>td {
    padding: 20px 20px;
    vertical-align: middle;
    text-align: center;
}
.wishlist-page .table .image img {
    width: 50px;
}
.wishlist-page .table td.price.price-2 {
    color: #005F8F;
}
.wishlist-page .table td.total a {
    border: 1px solid #f0ede7;
    font-size: 14px;
    padding: 3px 6px;
}
.wishlist-page .table td.total a:hover {
    border: 1px solid #005F8F;
    background: #005F8F;
    color: #ffffff;
}
.wishlist-page .table td.total a:hover .fa-close {
    color: #ffffff;
}
.wishlist-page .table .td-quentety input {
    border: 1px solid #ccc;
    margin: 15px 0 5px 0;
    padding: 0px 0px 0 20px;
    width: 70px;
    height: 35px;
    background: transparent;
}
.wishlist-page .table .td-quentety input:focus {
    box-shadow: none;
}
.wishlist-page .price:hover {
    box-shadow: none;
}
.button {
    color: #fff;
    /*background: #005F8F !important;*/
    border: 2px solid #005F8F;
}
.accordion.gray .acd-group.acd-active .acd-heading {
    background: #005F8F !important;
}
.accordion .acd-heading {
    border-radius: 8px !important;
}
.accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover {
    color: #fff;
    background: #005F8F !important;
}
.owl-carousel .owl-nav i {
    background: #005F8F;
    border-radius: 8px;
}
.owl-prev {
    left: 5px !important;
    bottom: 15px;
    top: 49% !important;
}
.owl-next {
    right: 5px !important;
    bottom: 15px;
    top: 49% !important;
}
.social-white i {
    color: white !important;
}
.cart-white {
    color: white !important;
}
.cart-white i {
    color: white !important;
}
.contact-box i {
    background: #005F8F !important;
}
.ti-mobile:before {
    color: white !important;
}
.ti-email:before {
    color: white
}
.mega-menu .drop-down-multilevel li:hover>a {
    color: #005F8F;
}
/*.fix-col-div div:first-child {*/

/*width: 58.33% !important;*/

/*}*/

.marbtn {
    background: white !important;
    border: 1px solid #005F8F !important;
    color: #000 !important;
}
.marbtn>.fa {
    color: #005F8F !important;
}
.marbtn>.fa:active {
    color: #fff !important;
}
.marbtn:hover {
    background: #005F8F !important;
}
/*a {*/

/*color: #005F8F !important;*/

/*}*/

ul.list li:after {
    color: #005F8F !important;
}
.hover-color-blue:hover i {
    color: #005F8F !important;
}
.unmask {
    float: right;
    border: none;
    background: none;
    position: relative;
    bottom: 30px;
    right: 10px;
}
.add-to-cart a {
    background: #005F8F !important;
    opacity: 0.7;
}
.fix-cart-product .discounted-price {
    font-size: 22px !important;
    color: #323232 !important;
}
.fix-cart-product .order-discount {
    font-size: 13px !important;
}
.fix-cart-product .cart-name {
    width: 160px;
}
.shpping-cart strong.item {
    background-color: #005F8F !important;
}
#back-to-top .top {
    background: #005F8F !important;
}
.search-cart i.icon:hover {
    color: #005F8F !important;
}
.pricing-content .pricing-table-list ul li {
    font-weight: inherit !important;
}
.pricing-content .pricing-table-list ul li i {
    width: 32px;
    color: #7fbbd9 !important;
    font-size: 20px;
}
/*

.pricing-content .pricing-table-list ul li i {
    width: 25px;
    color: #005F8F !important;
    font-size: 17px;
}
*/

.pricing-content .pricing-table-list ul li {
    line-height: 40px !important;
    /*    line-height: 30px !important;*/
}
.pricing-content {
    width: 80% !important;
}
.remove-checkoutproduct {
    color: #005F8F !important;
}
.tab-border .nav.nav-tabs>li.active>a {
    color: #005F8F !important;
}
a {
    color: #005F8F;
}
.feature-info .button {
    background: inherit !important;
    border: inherit !important;
    color: #005F8F;
;
}
.feature-info .button.icon-color i {
    border: 1px solid #005F8F;
}
.theme-color {
    color: #005F8F;
}
.theme-bg {
    background: #005F8F !important;
}
.theme-bg .button {
    background: white !important;
}
.theme-bg .button span i {
    color: #005F8F !important;
}
.social-icons i {
    color: rgba(255, 255, 255, 0.5) !important;
}
.section-title:nth-child(odd) .title-effect::before {
    background: #005F8F !important;
}
.button.icon-color .fa-angle-right:before {
    color: #005F8F !important;
}
.isotope-filters button.active, .isotope-filters button:hover {
    background: #005F8F !important;
    color: #fff;
    border-color: #005F8F !important;
}
.feature-box .border {
    background: #005F8F !important;
}
section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even) {
    color: #005F8F !important;
}
.dropcap.gray {
    color: #005F8F !important;
}
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span {
    background: #005F8F !important;
}
.button:hover, .button:focus {
    color: white !important;
}
.fa-angle-double-left:before {
    color: white;
}
.fa-angle-double-right:before {
    color: white;
}
.section-title.line-dabble .title:after {
    background: #005F8F !important;
}
/*.select-site-lang {*/

/*background: #e0e0e0 !important;*/

/*border-color: #333 !important;*/

/*color: #333 !important;*/

/*}*/

.btn {
    color: #005F8F
}
.btn.btn-primary.pull-right {
    background: #005F8F;
    color: white;
    border: 1px solid #005F8F;
}
ul.page-breadcrumb li a:hover {
    color: #078AC1;
}
.button.icon-color:hover i {
    background: #005F8F;
}
.button.icon-color:hover i:before {
    color: white !important;
}
.footer .footer-social ul li a:hover {
    color: #005F8F !important;
}
::selection {
    background: #005F8F;
    color: #fff;
    text-shadow: none;
}
.fa-eye-slash, .fa-eye {
    color: #005F8F;
}
.remember-checkbox a {
    color: #005F8F;
}
.btn-circle.btn-default.order-save-info {
    padding-top: 15px !important;
}
.td-col-left {
    text-align: left !important;
    padding-left: 10px !important;
}
.fix-input-center input {
    margin: 0px auto;
}
.border-t-b-none {
    border-top: none !important;
    border-bottom: none !important;
}
.withOldPrice .discounted-price {
    font-size: 24px;
    margin-left: 0px !important;
}
.withOldPrice {
    display: grid;
}
.withOldPrice .bottom-div {
    bottom: 10px;
}
.withCurrency .currency-top {
    top: 16px;
}
.allPrice .order-discount {
    top: 5px;
}
.allPrice .fix-col-div {
    width: 80px;
}
.desktopTopFixed .sinlge-order-image-sidebar {
    margin-top: 20px !important;
}
.set-accordion-p-15 .acd-heading {
    padding: 15px !important;
}
.set-accordion-p-15 .acd-heading:before {
    top: 3px !important;
}
.order-save-info {
    padding-top: 13px;
    font-size: 15px;
}
.fix-margin-phone input {
    margin-bottom: 0px !important;
}
.fix-height-city-region .select2-selection {
    height: 40px !important;
}
.fix-height-city-region .select2-selection .select2-selection__rendered {
    position: relative;
    bottom: 6px;
}
.fix-height-city-region input[name="Region"] {
    margin-bottom: 0px !important;
}
.contact-form.clearfix.mt-20 {
    margin-top: 0px !important;
}
.discounted-price {
    white-space: nowrap;
}
.btn-filter-mobile {
    margin: 0px auto;
    font-size: 16px !important;
    display: none;
    /*width: 80% !important;*/
}
.cart.cart-open .cart-item .cart-name .col-md-7 {
    bottom: 7px;
}
.pricing-content .pricing-table-list ul li span {
    box-shadow: inherit !important;
}
.paralax-register {
    padding-top: 60px !important;
    padding-bottom: 120px !important;
}
/*course single start*/

.course-param li span span {
    font-weight: 700;
}
/*course single end*/

/*Moduls menu start*/

#modul-menu-drop {
    z-index: 999;
    position: fixed;
    margin: 0px;
    transition: all .5s ease-in-out;
    position: fixed;
    border-radius: 3px;
    z-index: 999;
    font-size: 14px;
    bottom: 90px;
    right: 60px;
    /*    width: 150px;*/
    /*    height: 250px;*/
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    color: #323232;
    background: #fff;
}
#modul-menu-drop ul {
    list-style: none;
    padding: 5px;
}
#modul-menu-drop ul li {
    padding: 17px;
    /*    text-align: center;*/
    border-bottom: 1px solid #f2f2f2;
}
#modul-menu-drop ul li:last-child {
    border-bottom: transparent;
}
#modul-menu-drop ul li img {
    width: 120px;
}
#modul-menu-drop ul li a {
    /*    display: inline-block;*/
    /*    width: 48%;*/
    padding: 10px;
    /*    font-size: 18px;*/
    /*    margin: 5px;*/
    /*    margin-top: 5px;*/
}
#modul-menu-drop ul li:hover {
    color: #fff;
    background-color: #fafafa;
    border-radius: 5px;
}
#moduls-menu i {
    font-size: 22px;
    color: #fff;
    margin-top: 10px;
    margin-left: 3px;
}
#moduls-menu img {
    width: 40px;
    opacity: .7;
    transition: 0.5 all ease;
}
.unmask {
    float: right;
    border: none;
    background: none;
    position: relative;
    bottom: 30px;
    right: 15px;
}
#dropup-menu {
    left: -120px;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    /*display: block;*/
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
#dropup-menu a[role="menuitem"] {
    padding: unset
}
#dropup-menu img {
    width: 95%;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.open>#dropup-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
/*Moduls menu end*/

.course-info-user img {
    padding: 10px;
}
.course-info-user p {
    line-height: 1.8;
}
/*autor info page start*/

.autor-info {
    margin-bottom: 50px;
    margin-top: 50px;
}
.autor-header .profile-cover-img {
    height: 250px;
}
.autor-header .profile-cover .media {
    bottom: 40px;
}
.autor-header .media .profile-thumb img {
    width: 150px;
    height: 150px;
}
.autor-header .media-body {
    display: table-cell;
    vertical-align: bottom;
}
.autor-header .media-body h3 {
    color: white;
    font-size: 24px;
    margin-bottom: 5px;
}
.autor-job {
    display: block;
    font-size: 16px;
}
.promo-box {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px;
    background-color: #078ac1;
}
.promo-box h3, .promo-box p {
    color: white;
}
.autor-info img {
    padding: 10px;
}
.autor-info .owl-carousel img, .autor-info .portfolio-item img {
    padding: inherit;
}
.autor-info p {
    line-height: 1.8;
}
.autor-info ul {
    padding: 20px;
}
.autor-info li {
    line-height: 2;
    font-size: 16px;
}
.authot-rating {
    color: white;
}
/*autor info page end*/


.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.form-control-new-version {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    line-height: 1.33333;
    padding: 15px 15px 15px 20px;
    background: #f6f7f8;
    color: #323232;
    border: 0px solid transparent;
    box-shadow: none;
}
.btn-new-version {
    background: #005F8F;
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    border: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    border: 2px solid #005F8F;
    cursor: pointer;
}
.btn-block {
    display: block;
    width: 100%;
}
.categories-line {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 14.2%;
}
.listing-banner .listing-banner-categorie a {
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.listing-banner .listing-banner-categorie i {
    font-size: 24px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
}
#moduls-menu {
    border-top: 5px solid rgba(255, 255, 255, 0);
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: #fff;
    transition: all .5s ease-in-out;
    position: fixed;
    bottom: 35px;
    right: 65px;
    border-radius: 3px;
    z-index: 999;
    background: transparent;
    font-size: 14px;
    /* background: #84ba3f; */
    width: 40px;
    height: 40px;
    text-align: center;
}
.animatable {
    /* initially hide animatable objects */
    visibility: hidden;
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
/* show objects being animated */

.animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.header.vertical-menu {
    position: fixed;
    left: 1200px !important;
    top: initial !important;
    width: 260px;
    min-height: 100%;
    background: #212121;
    z-index: 9999;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
/*.mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a {*/

/*color: white !important;*/

/*}*/

.countdown.small span {
    font-size: 19px !important;
}
.countdown p {
    font-size: 14px !important;
}
#menu a {
    color: white;
}
#menu .shopping-cart {
    color: white !important;
}
.skill-counter {
    position: relative;
    background: #ffffff;
    margin-top: -100px;
    padding: 60px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}
.parallax {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    position: relative;
    z-index: 0;
    background-origin: initial;
    background-position: center center !important;
    background-repeat: no-repeat;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
#jarallax-container-1 {
    clip: rect(0 1463.111083984375px 357.5555725097656px 0);
    clip: rect(0, 1463.111083984375px, 357.5555725097656px, 0);
}
.skill {
    position: relative;
    width: 100%;
    height: 7px;
    margin: 40px 0 20px 0;
    background-color: #eceff8;
    border-radius: 4px;
}
.skill-bar {
    width: 100%;
    height: 7px;
    margin: 40px 0 20px 0;
    background-color: #eceff8;
    border-radius: 4px;
}
.counter.counter-small .timer {
    font-size: 30px;
    font-weight: 600;
}
.counter.left-icon span {
    margin: 0;
    line-height: 40px;
}
.counter.counter-small label {
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
}
.counter label {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0;
    position: relative;
    text-transform: capitalize;
}
#menu .drop-down-multilevel li a {
    color: #000 !important;
}
.accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover {
    background-color: #0c87c5 !important;
    /*    background-color: #005F8F !important;*/
}
.accordion.border .modul-group.acd-group.acd-active .acd-heading, .accordion.border .modul-group.acd-group .acd-heading:hover {
    background-color: #fff !important;
    color: #353535;
}
.accordion .modul-group.acd-group.acd-active .acd-heading span {
    color: #353535;
}
.accordion .modul-group.acd-group.acd-active .acd-heading .slide-count {
    color: #fff;
}
.shadow .nav.nav-tabs>li.active>a {
    color: #005F8F;
}
.shadow .nav.nav-tabs>li.active>a:hover {
    color: #1095d8;
}
.irs-from, .irs-to, .irs-single {
    left: 0;
    white-space: nowrap;
    color: #777 !important;
    font-size: 11px;
    line-height: 1;
    padding: 5px;
    top: 0;
    background-color: #fbfbfb !important;
    border-radius: 2px;
    border-color: #b1b1b1 !important;
    border: solid 1px;
}
.desktopTopFixed #logo_img {
    position: relative;
    bottom: 15px;
}
/*market produkt page start*/

.breadcrumb-market {
    float: left !important;
}
/*.page-title .page-breadcrumb {*/

/*text-align: left*/

/*}*/

ul.page-breadcrumb li a, ul.page-breadcrumb li .fa-angle-double-right::before {
    /*color: #000 !important;*/
}
/*------------------*/

.course-present, .course-present p, .course-present h3 {
    color: inherit;
    /*    color: #fff !important;*/
}
.head-image {
    background-image: url(/admin/upload/course/99/main/0-02-04-14eb497f63812c2bf352df57650fcf350539c5523474fb790d5aa572c2d967ce_ff39b8a2.jpg);
}
.present-icons {
    position: absolute;
    width: 100%;
    /*    text-align: center;*/
    top: 20px;
    left: 40px;
}
.present-icons a {
    display: inline-block;
    font-size: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    margin: 0 auto;
    opacity: 0.8;
    background: white;
    transform: rotate(0deg);
    transition: 0.9 transform ease;
    border: #005F8F 1px solid;
    -webkit-animation: spin 10s ease 3s infinite;
    -moz-animation: spin 10s ease infinite;
    animation: spin 10s ease 3s infinite;
}
@-moz-keyframes spin {
    75% {
        -webkit-transform: rotateY(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    75% {
        -webkit-transform: rotateY(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    75% {
        -webkit-transform: rotateY(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.present-icons a:hover, .present-icons a.active {
    opacity: 1;
}
.present-icons a.active {
    cursor: default;
}
.present-icons i {
    color: #005F8F;
}
.course-title {
    color: #fff;
    line-height: 1.5;
}
.course-main-info {
    font-size: 18px;
}
.course-main-info img {
    width: 40px;
    display: inline-block;
    padding-left: 5px;
}
.course-main-info span {
    font-size: 14px;
    padding-right: 10px;
}
.course-main-info li {
    padding-left: 30px !important;
}
.btn-more {
    padding: 0;
}
.btn-more i {
    padding: 12px;
    font-size: 18px;
}
.course-type, .course-author {
    display: inline-block;
    font-size: 18px;
    /*    text-align: center;*/
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px 15px;
    /*    border: 1px solid #078ac1;*/
    border-radius: 8px;
}
.course-type b, .course-author b {
    display: block;
    float: left;
    font-size: 35px;
    margin-top: -15px;
    margin-right: 15px;
    color: #078ac1;
}
.course-author a {
    color: inherit;
    /*    color: #fff;*/
}
.course-author .testimonial-avatar {
    position: relative;
    left: inherit;
    margin-left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    /* border: transparent; */
    float: left;
    /*margin-right: 20px;*/
}
.course-author span {
    padding-top: 25px;
    display: inherit;
}
.course-author .testimonial-avatar img {
    border: 2px solid #fff;
}
.feature-info p {
    line-height: 1.5;
    color: #005f8f;
    font-weight: 700;
    font-size: 14px;
}
.cours-short-info {
    padding-bottom: 50px;
}
/*

.pricing-button > .button {
    background: #078ac1 !important;
    border: 2px solid #078ac1 !important;
}


.pricing-button > .button:hover {
    background: #0499d8 !important;
    border: 2px solid #0499d8 !important;
}
*/

.modul-name {
    /*    padding-left: 20px;*/
    margin-bottom: 20px;
}
#course-content .acd-heading {
    font-size: 18px;
    text-transform: unset;
}
.slide-count, .acd-active .slide-count {
    display: inline-block;
    border-radius: 50%;
    min-height: 35px;
    min-width: 35px;
    text-align: center;
    padding-top: 7px;
}
.acd-active .slide-count, .acd-heading:hover .slide-count {
    border: 2px solid #fff;
}
.slide-count {
    border: 2px solid #1095d8;
}
.modul-group .slide-count, .modul-group .slide-count:hover, .modul-group.acd-active .slide-count {
    border: 2px solid #005F8F !important;
    background: #005F8F;
    color: #fff !important;
}
.slide-parent-sortorder {
    font-size: 13px !important;
    color: #c0c2cd;
    font-weight: bolder;
    padding-top: 2px;
}
.course-question-alert {
    border-color: #005F8F;
    background-color: white;
    font-size: 16px;
}
.course-extra-content .acd-heading::before {
    display: none !important;
}
.lms-text-color {
    color: #005F8F;
}
/* ---- lms course edit ----- */

.AT-fluidMedia {
    position: relative;
    padding-bottom: 56.25%;
    /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}
.AT-fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
.modul-group .slide-count:hover,
.modul-group.acd-active .slide-count {
    background: #fff;
    border-color: #fff;
    color: #353535 !important;
}
*/

.topic-name {
    margin-top: 6px;
}
.topic-time {
    font-size: 14px;
    /*    margin-top: 11px;*/
}
.topic-time>span {
    font-size: 16px;
}
.topic-parameters {
    font-size: 16px;
    padding-left: 10px;
}
.topic-parameters span {
    display: inline-block;
    font-size: 26px;
    padding-left: 5px;
    padding-right: 20px;
}
#course-content, #course-teacher, #course-reviews {
    background: #f6f6f6;
}
#course-content .acd-group {
    background: #fff;
    border-radius: 8px;
}
.slide-preview {
    /*    cursor: pointer;*/
}
.pricing-button i {
    font-size: 18px;
    padding-left: 10px;
}
.product-detail-price .caret {
    transform: rotate(180deg);
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* lms-future - временно намалям маргин топ заради временно намаляне на снимките в прегледа на лмс курс */

#course-teacher .team-list {
    margin-top: 20px;
}
#course-teacher .team-photo {
    width: 20%;
}
#course-teacher .btn-default {
    padding-top: 15px;
    padding-bottom: 5px;
    border: 0;
    /*    border-top: 0;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#course-teacher .team-info span {
    text-transform: none !important;
}
#course-teacher .course-rating::after, #course-reviews .course-rating::after {
    color: #363636;
    display: none;
}
.team-statistic {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.teacher-courses {
    text-transform: none !important;
    color: #005f8f;
}
.menu-second, .course-sticky-2 {
    position: relative;
    padding: 0px 10px;
    background: #005F8F;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.menu-second ul {
    display: table;
    height: 100%;
    padding-left: 15px;
}
.menu-second ul li {
    margin: 0;
    padding: 14px 22px 12px 0;
    display: inline-block;
    font-size: 13px;
    position: relative;
    text-transform: uppercase;
}
.menu-second ul li a {
    color: #ffffff !important;
}
.course-sticky {
    position: fixed;
    top: 0;
    z-index: 999;
    display: none;
}
.course-sticky-1 {
    background: #fff;
    /*    background: #262626;*/
    padding-top: 5px;
    padding-bottom: 10px;
}
.course-sticky-2 {
    background: #005F8F;
}
.course-sticky-name {
    float: left;
    padding-top: 15px;
    padding-left: 40px;
}
.course-sticky-1 h3 {
    font-size: 20px;
}
.course-sticky-1 .order-discount {
    color: #b2b2b2;
}
.course-sticky-bay {
    /* display: flex; */
    width: auto;
    float: right;
    /*margin-top: 10px;*/
    margin-right: 10px;
}
.sticky-price, .sticky-discount, .sticky-button {
    /*    display: inline-block;*/
    display: block;
    float: left;
}
.sticky-price {
    /*    float: left;*/
    width: 250px;
}
.sticky-discount {
    /*    float: left;*/
}
.sticky-button {
    /*    float: left;*/
    margin-left: 20px;
    margin-top: 10px;
}
.course-prerequisites ul, .course-graduation ul {
    margin-left: 50px;
    line-height: 2.5rem;
    margin-top: 5px;
    margin-bottom: 10px;
}
.course-graduation ul {
    margin-top: 20px;
    font-size: 16px;
}
#course-competence .list-group-item {
    border: none;
}
.course-competence-items div {
    /*    margin-top: 10px;*/
    padding-bottom: 10px;
}
.course-competence-items div:hover {
    cursor: pointer;
    background: #f5f5f5;
}
.course-competence-items div::before {
    font-family: FontAwesome;
    content: "\f12e";
    padding-right: 10px;
    font-size: 25px;
    color: #bfe0f0;
}
.course-reviews-block {
    /*
    border-top: 1px solid #84ba3f;
    border-bottom: 1px solid #84ba3f;
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
*/
}
#course-reviews img {
    border: 4px solid #84ba3f;
    max-width: 100%;
    border-radius: 50%;
}
.user-review {
    margin-top: 50px;
}
/*
.user-review {
    text-align: center;
}
*/

.review-date {
    /*    margin-top: 10px;*/
    display: block;
    font-style: italic;
    color: #909090;
    margin-bottom: 10px;
    /*    text-align: center;*/
}
.our-service {
    padding-bottom: 10px;
    /*    padding-bottom: 80px;*/
}
#cource-learn .feature-info {
    font-size: 16px;
}
#cource-learn .feature-icon {
    opacity: .2;
}
#cource-learn .feature-icon i {
    font-size: 45px;
    margin-top: -18px;
    margin-left: 8px;
}
.choice-course {
    background: #036fa6 !important;
    border-color: #036fa6 !important;
}
.choice-course:hover, .choice-course:focus {
    background: #078AC1 !important;
    border-color: #078AC1 !important;
}
/*market produkt page end*/

/*Prograam start*/

.program-courses {
    /* background: #555; */
    margin-top: 20px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    border-left: 3px solid #005f8f;
}
.program-courses h5 {}
.program-courses h6 {
    font-size: 14px;
    font-weight: 400;
}
.program-courses h6 a {
    font-weight: 700;
    color: #005f8f;
}
.program-course {
    margin-top: 10px;
    margin-bottom: 100px !important;
    padding-left: 30px;
    padding-right: 30px;
    border-left: 1px solid #54bbef;
}
/*Prograam end*/

/*catalog courses start*/

.catalog-course {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 0 11px rgba(132, 132, 132, 0.2);
}
.catalog-image {
    text-align: center;
}
.catalog-image img {
    margin-left: auto;
    margin-right: auto;
}
.catalog-info {}
.catalog-teacher {
    font-size: 16px;
    padding-bottom: 5px;
    display: block;
}
.catalog-info ul li {
    padding-left: 20px;
    padding-right: 0px;
}
.catalog-price {
    text-align: center;
    position: absolute;
    right: 0;
    height: 100%;
}
.catalog-buttons {
    bottom: 35px;
    position: absolute !important;
    display: block;
    width: 100%;
    right: 0px;
}
.catalog-price .price {
    color: #0499d8;
    margin-bottom: 20px;
}
.catalog-price .price {
    font-size: 22px;
}
.catalog-price .discount {
    font-size: 14px;
    /*    text-decoration: line-through;*/
}
.fix-position-addon .input-group .form-control {
    margin-bottom: 0px !important;
}
.progress-title-skill {
    font-size: 17px;
}
.skill-bar-fix {
    margin-top: 8px !important;
}
.progress-bar-lms {
    background-color: #005F8F;
}
.tab .nav.nav-tabs>li.active>a, .nav.nav-tabs>li.active>a:focus, .nav.nav-tabs>li.active>a:hover {
    background: #005F8F !important;
    color: #fff !important;
    border-color: #005F8F !important;
}
.set-width-hover {
    width: 358px !important;
}
/*catalog courses end*/

/*

.input-pos-search {
    top: 10px;
    position: relative;
}
*/

.menu-search:hover {
    color: #005F8F !important;
}
.input-pos-search {
    padding-top: 15px;
    min-width: 500px;
}
.input-pos-search .form-control-new-version {
    /*
        background: #525252 !important;
        color: #fff !important;
    */
    padding: 8px;
    opacity: 0.8;
    width: 100%;
    transition: all ease 0.5s;
    /* padding-top: 10px; */
}
.input-pos-search:hover .form-control-new-version, .input-pos-search:active .form-control-new-version, .input-pos-search:focus-within .form-control-new-version {
    /*
        background: #f6f7f8 !important;
        color: #323232 !important;
    */
    opacity: 1;
    transition: all ease 0.5s;
}
/*
.icon-search-position {
    bottom: 31px;
    right: 22px;
    position: relative;
    left: 190px;
}
*/

.icon-search-position {
    bottom: 24px;
    /* right: 22px; */
    position: relative;
    /* left: 190px; */
    float: right;
    padding-right: 10px;
}
.set-color-black-a a {
    color: black !important;
}
/*

.search-pos {
    float: right;
    left: -15px;
    bottom: 25px;
}
*/

.search-pos {
    float: right;
    left: 0px;
    bottom: 40px;
    padding: 14px;
}
/*

.search-pos:hover {
	background: #005a8c;
}*/

.categotys-icon {
    font-size: 18px !important;
}
.grid-menu {}
.grid-menu [class*="grid-col-"] a, .grid-menu [class*="grid-col-"] a i {
    color: #005F8F !important;
    font-size: 16px;
}
.grid-menu [class*="grid-col-"] a:hover, .grid-menu [class*="grid-col-"] a:hover i {
    color: #078AC1 !important;
}
.set-margin-custom-section {
    margin: 0px 100px !important;
}
.set-text-left {
    padding-top: 0px !important;
    display: flex;
}
.set-text-left i {
    width: initial !important;
}
.head-advantage {
    text-align: center;
    color: white;
}
.p-advantage {
    text-align: center;
    color: white;
    font-size: 20px !important;
}
.sticky-price {
    margin-top: 12px !important;
}
#back-to-top .top {
    bottom: 30px;
}
.footer {
    position: relative;
    top: 5px;
}
.menu-search {
    padding: 0px 10px !important;
}
.category-menu-title {
    /*    text-align: center;*/
    font-size: 1.5em !important;
}
.fix-arrow-position .fa-angle-left {
    top: 10px;
    font-size: 35px !important;
    background: initial;
    /* top: 60px; */
    position: absolute;
    right: 7px;
    color: #005F8F !important;
    background: initial !important;
}
.fix-arrow-position .fa-angle-right {
    top: 10px;
    font-size: 35px !important;
    background: initial;
    /* top: 60px; */
    position: absolute;
    left: 7px;
    color: #005F8F !important;
    background: initial !important;
}
.marbtn:hover span {
    color: white !important;
}
.checkout-product-row .description {
    border-top: initial;
}
#course-full-info p {
    font-size: 14px;
    line-height: 1.8;
}
#course-short-info p {
    color: #aeaeae;
}
/*katalog programi start*/

.programa {}
/*katalog programi end*/

.div-course {
    background: #ea7e38;
    transform: rotate(-90deg);
    color: white;
    width: 82px;
    left: -31px;
    position: absolute;
}
.catalog-course {
    display: table;
}
.vertical-div {
    bottom: 8px;
    right: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.price-bottom {
    text-align: center;
    bottom: 54px;
    position: absolute;
    display: block;
    /* width: 100%; */
    right: 0px;
    height: 40px;
}
.bl-ul {
    border-left: 2px solid #ebebeb;
    padding-left: 10px !important;
}
.bl-ul li span {
    padding-right: 10px;
    border-right: 1px solid black;
    top: 10px;
}
.bl-ul-no-border li span {
    border: none;
}
.bl-ul ul {
    /*    height: 30px;*/
    height: auto !important;
}
.image-avatar-author {
    width: 60px;
    height: 45px;
}
.image-avatar-author img {
    max-width: 100%;
    border-radius: 50%;
    padding-right: 3px;
}
.div-author-images {
    display: flex;
    /*margin-top: 15px;*/
    justify-content: center;
}
.catalog-buttons-courses {
    bottom: 83px;
    position: absolute;
    display: block;
    width: 100%;
    right: 0px;
}
.price-bottom-program {
    bottom: 140px;
    position: absolute;
    display: block;
    width: 100%;
    right: 0px;
}
.price-bottom .price {
    font-size: 22px;
    color: #7c9fbd;
    margin-bottom: 20px;
}
.btn-160 {
    width: 160px;
}
.view-courses-color {
    background: #ed7d31 !important;
    border: 1px solid #ed7d31 !important;
;
}
.div-program {
    background: #4e9559 !important;
    transform: rotate(-90deg);
    color: white;
    width: 95px;
    left: -35px;
    position: absolute;
}
.bottom-vertical-div {
    bottom: 11px !important;
}
.height-fix-description {
    line-height: 1.5em;
    height: 4em;
    /*    height: 4.4em;*/
    /* height is 2x line-height, so two lines will display */
    overflow: hidden;
}
.program-style-set .price-bottom {
    bottom: 135px !important;
}
.btn-view-course {
    width: 75%;
    font-size: 10px;
}
.category-fix-style a {
    margin-bottom: 10px;
}
.btn-50 {
    width: 50%;
}
.alert-margin {
    margin: 0px 100px;
}
.last-ul-li li {
    padding-left: 12px !important;
}
.havePromoCode {
    display: flex !important;
    width: 310px !important;
}
.display-flex-force {
    display: flex !important;
}
.btn-search-filters-mobile {
    width: 100%;
    font-size: 17px;
    margin-top: 10px;
}
.select2-container--contipso .select2-selection--single {
    height: 32px !important;
    line-height: 32px !important;
}
.select2-container--contipso .select2-selection--single .select2-selection__rendered {
    padding-left: 20px !important;
}
.fix-width-select .select2-selection__rendered {
    padding-left: 10px;
    width: 200px;
}
.category-icon-mobile p {
    margin-bottom: 0px !important;
}
.fix-gallery-images-height img {
    width: max-content;
    max-height: 400px;
}
.tab-gallery-content .tab-border .nav.nav-tabs>li.active>a, .tab-border .nav.nav-tabs>li.active>a:focus, .tab-border .nav.nav-tabs>li.active>a:hover {
    background: #005F8F !important;
}
.fix-gallery-images-height .owl-prev, .fix-gallery-images-height .owl-next {
    bottom: initial !important;
}
.fix-col-what-accept .col-md-4 {
    margin-bottom: 20px;
    height: 60px !important;
}
.alert-bottom-course {
    border-radius: 0px;
    z-index: 999;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0px auto;
    left: 0px;
    right: 0px;
}
.alert-bottom-course .close {
    float: left;
    margin-right: 30px;
    position: relative;
    bottom: 2px;
}
.style-content-modal {
    position: relative;
    bottom: 30px;
}
.style-content-modal .nav-tabs {
    text-align: left !important;
}
/*----Category icons-----*/

.cat-menu-icon i {
    display: table-cell;
    float: left;
    width: 25px !important;
    padding-right: 5px !important;
    /*	padding-top: 2px !important;*/
    color: #cdcdcd !important;
    font-size: 20px !important;
    text-align: center;
    line-height: 23px;
    transition: color 0.2s ease;
}
.cat-menu:hover .cat-menu-icon i {
    color: #078AC1 !important;
    transition: color 0.2s ease;
}
.cat-menu-icon p {
    display: table;
    margin-bottom: 0px !important;
    padding-left: 5px;
}
.cat-menu-icon p a {
    padding: 0 !important;
}
/*----Category icons-----*/

.btn-cat-menu {
    color: #005F8F !important;
    background: none !important;
    border-width: 1px !important;
}
.cource-micons {
    text-align: center;
    padding: 0 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.cource-micons ul li {
    text-align: center;
    padding: 0 10px;
}
.cource-micons ul li a i {
    color: #0499d8 !important;
    font-size: 20px;
}
#lms-megam .section-title {
    margin-bottom: 15px !important;
}
.btn-acord {
    padding-right: 20px !important;
    width: auto !important;
    color: #9e9e9e !important;
    font-size: 17px !important;
}
.btn-acord:hover, .btn-acord:active, .btn-acord.active {
    color: #333 !important;
}
.btn-acord-group {
    margin-bottom: 10px;
}
.choose-category .active {
    color: #005F8F !important;
}
/*-------------------------------------------*/

/*-------------static pages THEME start-------------*/

/*
.menu {
    display: none;
}

#cmenu.menu {
    display: block;
}
*/

/*
#cmenu {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
*/

#marketingPage p {
    font-size: 14px;
    line-height: 1.6;
}
/*footer start*/

.cm-front-boxes * {
    color: white;
}
.cm-front-boxes .feature-step a {
    margin-top: 30px;
}
.main-text {
    /*
    background-image: url('../images/footer-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
*/
    background: url('../images/footer-bg-b.png');
    background-size: 100% 100%;
}
.footer-bg-t {
    height: 100px;
    background-image: url('../images/footer-bg-t.png');
    background-size: 100% 100%;
}
.main-text *, .c-text * {
    color: #fff !important;
}
.action-text {
    text-align: center;
    margin-top: 100px;
    /*    margin-bottom: 100px;*/
}
.features-top-text {
    text-align: center;
    margin-top: 50px;
    /*    margin-bottom: 100px;*/
}
.features-top-text h6 {
    font-weight: 400;
    padding-bottom: 20px;
}
.main-text, .c-text {
    font-size: 14px;
}
.main-text {
    padding-bottom: 50px;
}
.main-text .col-md-3 {
    display: flex;
    justify-content: center;
}
.main-text h6 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-text address span {
    display: block;
    padding-top: 13px;
}
.c-text {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 100px;
    background-color: #54A8A4;
}
.c-text .footer-social {
    text-align: right;
}
.f-social {
    margin-top: 20px;
}
.footer-useful-link {
    display: inline-block;
}
.footer-useful-link ul li {
    border-bottom: 1px solid #ccc;
}
.footer-useful-link ul li:last-child {
    border-bottom: none;
}
.footer-Newsletter .form-control {
    border-radius: 5px !important;
    background: rgba(255, 255, 255, 0.2) !important;
}
.market-top {
    background: #dcdddf;
}
.view-course-xs {
    display: none;
}
/*footer end*/

#cmenu .mega-menu .menu-links>li>a, #cmenu .search-cart i.icon {
    color: #323232;
}
#cmenu .menu-links .active>a, #cmenu .mega-menu .menu-links>li>a:hover, #cmenu .search-cart i.icon:hover {
    color: #078ac1 !important;
}
/*-----------mega-menu X changes start---------------*/

.mega-menu .menu-mobile-collapse-trigger.active::before {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    top: 11px;
}
.mega-menu .menu-mobile-collapse-trigger.active::after {
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
/*-----------mega-menu X changes end---------------*/

/*
#cmenu .mega-menu > section.menu-list-items .menu-bar > ul {
    height: 70px;
    margin-top: 30px;
}
*/

.ht-img-bg {
    height: 800px;
    background-position: top;
    background-repeat: no-repeat;
}
/*
.ht-img-bg2 {
    height: 690px;
}
*/

.ht-content {
    height: 100%;
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
}
.ht-content.top-20 {
    margin-top: 11%;
}
.ht-content.top-16 {
    margin-top: 4%;
}
.ht-text {
    /*    padding-top: 70%;*/
    /*    display: table-cell;*/
    /*    vertical-align: middle;*/
}
.ht-text h3,.ht-text h1 {
    margin-bottom: 20px;
    line-height: 1.1;
}
.ht-btn {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 3 s0px;
}
.ht-search {
    min-width: unset;
    margin-top: 20px;
}
.use-for div {
    text-align: center;
    padding-bottom: 20px;
}
.use-for div img {
    margin: auto;
}
.use-for div span {
    font-size: 15px;
}
.section-bg-l, .section-bg-r, .section-bg-n {
    padding-top: 70px;
    padding-bottom: 70px;
}
.section-bg-c *, .section-bg-l *, .section-bg-r *, .section-bg-p *, .sb-card-body *, .benefits-row-bg * {
    color: #fff;
}
.section-bg-l h3, .section-bg-r h3, .section-bg-n h3, .benefits-row-bg h3, .home-top h3,.section-bg-l h1, .section-bg-r h1, .section-bg-n h1, .benefits-row-bg h1, .home-top h1 {
    /*    text-align: center;*/
    /*    margin-bottom: 40px;*/
    margin-bottom: 20px;
}
.section-bg-l h5, .section-bg-r h5, .section-bg-n h5 {
    margin-bottom: 30px;
    line-height: 28px;
    font-size: 22px;
}
.section-bg-l {
    background: rgb(103, 178, 111);
    background: linear-gradient(90deg, rgba(103, 178, 111, 1) 0%, rgba(76, 162, 205, 1) 100%);
}
.section-bg-r {
    background: rgb(0, 92, 139);
    background: linear-gradient(90deg, rgba(0, 92, 139, 1) 0%, rgba(76, 161, 204, 1) 100%);
}
.section-bg-c {
    background-color: #016087;
}
.sb-card {
    padding: 20px;
}
.sb-card-body {
    padding: 40px;
    /*    min-height: 300px;*/
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    text-align: left;
}
.sb-card-body h4 {
    margin-bottom: 20px;
}
.sb-card-body p {
    font-size: 15px !important;
}
.sb-bottom {
    text-align: center;
    margin-top: 20px;
}
.sb-bottom .btn {
    text-align: center;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 30px;
    margin-bottom: 20px;
    margin-right: 20px;
}
.sb-bottom .btn:last-child {
    margin-right: 0;
}
.section-bg-n {
    /*    text-align: center;*/
}
.section-bg-r .sb-card-body {
    min-height: unset;
}
/*
.section-bg-l {
    text-align: center;
}
*/

/*
.vezna-bg {
    background-image: url('../images/vezni-80.jpg');
}
*/

.vezna-bg .sb-card {
    padding-top: 0;
}
.hr-sb {
    border-bottom: 1px solid #FBBE62;
    margin-top: 3px;
    margin-bottom: 7px;
    width: 195px;
    text-align: right;
    height: 5px;
    display: inline-block;
}
.sb-text-right {
    text-align: right;
}
.sb-row-l, .sb-row-r {
    background-repeat: no-repeat;
    height: 500px;
}
.sb-row-l {
    background-position: right top;
}
.sb-row-r {
    background-position: left top;
}
.sb-row-bg1 {
    background-image: url('../images/sb-row-bg-1.png');
}
.sb-row-bg2 {
    background-image: url('../images/sb-row-bg-2.png');
}
.sb-row-bg3 {
    background-image: url('../images/sb-row-bg-3.png');
}
.sb-logo {
    width: 170px;
    margin-bottom: 20px;
}
.benefits-row-bg {
    background-image: url('../images/benefits-row-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.owl-carousel.sb-carusel .owl-nav .owl-next, .owl-carousel.sb-carusel .owl-nav .owl-prev {
    margin: 0 -25px !important;
    display: table;
}
.owl-carousel.sb-carusel .owl-nav i {
    background: transparent;
    border-radius: 8px;
    color: #67b270;
    font-size: 30px;
}
/*
.owl-carousel.sb-carusel .owl-nav .owl-next i {
    border-radius: 0 50% 50% 0;
}


.owl-carousel.sb-carusel .owl-nav .owl-prev i {
    border-radius: 50% 0 0 50%;
}

.owl-carousel.sb-carusel .owl-nav:hover i {
    background: rgba(103, 178, 112, 0.5);
    color: #fff;
}
*/

.ouer-clients-bf img {
    opacity: 0.3;
    transition: opacity 0.5s ease;
}
.ouer-clients-bf img:hover {
    opacity: 1;
    transition: opacity 0.5s ease;
}
.testimonials-bf {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
    background: #fff;
    transition: all 0.5s ease-out 0s;
}
.testimonials-bf:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
/*---*/

.sb-list {
    padding-left: 50px;
}
ul.list-arrow li {
    padding-left: 16px;
}
ul.list li {
    line-height: 1.8;
}
ul.list-arrow {
    margin: 0 20px;
}
ul.list-arrow li:after {
    line-height: 1.2;
}
ul.list.autthor-li li:after {
    color: #8e8bd8 !important;
}
ul.list.lms-li li:after {
    color: #078ac1 !important;
}
ul.list.market-li li:after {
    color: #84ba3f !important;
}
/*---*/

.bottom-bg {
    margin-bottom: -60px;
    /*    margin-bottom: -5px;*/
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background: url('../images/st-bottom-bg.svg');
}
.bottom-bg2 {
    background-position: bottom;
    background-repeat: repeat-x;
    background: url('../images/st-bottom-bg2.svg');
}
.bottom-bg3 {
    height: 200px;
    margin-bottom: -5px;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: url('../images/st-bottom-bg3.svg');
}
/*flexbox*/

.flex-bf, .flex-bf-r {
    display: flex;
    align-items: center;
    padding-top: 30px;
    flex-flow: row wrap;
}
.flex-bf:first-child, .flex-bf-r:first-child {
    padding-top: 0;
}
.flex-bf-str {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
}
.flex-bf-str .blog-entry {
    height: 100%;
}
.flex-bf-card {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
}
.news-img {
    margin-bottom: 10px;
    transition: opacity .5s ease;
}
.news-img:hover {
    opacity: 0.7;
    transition: opacity .5s ease;
}
.news-text {}
.news-text h4 {
    font-size: 22px !important;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 15px;
}
/*listing changes BF start*/

.el-description {
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 14px;
}
.catalog-image span {
    display: block;
    padding-top: 20px;
}
.show-more-info {
    cursor: pointer;
}
.catalog-search {
    margin-bottom: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
    /*    background-image: url('../images/footer-bg-b.png');*/
    background-image: url('../images/search-bg-b.jpg');
    background-size: 100% 100%;
    /*
    background-image: url('../images/header-education.jpg');
    background-position: bottom center;
    background-size: cover;
*/
}
.catalog-search .cm-search-form-wrap {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
}
.catalog-search .search-input {
    height: 50px;
    line-height: 45px;
}
.catalog-search .cm-search-submit .button.btn-block {
    height: 50px;
    padding: 15px 10px;
}
/*----course top start -----*/

.course-present {
    margin-top: -72px;
    padding: 152px 0 50px 0 !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.course-sign .width-table {
    right: inherit;
    display: block;
    /*    margin-top: 20px;*/
    margin-left: auto;
    margin-right: auto;
}
.course-present .order-discount, .sticky-price .order-discount {
    color: #005F8F;
    opacity: 0.5;
}
.section-title h3 {
    font-size: 32px;
}
.cours-short-info {
    margin-top: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#course-short-info p {
    color: #363636;
}
.fix-col-what-accept div:nth-child(3n+1) {
    clear: both;
}
/*----course top end -----*/

.el-info-li {
    font-size: 14px;
}
.el-info-li .bl-ul ul {
    height: inherit;
}
.el-info-li ul.list li {
    line-height: 1.2;
    text-align: center;
}
.time_dot_span {
    padding-left: 1px;
    padding-right: 1px;
}
.el-info-li .bl-ul>ul>li i {
    top: 0 !important;
}
.btn-filter-mobile {
    display: none;
}
.bl-ul ul {
    display: flex !important;
    height: initial !important;
}
/*listing changes BF end*/

/*----LMS pod naem start----*/

.benefits-main {
    padding-bottom: 30px;
}
.benefit-title {
    /*    color: #016087;*/
    font-size: 1.9em !important;
}
.lms-request-demo {
    text-align: center;
    margin-bottom: 30px;
}
.lms-request-demo .btn {
    margin-left: 20px;
    font-size: 16px;
}
.btn-wire {
    text-align: center;
    background: none;
    border: 1px solid #818181;
    color: #818181;
    padding: 10px 30px;
    margin-bottom: 20px;
    margin-right: 20px;
}
.lms-benefits-menu {
    justify-content: center;
}
.lms-benefits-menu .btn {
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.lms-benefits-menu .btn.active, .lms-benefits-menu .btn:hover, .lms-benefits-menu .btn:active {
    background: #016087;
    border-radius: 20px;
    color: #fff;
}
.lms-benefits-menu .btn:hover b {
    color: #fff;
}
.lms-benefits-menu b {
    padding-right: 7px;
    padding-left: 5px;
    color: #005F8F70;
}
.img-1-center {
    text-align: center;
}
.img-1-center img {
    width: 50% !important;
}
/*----LMS pod naem end----*/

/*---------news start--------*/

.news-img {
    margin-bottom: 10px;
    transition: opacity .5s ease;
}
.news-img:hover {
    opacity: 0.7;
    transition: opacity .5s ease;
}
.main-news .item {
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #c7c7c7;
}
.main-news-img {
    text-align: center;
}
.main-news-date {
    position: relative;
    top: 60px;
    margin-left: -10px;
    padding: 10px 15px 10px 20px;
    background: #005f8f;
    color: white;
    font-size: 18px;
    border-right: 5px solid #77a7c2;
    width: inherit;
}
.main-news-text h4 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.main-news ul {
    margin-top: 20px;
    margin-bottom: 30px;
}
.owl-carousel.sb-carusel .owl-nav .owl-next, .owl-carousel.sb-carusel .owl-nav .owl-prev {
    margin: 0 -25px !important;
    display: table;
}
.owl-carousel.sb-carusel .owl-nav i {
    background: transparent;
    border-radius: 8px;
    color: #67b270;
    font-size: 30px;
}
.owl-dots {
    min-height: 40px !important;
}
.owl-carousel .owl-dots .owl-dot span {
    background: #ddd;
    width: 10px;
    height: 15px;
    border-radius: 5px;
}
.owl-dot.active span {
    background: #005A8C !important;
    height: 20px !important;
}
.ouer-clients-bf img {
    opacity: 0.3;
    transition: opacity 0.5s ease;
}
.ouer-clients-bf img:hover {
    opacity: 1;
    transition: opacity 0.5s ease;
}
/*---------news end--------*/

@media (max-width: 1024px) {
    .view-course-xs {
        display: block;
        width: 100%;
        text-align: right;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .view-course-xs .btn-view-course {
        width: auto;
    }
}
@media (max-width: 992px) {
    .btn-filter-mobile {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        margin-top: 40px !important;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0;
    }
    .catalog-search {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    .product-holder {
        margin-top: 20px;
    }
    .catalog-search .cm-search-form-wrap {
        width: 100%;
    }
    .cm-search-form-wrap {
        right: inherit !important;
    }
    .mb-sm-20 {
        margin-bottom: 20px !important;
    }
    .ht-img-bg {
        background-position: left;
        background-position-x: -150px;
    }
    .sb-row-l, .sb-row-r {
        background-size: 50%;
        height: auto;
        margin-bottom: 50px;
    }
    .bottom-bg2 {
        background-repeat: repeat-x;
        background-position: bottom;
    }
    .sb-card-body {
        min-height: inherit;
        /*
        padding-right: 0;
        padding-left: 0;
*/
    }
    .top-16, .top-20 {
        margin-top: 5% !important;
    }
    .ht-img-bg, .ht-img-bg2 {
        height: auto;
        padding-bottom: 20px;
    }
    .round .nav.nav-tabs li a {
        padding: 8px 10px;
    }
    .sb-row-text {
        margin-top: 70px;
    }
    .course-present {
        margin-top: inherit;
        padding: 30px 0 50px 0 !important;
    }
    .course-present .course-author, .course-present .allPrice {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .course-top-info {
        display: flex;
        align-items: center;
        flex-flow: column;
    }
    .course-sign .width-table {
        width: 180px;
        margin-top: 20px;
    }
    .cource-micons ul li a i {
        font-size: 30px;
    }
    .set-flex-mobile-right>.div-author-images {
        justify-content: center !important;
    }
    /*
    .el-info-li .bl-ul > ul > li i {
        top: 0 !important;
    }
*/
    .el-info-li .last-ul-li {
        margin-top: 20px;
    }
    .fix-col-what-accept div:nth-child(3n+1) {
        clear: none;
    }
    .fix-col-what-accept div:nth-child(2n+1) {
        clear: both;
    }
    .view-more-info {
        margin-left: 82% !important;
    }
    /*
    .catalog-price {
        position: relative;
    }
*/
    .bl-ul li span b {
        padding-right: 15px;
    }
    .catalog-price {
        margin-top: 0 !important;
    }
    .catalog-price, .div-author-images {
        width: auto !important;
    }
    .catalog-teacher {
        float: none !important;
    }
    .catalog-price.set-flex-mobile-right .div-author-images {
        float: none !important;
    }
    .custom-icon-style-top-page .lms-benefits-menu span {
        display: none;
    }
    .custom-icon-style-top-page .lms-benefits-menu a {
        width: initial !important;
        height: initial !important;
    }
    .custom-icon-style-top-page .lms-benefits-menu a b {
        padding: 0px !important;
        /*position: relative;*/
        /*right: 74%;*/
    }
    .custom-icon-style-top-page .container-fluid {
        padding: 0px !important;
    }
    .custom-icon-style-top-page.section-bg-n {
        padding: 10px 0px !important;
    }
    /*.custom-icon-style-top-page .lms-benefits-menu a:nth-child(1) b {*/
    /*position: relative;*/
    /*right: 74%;*/
    /*}*/
    .lms-benefits-menu a {
        text-align: left;
        width: 300px;
    }
    .lms-benefits-menu .btn {
        margin-right: 15px;
    }
    .lms-benefits-menu b {
        color: #005F8F;
        padding: 15px;
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .sb-text-right {
        text-align: center;
        margin-bottom: 30px;
    }
    .sb-row-l, .sb-row-r {
        background-size: 60%;
        height: auto;
        margin-bottom: 30px;
    }
    .sb-row-r {
        background-position: right top;
    }
    .sb-row-bg2 {
        background-image: url('../images/sb-row-bg-2-2.png');
    }
    .flex-bf-r {
        flex-direction: column-reverse;
    }
    .sb-row-text {
        margin-top: -70px;
    }
    .view-more-info {
        display: block !important;
        position: absolute !important;
        bottom: 32px !important;
        right: 20px !important;
        margin-left: unset !important;
    }
    .set-flex-mobile {
        padding: 0px 2px 50px 2px !important;
    }
    .catalog-price .div-author-images {
        width: auto;
        justify-content: flex-start !important;
        margin-bottom: 20px;
        text-align: left;
        /*        display: none;*/
    }
    .bl-ul ul {
        display: inherit !important;
    }
    .bl-ul li span {
        border-right: none;
    }
    .el-info-li ul.list li {
        line-height: 1.5;
        text-align: left !important;
        font-size: 16px;
        padding-left: 30px !important;
    }
    .catalog-image {
        margin-left: auto;
        margin-right: auto;
    }
    .catalog-price.show {
        display: flex !important;
        /*
        margin-right: auto;
        margin-left: auto;
*/
        width: 38%;
    }
    .catalog-price.show .catalog-teacher {
        width: auto;
        /*        padding-top: 9px;*/
    }
    .catalog-price.show, .el-info-li {
        margin-top: 20px !important;
    }
    .el-info-li {
        width: 60%;
    }
    .catalog-search .cm-search-form-wrap {
        width: 100% !important;
    }
    .sb-bottom .btn {
        margin-right: 0;
    }
    .section-bg-l h3, .section-bg-r h3, .section-bg-n h3 {
        margin-bottom: 10px;
    }
    .catalog-image .course-rating {
        float: none !important;
    }
    .view-course-xs {
        text-align: center;
        margin-bottom: 0;
    }
    .view-course-xs .btn-view-course {
        width: 75%;
    }
    .img-1-center img {
        width: 100% !important;
    }
}
/*-------------static pages THEME end-------------*/

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

.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}
body {
    font-size: 15px;
    overflow-x: hidden;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 28px;
    line-height: 1.5;
}
.sb-logo {
    width: 45%;
}
#marketingPage p {
    font-size: 16px;
    line-height: 1.6;
}
/*
.flex-bf,
.flex-bf-r {
    padding-bottom: 120px;
}
*/

@media (min-width: 2048px) {
    .container-fluid {
        padding-right: 250px;
        padding-left: 250px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 768px) and (max-width: 1336px) {
    .img-100 {
        width: 120%;
    }
    .main-news .img-100 {
        width: 100%;
    }
    .flex-bf .img-100 {
        margin-left: -15%;
    }
    h4 {
        font-size: 24px !important;
        line-height: 1.5 !important;
    }
}
@media (max-width: 991px) {
    .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }
    .section-bg-l, .section-bg-r, .section-bg-n {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .bottom-bg {
        padding-bottom: 70px !important;
    }
    .flex-bf-str .col-md-6 {
        margin-bottom: 40px;
    }
    .footer-bg-t {
        height: 50px;
    }
    .main-text .col-md-3 {
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .slide-text {
        /*        width: 50%;*/
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-right: 30px;
        /*
        width: 50%;
        margin-left: 24%;
*/
    }
    .sb-list li {
        display: inline-block;
        /* float: left; */
    }
    .ver-slider-dots {
        right: 20px;
    }
    #ver-slider .ver-slide {
        /*        background-size: contain;*/
        background: none;
    }
    .mob-hide {
        display: none;
    }
    .c-text {
        /*        padding-bottom: 30px;*/
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .c-text .pull-left, .c-text .footer-social {
        display: block;
        clear: both !important;
        text-align: center;
        width: 100%;
    }
    .footer-social {
        display: none !important;
    }
    .el-info-li ul ul li {
        text-align: center;
    }
    .benefits-row-bg {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    /*
    .el-info-li .bl-ul > ul {
        height: 50px !important;
    }
*/
}
@media (max-width: 767px) {
    /*
    .container-fluid {
        padding-right: 10%;
        padding-left: 10%;
        margin-right: auto;
        margin-left: auto;
    }
*/
    .benefits-row-bg {
        padding-bottom: 150px;
        background-size: cover !important;
        background-position: right;
    }
    .c-text {
        padding-left: 100px;
        padding-right: 100px;
    }
    .benefit-title {
        text-align: center;
        font-size: 1.6em;
        line-height: 1.2em !important;
    }
}
.menu-list-items {
    background: rgba(255, 255, 255, 0.95) !important;
}
.section-carousel-arrows {
    margin-top: 30px;
}
.section-carousel-arrows .carousel-style .owl-nav {
    opacity: 0;
    transition: all 0.3s ease;
}
.section-carousel-arrows:hover .carousel-style .owl-nav {
    opacity: 1;
    transition: all 0.3s ease;
}
.carousel-style i {
    position: relative;
    margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.carousel-style .item {
    margin: 20px 0px;
}
.carousel-style .item img:first-child {
    margin-bottom: 20px;
}
.carousel-style i:before {
    font-size: 60px;
    top: 10px;
    position: relative;
}
.carousel-style .fa-angle-left {
    width: 60px !important;
    height: 60px !important;
    position: relative;
    left: 50px;
    background: gray !important;
    border-radius: 25px !important;
    opacity: 0.5;
}
.carousel-style .fa-angle-right {
    width: 60px !important;
    height: 60px !important;
    position: relative;
    right: 50px;
    background: gray !important;
    border-radius: 25px !important;
    opacity: 0.5;
}
.carousel-style .fa-angle-right:hover {
    opacity: 1 !important;
}
.carousel-style .fa-angle-left:hover {
    opacity: 1 !important;
}
.carousel-style .fa-angle-right:before {
    left: 3px !important;
}
.carousel-style .fa-angle-left:before {
    right: 0px !important;
}
.img-first-left img {
    position: relative;
    left: 40px;
}
.img-three-right img {
    position: relative;
    right: 40px;
}
.img-mid {
    z-index: 998;
}
.img-mid {
    position: relative;
    bottom: 30px;
}
.cart-price-style {
    padding: 0px !important;
    border-top: 0px inset !important;
}
.pricing-top {
    padding: 10px !important;
    border-radius: 8px 8px 1px 1px !important;
}
/*.text-title-p {*/
    /*margin-bottom: 0px !important;*/
    /*text-align: center;*/
    /*color: white;*/
/*}*/
.pricing-table.active {
    margin-top: 0px !important;
    min-height: 620px;
}
/*.spec-box-title-1 {*/
    /*background: #0f6288*/
/*}*/
.price-content {
    padding: 10px;
}



.cart-price-style .price-content {
    padding: 0px !important;
}
.li-price-2 {
    text-align: center;
    padding: 12px;
    color: #8b8c8e;
    border-bottom: 1px solid #b2b4b6;
}
.b-b-0 {
    border-bottom: 0px !important;
}
.padding-col-5 {
    padding: 0px 5px !important;
}
.li-price-2-text {
    text-align: center;
    display: grid;
    padding: 4px 20px;
    color: #8b8c8e;
    /*border-bottom: 1px solid #b2b4b6;*/
}
.li-price-2-text span:first-child {
    position: relative;
    top: 8px;
}
.li-price-2-text span:nth-child(2) {
    font-size: 11px;
}
.price-box-active {
    position: relative;
    bottom: 18px;
}
.price-box-active .pricing-top {
    height: 62px;
}
.price-box-active .price-content ul li:nth-child(3) {
    padding-bottom: 30px !important;
}
.price-box-active .text-title-p {
    position: relative;
    top: 15px;
    font-size: 20px;
}
/*
#price .col-md-2 {
    width: 12.5% !important;
    height: 270px;
}
*/

.asc-price-box ul li:nth-child(2) {
    height: 143px;
}
.asc-price-box ul li:nth-child(2) span {
    color: #474d54;
    padding-top: 20px;
}
.price-box-active span {
    color: #148bc1 !important;
}
/*#price > div:nth-child(1) .spec-box-title-1 {*/

/*background: #9acde4;*/

/*}*/

/*#price div:nth-child(2) .spec-box-title-1 {*/

/*background: #78bcdb;*/

/*}*/

/*#price div:nth-child(3) .spec-box-title-1 {*/

/*background: #57acd2;*/

/*}*/

/*#price div:nth-child(4) .spec-box-title-1 {*/

/*background: #359bc9;*/

/*}*/

/*#price div:nth-child(5) .spec-box-title-1 {*/

/*background: #148bc1;*/

/*}*/

/*#price div:nth-child(6) .spec-box-title-1 {*/

/*background: #1177a4;*/

/*}*/

/*#price div:nth-child(7) .spec-box-title-1 {*/

/*background: #0f6288;*/

/*}*/

/*#price div:nth-child(8) .spec-box-title-1 {*/

/*background: #0b4f6e;*/

/*}*/

.material-switch>input[type="checkbox"] {
    display: none;
}
.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}
.material-switch>label::before {
    background: #148bc1;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 30px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch>label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: 23px;
    margin-top: -1px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch>input[type="checkbox"]:checked+label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch>input[type="checkbox"]:checked+label::after {
    background: inherit;
    left: 73px;
}
.radio-style:before {
    width: 80px !important;
}
.radio-style {
    position: relative;
    bottom: 8px;
}
.section-button-radio {
    margin-top: 50px !important;
}
/*
#price {
    margin-top: 80px !important;
    margin-bottom: 100px;
    display: flex;
    margin-left: 170px;
    margin-right: 170px;
}
*/

#price {
    margin-top: 40px !important;
    margin-bottom: 100px;
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.flex-price {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
}
.price-table {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 138px;
    max-width: 18%;
}
#price .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
    position:relative;
}
.header-row {
    text-align: left !important;
    background-color: #f9f9f9;
}
.header-row span {
    font-size: 18px;
}
.table-feature tbody tr td:first-child {
    text-align: left;
    padding-left: 10px;
}
.price-month {
    display: none;
}
.check-feature {
    color: #6AC259;
    font-size: 22px !important;
}
.price-box-active .list-unstyled .li-price-1.b-b-0 {
    height: 110px !important;
}
/*------------- about us start ------------------*/

.about-top img {
    margin-left: auto;
    margin-right: auto;
}
.about-row-bg * {
    color: #fff;
}
.about-row-bg-t {
    height: 150px;
    background-image: url('../images/about-row-bg-top.png');
    background-size: 100% 100%;
}
.about-row {
    padding-bottom: 0;
}
.about-row-bg {
    padding-bottom: 60px;
    background-image: url('../images/about-row-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.modul-card {
    cursor: pointer;
}
/*

.modul-card .blog-entry {
    height: 300px;
}
*/

.modul-img {
    text-align: center;
    padding-bottom: 20px;
}
.modul-img img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.moduls-info {
    margin-top: 50px !important;
}
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */

.flip-card {
    background-color: transparent;
    /*  width: 300px;*/
    height: 300px;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}
/* This container is needed to position the front and back side */

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-card:hover .flip-card-inner {
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* Position the front and back side */

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}
.flip-card .blog-entry {
    height: 100%;
}
/* Style the front side (fallback if image is missing) */

.flip-card-front .blog-detail {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.flip-card-front .modul-img {
    margin: auto;
}
/* Style the back side */

.flip-card-back {
    /*  background-color: dodgerblue;*/
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-card-back .blog-entry .blog-detail {
    height: 100%;
}
.flip-card-front .blog-entry {
    border-bottom: 30px solid;
}
.modul-author .flip-card-front .blog-entry {
    border-bottom-color: rgba(142, 139, 216, 0.15);
}
.modul-lms .flip-card-front .blog-entry {
    border-bottom-color: rgba(0, 90, 140, 0.15);
}
.modul-catalog .flip-card-front .blog-entry {
    border-bottom-color: rgba(20, 139, 193, 0.15);
}
.modul-market .flip-card-front .blog-entry {
    border-bottom-color: rgba(132, 186, 63, 0.15);
}
.modul-portfolio .flip-card-front .blog-entry {
    border-bottom-color: rgba(215, 181, 109, 0.15);
}
.modul-magazine .flip-card-front .blog-entry {
    border-bottom-color: rgba(229, 86, 12, 0.15);
}
.team-row-bg {
    background-image: url('../images/team-bg.png');
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.team-flag {
    position: relative;
    bottom: 0;
}
.team-members-t .section-bg-r {
    text-align: center;
}
.team-members-t .section-bg-r h3 {
    margin-bottom: 10px;
}
.members {
    padding-top: 50px;
}
.members .flex-bf {
    padding-bottom: 0;
}
.member-img {
    text-align: center;
}
.member-img img {
    width: 100px;
    margin-bottom: 10px;
}
.member-info {
    font-size: 14px;
}
.history-sect {
    margin-top: 40px;
}
.history-head {
    /*    padding-bottom: 50px;*/
    text-align: center;
}
.blog .timeline li:hover .timeline-badge {
    background: #005F8F;
    border-color: #005F8F;
    color: #fff !important;
    transition: all 0.5s ease;
}
.blog .timeline li:hover .timeline-panel::before {
    border-left-color: #005F8F;
    border-right-color: #005F8F;
    transition: all 0.5s ease;
}
.blog .timeline li:hover .timeline-panel {
    border-color: #005F8F;
    transition: all 0.5s ease;
}
.history-sect .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
    left: -96px;
}
.history-sect .blog .timeline>li>.timeline-badge {
    width: 100px;
    height: 100px;
    padding-top: 22px;
    line-height: 20px;
    top: 0;
    color: #337ab7;
    cursor: default;
    transition: all 0.5s ease;
}
.history-sect .blog .timeline>li>.timeline-badge:hover {
    color: #fff;
    transition: all 0.5s ease;
}
.history-sect .blog .timeline li .blog-entry .entry-image img {
    opacity: 0.5;
    transition: all 0.5s ease;
}
.history-sect .blog .timeline li:hover .blog-entry .entry-image img {
    opacity: 1;
    transition: all 0.5s ease;
}
.section-bg-l, .section-bg-r, .section-bg-n {
    padding-top: 50px;
    padding-bottom: 50px;
}
.p-fs-14 p {
    font-size: 14px !important;
}
.fix-icons-i-modal:before {
    font-size: 28px !important;
    top: 0px !important;
}
.portfolio-item a.popup:hover {
    background: #005F8F !important;
}
/*.portfolio-item a.popup i {*/
    /*color: #626262;*/
/*}*/
/*.section-img-modal {*/

/*margin-bottom: 200px;*/

/*}*/

.drop-new {
    left: -190px;
    min-width: 220px;
}
.drop-new .menu-item:hover a {
    border-left: 2px solid #008dc2;
}
.icon-landScape {
    position: relative;
    top: 3px;
    transform: rotate(90deg);
}
.icons-fs-22 i {
    font-size: 22px !important;
}
h3 {
    line-height: 37px !important;
}
/*#marketingPage h3 {*/

/*line-height: 37px !important;*/

/*}*/

.lms-benefits-menu .active b {
    color: white !important;
}
.lms-benefits-menu .active b i:before {
    color: white !important;
}
.section-tab-image .tab-content {
    margin: auto;
    width: max-content;
}
.fix-height-images {
    height: 500px;
}
/*------------------------- container-fluid changes -----------------------*/

.section-img-modal .portfolio-item:hover a.popup, .section-bg-n .portfolio-item:hover a.popup {
    transform: rotate(-45deg) !important;
}
#cookieNotice {
    background: #47aeaa !important;
}
/*----------- tooltip white start -------------*/

.btn-tooltip-style {
    color: #005a8c !important;
    border: initial !important;
    background: initial !important;
    font-size: 15px;
    padding-left: 0px;
}
/*
.style-tooltip-custom .tooltip-inner {
    background-color: white !important;
    color: #005a8c;
    text-align: left;
}

.style-tooltip-custom .tooltip-arrow {
    border-right-color: white !important;
}
*/

.tooltip.top .tooltip-inner, .tooltip.right .tooltip-inner, .tooltip.bottom .tooltip-inner, .tooltip.left .tooltip-inner {
    background-color: #fafafa !important;
    color: #005a8c;
    text-align: left;
    padding: 15px 15px 15px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.tooltip.top .tooltip-arrow {
    border-top-color: #fafafa !important;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #fafafa !important;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fafafa !important;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #fafafa !important;
}
/*----------- tooltip white end -------------*/

.qmark {
    font-size: 12px;
    color: #005f8f;
    padding-left: 5px;
}
.fixed-height-gallery {
    height: auto !important;
}
.style-general-conditions h1, .style-general-conditions h2, .style-general-conditions h3, .style-general-conditions h4, .style-general-conditions h5, .style-general-conditions h6 {
    color: #005F8F;
    margin-top: 20px;
}
.style-general-conditions strong {
    font-weight: inherit !important;
}
.style-general-conditions thead {
    background: #8080804f
}
.style-general-conditions ul {
    margin-left: 20px !important;
}
.style-general-conditions h1 strong {
    font-weight: 400 !important;
}
.style-general-conditions h3 {
    font-size: 28px !important;
}
.style-general-conditions h1 {
    font-weight: 600;
}
.remember-checkbox label:before {
    border: 2px solid #005F8F !important;
}
#condition-1+label:before, #condition-1+label:after {
    color: #005F8F;
}
#condition-2+label:before, #condition-2+label:after {
    color: #005F8F;
}
#democourse .modal-dialog {
    width: 72%;
    margin: 20px auto;
}
#democourse .modal-header {
    padding: 15px 30px 10px 30px;
    font-size: 18px;
}
.set-fix-height-10-rows .owl-stage-outer .item .news-text>p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-language-icon {
    position: relative;
    right: 25px;
    top: 5px;
    color: #005F8F !important;
}
.modal-header, .modal-footer {
    border-bottom: initial !important;
}
.modal-footer {
    text-align: left !important;
    border-top: initial !important;
}
.bg-first-section-landing {
    background-image: url(../images/Contipso_LMS_Landing_hands_compu.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    /*padding-bottom: 50px;*/
    /*min-height: 900px;*/
    /*position: absolute;*/
}
.container-b-wave {
    background-image: url(../images/LMS_Landing_081220-05.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 950px;
}
.container-b-wave {
    width: 100% !important;
}
.img-logo-landing {
    display: block;
    margin: auto;
}
.conteinter-page-landing {
    /*display: flex;*/
    height: 100%;
    /*min-height: 800px;*/
    background: #dff4fd;
}
.text-first-p-landing {
    text-align: center;
    font-size: 22px;
}
.text-first-p-landing span:first-child {
    text-align: center;
    font-size: 22px;
    color: white;
    /*font-weight: bold;*/
}
.text-first-p-landing {
    margin: 20px 50px;
}
.text-first-p-landing span:nth-child(2) {
    color: white;
}
.p-text-position-landing {
    padding-bottom: 30px !important;
}
.text-landing {
    color: white;
}
.conteinter-page-landing-second {
    background: #dff4fd;
    height: 100%;
    min-height: 600px;
    /*margin-top: 100px;*/
    /*padding-top: 100px;*/
}
.p-2-section {
    text-align: center;
    font-size: 22px;
    color: #636363;
}
.square-1 {
    display: block;
    box-shadow: 1px 1px 3px 1px;
    background: #f6f6f6;
    height: 70px;
    width: 70px;
}
.square-1-effect, .square-2-effect, .square-3-effect {
    /*display: none;*/
    top: 50px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
    border-radius: 10px !important;
    background: white;
}
.start-square-effect {
    height: 500px;
}
.circle-1 {
    border-radius: 100px;
    display: none;
    height: 70px;
    width: 70px;
    background: #09b6ff;
    z-index: 99;
    position: absolute;
}
.square-1-effect {
    left: 0%;
}
.square-2-effect {
    left: 50%;
}
.square-3-effect, .circle-1-effect {
    left: 100%;
}
.position-on-wave {
    /*margin-top: 400px;*/
}
.position-on-wave>.flex-bf {
    /*position: relative;*/
    /*bottom: 400px;*/
}
.b-400-r {
    position: relative;
    bottom: 400px;
}
.container-img-80 .img-responsive {
    width: 70%;
    margin: auto;
}
.b-200-r {
    position: relative;
    bottom: 200px;
}
.fix-height {
    height: 800px;
}
.t-200-r {
    position: relative;
    top: 200px;
}
.mr-0-isotope .owl-item {
    margin-right: 10px !important;
}
.section-end-b {
    background-image: url(../images/vylna_2_desktop.svg);
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    /* height: 100%; */
    min-height: 600px;
}
.custom-button-business {
    background: #0ab6ff !important;
    border: 2px solid #0ab6ff !important;
    font-size: 16px;
    padding: 10px 25px;
    margin-top: 20px;
    border-radius: 100px;
    text-transform: initial !important;
    letter-spacing: 0px;
}
.custom-text-span-business {
    color: black;
    font-weight: 400;
}
/*.footer-business {*/

/*background-image: url(../images/vylna_3_footer.svg);*/

/*background-repeat: no-repeat;*/

/*height: 100%;*/

/*background-size: cover;*/

/*!* height: 100%; *!*/

/*min-height: 600px;*/

/*margin-top: 300px;*/

/*}*/

.img-first-on-section {
    width: 100% !important;
    position: relative;
    bottom: -2px;
}
.w-100Percent {
    width: 100% !important;
}
/*.twoCols-equal {*/

/*column-count: 2;*/

/*-moz-column-count: 2;*/

/*-webkit-column-count: 2;*/

/*}*/

.vmr-style-li {
    font-size: 20px;
    color: white;
}
.style-form-vmr input {
    width: 60%;
}
.style-form-vmr input, .style-form-vmr label {
    float: left;
}
.style-form-vmr label {
    margin-right: 20px;
    margin-top: 10px
}
.style-form-vmr a {
    float: right;
}
.style-form-vmr button {
    padding: 10px !important;
}
.footer-business a {
    /*font-size: 20px !important;*/
    color: #323232 !important;
    position: relative;
    bottom: 3px;
}
/*.footer-business .footer-social {*/

/*position: relative;*/

/*top:10px*/

/*}*/

.footer-business {
    padding: 20px 150px !important;
    background-color: #DFF4FD !important;
}
.footer-business img {
    width: 100% !important;
}
.footer-business {
    margin-top: 100px;
}
.footer-business .news-line-xs-footer {
    width: 10% !important;
}
.img-logo-landing {
    width: 50% !important;
}
.img-70-width {
    width: 70% !important;
    margin: auto;
}
.footer-business-icons i {
    font-size: 28px;
    margin-right: 10px;
    color: #078ac1 !important;
}
/*.bg-second-section-landing {*/

/*top: 30px;*/

/*position: relative;*/

/*}*/

.alert-custom-business {
    color: white;
    background-color: #0ab6ff;
    border-color: #0ab6ff;
    margin-top: 80px;
}
.min-height-custom-section {
    min-height: 600px !important;
}
.alert-custom-business-demo {
    color: white;
    background-color: #0ab6ff;
    border-color: #0ab6ff;
    margin-top: 40px;
}
.animation-business-effect-div {
    left: 30px;
    height: 100px;
    margin-top: 30px;
    position: relative;
}
.custom-text-em-business {
    font-size: 1.6em !important;
}
.custom-style-p-business-c {
    font-size: initial;
}
.f-l-100 {
    font-weight: 100;
}
.portfolio-item a.popup:hover .fix-icons-i-modal {
    color: white !important;
}
.p-2-section {
    font-weight: 100 !important;
}
.f-w-600 {
    font-weight: 600;
}
.fs-14 {
    font-size: 14px !important;
}
.img-custom-vks {
    margin: auto;
    max-width: 50% !important;
}
.alert-custom-vks {
    color: white;
    background-color: #0ab6ff;
    border-color: #0ab6ff;
    margin-top: 40px;
}
.custom-login-btn-google {
    width: 100% !important;
}
.custom-login-btn-google button {
    float: right;
    width: 100%;
    padding: 15px;
}
.custom-login-btn-google .button-custom-google {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 15px;
}
.button-custom-google b {
    float: left;
}
.button-custom-google span {
    top: 3px;
    position: relative;
}
.button-custom-google {
    padding: 10px 15px;
    border: 1px solid #757575 !important;
    background-color: #fff !important;
    color: #757575 !important;
}
.reverse-div-lms {
    display: flex;
    flex-direction: column-reverse;
    width: 100% !important;
    position: relative;
    bottom: 20px;
}
.col-forgot-password-lms a {
    float: left !important;
}
.mb-0-lms-section {
    margin-bottom: 0px !important;
}
.button-custom-google:hover svg path:not([fill="none"]) {
    fill: white !important;
}
.up-letter::first-letter {
    text-transform: uppercase;
}
.custom-organization-style {
    background: initial !important;
}
.custom-organization-style .login-signup.page-section-ptb {
    background: initial !important;
}
.text-language-login {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: right;
    position: relative;
    top: 6px;
}
.custom-select-language {
    background-color: #f6f7f8;
    border-radius: 3px;
    border: solid 1px #f6f7f8;
    box-sizing: border-box;
    /* clear: both; */
    cursor: pointer;
    /* display: block; */
    float: right;
    font-family: inherit;
    font-size: 16px !important;
    font-weight: normal;
    height: 40px;
    line-height: 47px;
}
.custom-select-language {
    /*border-color: #d0dae5;*/
    border: 0px !important;
    background: initial !important;
}
.custom-select-language.open, .custom-select-language:focus {
    border-color: #d0dae5 !important;
}
.custom-select-language {
    min-width: 140px;
    max-width: 105px;
    padding-right: 0px !important;
    left: 18px;
}
.custom-organization-style .rebranding-container-right {
    padding: 0px !important;
    margin: 0px !important;
    width: 40% !important;
    margin-left: 60% !important;
}
.custom-organization-style .container-rebranding-custom-100 {
    margin: 0px !important;
    width: 100% !important;
    padding: 0px !important;
}
.custom-organization-style .container-rebranding-custom-100 .tab-pane {
    width: 100% !important;
}
.custom-organization-style .login-box-02 {
    background: white !important;
    padding: 30px 50px !important;
}
.custom-organization-style .page-section-ptb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.section-rebranding-logo-form-login {
    background: initial !important;
}
.custom-organization-style .login-box-02 input {
    padding: 20px !important;
}
.custom-organization-style .login-box-02 .unmask {
    bottom: 42px !important;
}
.section-rebranding-logo-form-login {
    display: none;
}
.custom-organization-style .section-rebranding-logo-form-login {
    display: block !important;
}
.custom-organization-style .section-rebranding-login-custom {
    margin-top: 35px;
}
.custom-organization-style .tab-content {
    padding: 0px !important;
    margin: 0px !important;
}
.custom-organization-style .rebranding-custom-section-image {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 50% !important;
    height: 91vh !important;
    float: left !important;
    background-position: center !important;
}
.custom-organization-style #logo_img {
    max-width: 50% !important;
}
.custom-organization-style .nice-select:after {
    height: 8px !important;
    font-size: 14px !important;
    width: 8px !important;
    top: 40% !important;
    color: #4d4d4d !important;
}
.custom-organization-style .section-rebranding-logo-form-login {
    display: block !important;
}
.custom-organization-style #logo_img {
    max-height: 200px;
}
.custom-organization-style .fa-eye-slash, .fa-eye {
    color: #c1c1c1;
}
.custom-select-language span {
    color: #4D4D4D !important;
}
.custom-organization-style .custom-select-language {
    position: relative;
    bottom: 15px;
}
.custom-rebranding-section-left {
    display: block;
    width: 60%;
    float: left;
    height: 100vh !important;
}
.custom-rebranding-section-left>div {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
}
.custom-organization-style .login-box-02 {
    border: initial !important;
}
.custom-logo-business img {
    width: 60%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;
}
.custom-logo-width {
    width: 16.6667%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    height: 85px;
}
.custom-line-logo {
    background: #005A8C;
    color: white;
}
.text-custom-logo {
    height: 100px;
    text-align: center;
}
.text-custom-logo>div {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 17% !important;
    font-size: 15px;
}
.hide-logo-module {
    display: none !important;
}
.div-logo-color .custom-logo-width {
    width: 20%;
}
.div-logo-color {
    height: 140px;
    width: 100%;
}
.div-logo-color img {
    width: 56% !important;
    left: 22%;
}
.forgot-password-style {
    color: #333 !important;
}
.order-status-link-white {
    color: white !important;
}
.custom-logo-euroins img {
    width: 66% !important;
    left: 18% !important;
}

.li-price-0 {
    text-align: center;
    border-bottom: 1px solid #b2b4b6;
    padding: 15px;
    height: 20px;
}
.fs-p-12 {
    font-size: 12px !important;
}
.color-p-title {
    color: #007eb8;
}

.text-price-content .tooltip.top .tooltip-inner {
    background-color: #078AC1 !important;
    color: white !important;
    text-align: center !important;
    padding: 10px !important;
    box-shadow: initial !important;
    width: 314px;
    min-width: 240px;
}
.text-price-content .tooltip.top .tooltip-arrow {
    border-top-color: #078AC1 !important;
}
.li-price-1 a {
    margin-bottom: 10px !important;
}
.p-10 {
    padding: 10px !important;
}
.small-letter-first {
    text-transform: lowercase;
}

.hover-a-li:hover {
    color: #078AC1 !important;
}
.custom-container-price {
    width: 970px;
}
.hover-a-li, .color-p-title, .span-color-sign {
    font-weight: bold;
}
/*.hover-a-li {*/

/*color: #007eb8 !important;*/

/*}*/

.reorder-words-en {
    display: inline-flex;
}
.reorder-words-en span:first-child {
    order: 2;
}
.reorder-words-en span:nth-child(2) {
    padding-right: 5px;
}
.text-price-content {
    display: block;
    width: 100%;
}
#marketingPage .col-md-6 .img-100, #benefits-all .col-md-6 .img-100 {
    min-height: 400px
}
.set-fix-height-10-rows .owl-carousel .owl-item img {
    min-height: 240px;
}
#marketingPage .use-for .img-100 {
    min-height: 120px;
}
#home-top .ht-content img {
    min-height: 200px !important;
}
.ripple:before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: url(image/404-1.jpg);*/
}
.error-07 h1 {
    font-size: 200px;
    line-height: 200px;
}
.error-07 h2 {
    font-size: 40px;
    line-height: 40px;
}

.custom-organization-style #signup input {
    padding: 10px !important;
}

.custom-organization-style #signup .unmask {
    bottom: 30px !important;
}

.custom-organization-style .password-register-row .section-field  {
    margin-bottom: 0px !important;
}

.custom-organization-style #signup .language-change-register {
    display: block !important;
}

.custom-organization-style #signup .section-rebranding-logo-form-login {
    margin-bottom: 20px !important;
}

.custom-organization-style #signup .register-button-custom-style {
    width: 100%;
    padding: 0px !important;
}

.change-div-login,.change-div-register {
    cursor: pointer;
}

.catalog-course .catalog-image {
    min-height: 160px;
}

.course-sticky {
    width: 100% !important;
}

#settings-block-modal .modal-header {
    padding: 15px 20px !important;
}

#settings-block-modal.modal .modal-header .close {
    top: 3px;
    font-size: 24px !important;
}

#settings-block-modal,#settings-block-modal .select2-selection__rendered {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.mega-menu.desktopTopFixed .menu-list-items {
    max-width: 100%;
    padding: 0px 10px;
    background: #323232;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.catalog-search {
    margin-bottom: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
    /*    background-image: url('../images/footer-bg-b.png');*/
    background-image: url('/catalog/images/search-bg-b.jpg');
    background-size: 100% 100%;
}

.btn-view-course {
    display: inline
}

.long-name-type-course {
    width: 107px !important;
    left: -43px !important;
}

.custom-country-select .select2-container {
    width: 100% !important;
}

.custom-country-select .select2-selection__rendered {
    position: relative;
    top: 4px;
    padding-left: 20px !important;
}

.custom-country-select .select2-selection__arrow {
    top: 6px !important;
}

.custom-country-select .select2-selection {
    height: 40px !important;
}






/*start menu new*/
.menu-lms-custom .menu-bar {
    float: left;
}

.menu-lms-custom .lms-custom-button-right {
    float: right;
    margin-top: 20px;
}

.menu-lms-custom .container-fluid.fix-padding-tablet-icons {
    padding: 0px 120px !important;
}

.menu-lms-custom .menu-list-items {
    background: #00042B !important;
}

#navbarSupportedContent li a {
    color: white !important;
    font-size: 16px !important;
}

#navbarSupportedContent li a:hover,#navbarSupportedContent li a:active {
    color: #0CAAF1 !important;
}

.menu-lms-custom #logo_img {
    width: 70%;
    position: relative;
    left: 30px;
    bottom: 3px;
}

.custom-try-now-button {
    border: 1px solid white !important;
    background: initial !important;
    border-radius: 20px !important;
    padding: 6px 12px !important;
    overflow:hidden;
}

.custom-demo-button,.custom-button-lms {
    background-image: linear-gradient(to bottom, #F4A83E 35%, #FC676E 100%, #F4A83E 100%) !important;
    border: 0px !important;
    border-radius: 20px !important;
    padding: 7px 13px !important;
    margin-left: 0px !important;
    overflow:hidden;
}

.h1-custom-title {
    font-size: var(--title-font-size) !important;
    line-height: var(--title-line-height) !important;
    padding-top: 10px !important;
    color: white !important;
    margin-bottom: 20px !important;
}


/*.btn::after, .btn::before {*/
    /*background: initial !important;*/
/*}*/

.logo-image-section {
    max-width: 200px;
    /*float: left;*/
    margin-right: 20px;
}



.custom-p-style {
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center;
    color: #3A4258 !important;
}

.h3-custom-section-index {
    line-height: 22px !important;
    height: 50px;
    margin-bottom: 20px;
    font-size: 24px !important;
}

.background-image-section {
    background-image: url('/images/new-front/boux-background-on.svg'), url("/images/new-front/image-new-baux.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 652px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.menu-new-custom .nav>li>a:focus,.menu-new-custom .nav>li>a:hover {
    background: initial !important;
}

.section-text-white h2,.section-text-white p,.section-text-white h3 {
    color: white !important;
}


.section-title .bar {
    background: #B6E4FA !important;
}

.section-title .bar::before,.custom-bar-blue::before,.section-title .custom-bar-blue::before,#bar-custom .custom-bar-blue::before {
    background: #0CAAF1 !important;
    display: none !important;
}

.custom-bar-blue,#bar-custom {
    background: #B6E4FA !important;
}




.section-middle-p {
    max-width: 800px !important;
    line-height: 20px !important;
}

.l-h-17 {
    line-height: 17px;
}

.text-section-4 {
    line-height: 19px !important;
    margin-top: 30px !important;
    font-size: 16px !important;
}

.section-5-left {
    position: relative;
    bottom: 65px;
}

#header {
    z-index: 99999999 !important;
}

.slick-custom-arrow {
    border: initial !important;
    background-image: linear-gradient(to bottom, #F4A83E 35%, #FC676E 100%, #F4A83E 100%) !important;
}

.slick-custom-arrow svg {
    color: white !important;
}

.logo-top-10 {
    position: relative;
    top: 10px;
}

.single-ml-services-box::before {
    background: #0c5b90 !important;
}

.button-see-course {
    width: 42% !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    margin-bottom: 5px !important;
    background-image: unset !important;
    color: #00042B !important;
    border-color: #00042B !important;
    border: 1px solid !important;
}

.price-text-section {
    position: absolute;
    right: 0;
    top: 30px;
    /* text-align: revert; */
    float: right;
    background: #6ecef8;
    color: white;
    padding: 3px 7px;
}

.background-cart-course {
    background: #EAF4FF;
}

.check-right {
    width: 4%;
    float: left;
    margin-right: 10px;
    position: relative;
    bottom: 4px;
}

.single-footer-widget li {
    padding-left: 0px !important;
}

#lookademo {
    z-index: 999999999;
}

.modal-header {
    display: block !important;
}

.custom-demo-button::after, .custom-demo-button::before,.custom-try-now-button::after, .custom-try-now-button::before,.custom-button-lms::after,.custom-button-lms:before {
    background: #0CAAF1 !important;
    /*border-radius: 20px !important;*/
}

.custom-demo-button::before,.custom-try-now-button::before,.custom-button-lms:before {
     border-top-right-radius: 20px !important;
     border-bottom-right-radius: 20px !important;
}

.custom-demo-button::after,.custom-try-now-button::after,.custom-button-lms:after {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

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

.startp-nav nav .others-option .btn.btn-primary {
     background: #0c5b90;
     -webkit-box-shadow: initial !important;
     box-shadow: initial !important;
}

/*.single-ml-services-box {*/
    /*z-index: initial !important;*/
/*}*/

.blog-image {
    z-index: 99;
}

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

.section-index-bottom {
    /*background: #00042a;*/
    position: relative;
    bottom: 110px;
}

.section-deep-backround {
    background-image: url(/images/new-front/background-section-4.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /*min-height: 870px;*/
}
.section-background-sharp {
    width: 100%;
    height: 180px;
    position: relative;
    padding: 0 !important;
}
.section-background-sharp img {
    position: absolute;
    z-index: 1;
    top:0px;
    left:0px;
}

.accordion-section-feature{
    position:relative;
}

.custom-box-section {
    color: #aeb6cb;
    border: 1px solid #aeb6cb;
    padding: 5px 8px;
    line-height: 15px;
    height: 55px;
    margin-bottom: 20px;
}
.custom-box-section:hover {
    cursor:pointer;
}

.custom-image-effect {
    width: 48%;
    position: absolute;
    top: 16px;
    right: 0px;
}

#helpSvgObject {
    width: 100%;
    z-index: 5 !important;
}

.contact-info-area .container,
.contact-area .contact-area-img,
.iot-features-area .iot-features-image{
    position: relative;
}

.container-custom-index {
    z-index: inherit !important;
}

.banner-fs,.features-area,.services-area,.section-title,
.about-area .ml-about-content-container,.about-area .custom-right-section-11,
.section-index-bottom .services-content, .section-index-bottom #helpSvgObject,
.contact-info-area .container,
.services-area-two .container,
.services-area-two .see-all-buttons,
.section-index-bottom .see-all-buttons,
.section-3-feature .col-lg-4.col-sm-6.col-md-6,
.features-area-two.custom-section-deep-text-color,
/*.accordion-section-feature .custom-image-bottom-feature,*/
.accordion-section-feature,
.iot-features-area .iot-features-image,
.contact-area .contact-area-img,
.about-area .about-area-text,
#price .container-fluid,
.section-us-3 .image-us-section-3,
/*.features-area-two .section-deep-backround .services-content,*/
/*.features-area-two .section-deep-backround #helpSvgObject,*/
/*.features-area-two .section-deep-backround .see-all-buttons,*/
.features-area-two .section-deep-backround,
.section-logo-background .iot-features-image{
    z-index: 6;
}
.blog-area,.section-logo-background{
    z-index: 7;
}

.custom-line-section-4 {
    position: relative;
    top: 80px;
    right: 0;
    left: 81%;
    width: 62px;
    border-bottom: 1px solid #305181;
}
.navbar .custom-change-language:hover{
    color:#23527c;
}

#course-video .tab-content {
    visibility: initial !important;
}

.no-product-lms-catalog {
    position: relative;
    bottom: 80px
}

.no-product-lms-catalog .alert-margin {
    margin-left: 20% !important;
    width: 60%;
}

.el-name,.el-info-title {
    text-align: left;
}

.gallery-item-custom {
    height: 124px;
}
.f-s-34-custom-head {
    font-size: 34px !important;
}
.fixed-height-gallery {
    height: auto !important;
}

.custom-div-gallery-catalog .gallery-item-custom {
    padding: 8px !important;
    width: 20%;
    float: left;
}
.portfolio-item a.popup:hover {
    background: #005F8F !important;
}
.gallery-item-custom a {
    right: 0 !important;
    position: absolute !important;
    left: 89% !important;
    top: 18% !important;
}

.portfolio-item video {
    min-height: 114px;
}

.teacher-image-lms-catalog .tooltip-inner {
    min-width: max-content !important;
}

.topic-time-slade-m {
    margin-top: 5px !important;
}

.up-letter::first-letter {
    text-transform: uppercase;
}

.custom-head-block-span {
    display: inherit !important;
}

.description-author-short {
    padding-left: 0px !important;
    font-size: 15px;
}

.info-price-text {
    font-size: 19px;
    position: relative;
    top: 11px;
    color: #0499d8;
    cursor: pointer;
    z-index: 999999;
}

.custom-tooltip-width-price .popover {
    min-width: 450px;
}

.price-top-menu > span {
    position: relative;
    top: 0px;
}

.custom-price-mosaic-position .info-price-text {
    position: relative;
    top: 0px !important;
}

.price-table-position > span {
    top: 2px !important;
}

.price-mobile-visibility {
    display: none;
}

.team-description {
    padding-top: 10px !important;
}

.select-100 .select2-container {
    width: 50% !important;
}

.navbar-brand.black-logo{
    margin: 0px;
}

#CybotCookiebotDialog a:hover::after, #CybotCookiebotDialog a:hover::before, #CybotCookiebotDialog button:hover::after, #CybotCookiebotDialog button:hover::before {
  border-color: #d58643 !important;
  border: none !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color:#d58643 !important;
  border-color: #d58643 !important;
  color: #ffffff;
  border: none !important;
}

#CybotCookiebotDialogPoweredbyImage{
	color:#fff !important;
	
}

.CybotCookiebotDialogBodyButton{
	border: none !important;
}

#CybotCookiebotDialogPoweredbyLink{
	width:100%;
}

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

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a{
	color: #4a4847 !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{
	color: #4a4847 !important;
}
	
	#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{
		color: #fff !important;
	}