@font-face { font-family: 'Alata'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/Alata/PbytFmztEwbIoceyzqYhQA.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face { font-family: 'Alata'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/Alata/PbytFmztEwbIoceyzqYhQA.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Alata'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/Alata/PbytFmztEwbIoce9zqY.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */


@font-face { font-family: 'Oswald'; src: local('Oswald'), url(/fonts/Oswald/Oswald-VariableFont_wght.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: 200; src: local('Oswald'), url(/fonts/Oswald/Oswald-ExtraLight.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: 300; src: local('Oswald'), url(/fonts/Oswald/Oswald-Light.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: 400; src: local('Oswald'), url(/fonts/Oswald/Oswald-Regular.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: 500; src: local('Oswald'), url(/fonts/Oswald/Oswald-Medium.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: 600; src: local('Oswald'), url(/fonts/Oswald/Oswald-SemiBold.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: 700; src: local('Oswald'), url(/fonts/Oswald/Oswald-Bold.ttf) format('truetype'); }



@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; src: url('/fonts/roboto_condensed/robotocondensed-variablefont_wght.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; src: url('/fonts/roboto_condensed/robotocondensed-italic-variablefont_wght.ttf') format('truetype'); }



@font-face { font-family: 'Birthstone Bounce 400'; font-style: normal; font-weight: 400; src: url(/fonts/Birthstone_Bounce/BirthstoneBounce-Regular.ttf); }
@font-face { font-family: 'Birthstone Bounce'; font-style: oblique; font-weight: 500; src: url(/fonts/Birthstone_Bounce/BirthstoneBounce-Medium.ttf); }



:root { --swiper-theme-color: #fff; }

#slidercontainer img { width: 100%; }

.object-fit-cover { object-fit: cover; }
.object-fit-contain { object-fit: contain; }

.img-responsive-index { width: 100%; height: 100px; object-fit: cover; }
.preview-wrapper { }

.img-ratio-wraper { width: 100%; padding-top: 66.66%; position: relative; }
    .img-ratio-wraper img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.lazyload, .lazyloading { opacity: 0; }
.lazyloaded { opacity: 1; transition: opacity 300ms; }

.pt-100 { padding-top: 100%; }
.pt-66 { padding-top: 66.66%; }



.image-wraper { width: 100%; overflow: hidden; display: block; position: relative; min-width: 50px; min-height: 50px; text-align: center; }
    .image-wraper img { position: absolute; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; display: flex; align-items: center; justify-content: center; }
    .image-wraper label { border-radius: 3px; position: absolute; max-width: 100%; left: 0; bottom: 5px; right: 0; margin: auto; background: rgba(0, 0, 0, 0.51); color: #fff; font-size: 11px; padding: 3px; cursor: pointer; max-width: 90%; }
        .image-wraper label:hover { background: rgba(0, 0, 0, 1); }
    .image-wraper:after { content: ""; display: block; padding-bottom: 66.66%; }
    .image-wraper input { display: none; }

.img-wraper { position: relative; padding-top: 100%; background: rgba(28, 55, 91, 0.18); width: 100%; margin-bottom: 7px; }
    .img-wraper a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: auto; max-height: 100%; max-width: 100%; }
    .img-wraper img, .img-wraper canvas, .img-wraper video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: auto; max-height: 100%; max-width: 100%; }


@media only screen and (min-width: 991px) {
    .list-flex { display: flex; }

    .item-flex { height: 100% }
}

@media only screen and (max-width: 480px) {
    .img-responsive-index { /*max-height: 235px;*/ }
}
/*.datepicker{
    width: fit-content;
}*/
.catnoidung { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "Roboto Condensed", sans-serif; font-weight: 400; margin-bottom: 0; }

@media(max-width:979px) {
    .result-list .result-image { width: 200px !important; }
}

@media(max-width:767px) {
    .result-list .result-image { width: 100vw !important; }
}

#weather-container { width: 200px; background: rgb(255, 255, 255); font-family: 'Oswald', sans-serif; right: -150px; padding: 0; border: none; }
    #weather-container * { font-family: 'Oswald', sans-serif !important; }
#exchange-rates-container { width: 250px; max-height: 200px; overflow-y: scroll; background: #ffffff; font-family: 'Oswald', sans-serif; }
    #exchange-rates-container table { width: 100%; border: 1px solid #e1e1e1; border-collapse: collapse; }
        #exchange-rates-container table th { color: #222; padding: 5px 10px; border: 1px solid #e1e1e1; font-weight: 500; font-size: 12px; }
        #exchange-rates-container table td { color: #222; padding: 5px 10px; border: 1px solid #e1e1e1; font-weight: 400; font-size: 12px; }

        #exchange-rates-container table tr td:not(:first-child) { text-align: right; }

.li-none-stype { list-style-type: none; }
.body_custom_style { font-size: 15px; color: rgb(5, 44, 101); }
.header-toolbar-app { /*background-color: ;*/ }
.picon a { color: white; }
.picon p { text-align: left; margin: 0px; }

.link-uti { display: block; position: relative; }
    .link-uti.active:after { content: ''; border: 2px solid rgb(231, 132, 81); position: absolute; top: -3px; left: -4px; right: -2px; bottom: -3px; }
    .link-uti:hover:after { content: ''; border: 2px solid rgb(130, 176, 217); position: absolute; top: -3px; left: -4px; right: -2px; bottom: -3px; }

a { text-decoration: none; }
img { max-width: 100%; }
/*tra custom banner advertise home*/
.cus-adver { box-shadow: 0 0 3px 0 rgba(0,0,0,0.4); background: #fff; }

.cus-adver-home { padding-right: 9px !important; margin-top: 15px !important; }
/*hong*/
.icon-idea-customer { position: fixed; z-index: 99999999; left: calc(100% - 538px); bottom: 0; }

.cls_wrap { position: fixed; height: 400px; z-index: 9999999; right: 60px; bottom: 0px; }

.cls_x { background: rgba(78, 86, 101, 0.8) none repeat scroll 0 0; font-weight: bold; color: #fff; line-height: 25px; position: absolute; right: 0px; text-align: center; top: 1px; width: 25px; z-index: 99999999; }

    .cls_x:hover { cursor: pointer; }

.cls_tuvan { position: fixed; width: 300px; background: var(--main-color); z-index: 99999999; right: 60px; bottom: 0px; padding: 5px; }

    .cls_tuvan a { color: white !important; font-size: 15px; padding: 0 13px; }

    .cls_tuvan i { color: #fff; padding-right: 10px; padding-top: 3px; }

/*end hong*/
.info-page-p { padding-left: 17px; }

.checkboxes,
.service-scroll:hover,
.service-scroll:focus { visibility: visible; }

.service-scroll { visibility: hidden; max-height: 300px !important; overflow: auto !important; }

    .service-scroll::-webkit-scrollbar-track, #cuisine ul.nav-tabs-sm::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); }

    .service-scroll::-webkit-scrollbar { width: 2px; }

    .service-scroll::-webkit-scrollbar-thumb { background-color: #EAE8E8; }

.not_found { display: flex; background-image: url('../Images/general/bg3_kq.jpg'); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; padding-bottom: 20px; height: 75vh; }

    .not_found .text-lg-bg { font-size: 11rem; font-weight: 500; -webkit-text-stroke-width: 0.35rem; -moz-text-stroke-width: 0.35rem; text-stroke-width: 0.35rem; color: #0A2D49; -webkit-text-stroke-color: #fff; -moz-text-stroke-color: #fff; text-stroke-color: #fff; }

    .not_found p { color: #0A2D49 !important; font-size: 14px; }

    .not_found .text-help { font-weight: bold; font-size: 16px; margin-bottom: 8px; }

    .not_found h2 { font-size: 22px; }

.img-tieuchuan { display: inline-block; max-height: 30px; margin-right: 8px !important; margin-left: 0 !important; }

    .img-tieuchuan.ocop { max-height: 15px; }

    .img-tieuchuan.vietgap { max-height: 30px; }

    .img-tieuchuan.non-gmo { max-height: 30px; }


.product-image { width: 100%; height: 100%; padding-top: 66.66%; position: relative; }
    .product-image.image-wraper:after { padding-bottom: 0 !important; }

    .product-image .f-carousel__dots { bottom: 0; }

.item-product .product-image:before, .news-tag .image-wraper2:before, .news-tag .items-product:after, .area-info_productContainer__1s0AT .product-image:after { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

.item-product:hover .product-image:before, .news-tag:hover .image-wraper2:before, .news-tag:hover .items-product:after, .area-info_productContainer__1s0AT:hover .product-image:after { -webkit-animation: shine .75s; animation: shine .75s; }

.item-product { border: 1px solid rgb(236, 236, 236); /*margin-bottom: 40px;*/ cursor: pointer; transition: all 0.5s; position: relative; }

    .item-product:hover .image-product { transform: scale(1.1); }

    .item-product:hover { box-shadow: 0 0.0625rem 20px 0 rgb(0 0 0 / 30%); }

    .item-product img:not(.img-tieuchuan) { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; text-align: center; }

.img-distance { width: auto !important; display: inline-block !important; }

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail { height: 100%; }
    .sp-right-thumbnails.sp-has-pointer .sp-thumbnail .sp-thumbnail-image-container { height: 100%; }
        .sp-right-thumbnails.sp-has-pointer .sp-thumbnail .sp-thumbnail-image-container .sp-thumbnail-image { height: 100%; object-fit: cover; }


.videobanner { position: relative; background-color: black; height: 50vh; min-height: 25rem; width: 100%; overflow: hidden; }

    .videobanner video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    .videobanner .container { position: relative; z-index: 2; }

    .videobanner .overlay { position: absolute; top: 0; left: 0; height: 65vh; min-height: 25rem; width: 100%; background-color: black; opacity: 0.2; z-index: 1; }


@-webkit-keyframes shine {
    100% { left: 125%; }
}

@keyframes shine {
    100% { left: 125%; }
}


.modal-title, .modal-body { color: #0A2D49; }

.modal-title { font-weight: bold; }

#container-map-show { }

small:first-letter { text-transform: uppercase; }

.load-more-page .text-title, .load-more-page-mobile .text-title { font-weight: bold; color: #61a1d4; position: absolute; top: 34px; text-align: center; width: 100%; margin: 0px; }

.modal_load { position: fixed !important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; }

.loading-box .box-show { margin: auto; text-align: center; position: absolute; display: inline-block; top: calc(50% - 45px); left: calc(50% - 45px); }

.box-show .box-content { font-size: 14px; position: absolute; color: #fff; text-align: center; width: 100%; top: 34px; }

.load-more-page-mobile { height: 100vh; position: relative; }

.load-more-page { position: relative; }

.load-more-page-mobile .loading-page-mobile { float: none; margin: 0 auto; border-bottom: 6px solid #fff; border-left: 6px solid #ffffff; border-right: 6px solid #566acc; border-top: 6px solid #566acc; border-radius: 100%; height: 90px; width: 90px; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

.load-more-page .loading-page { float: none; margin: 0 auto; border-bottom: 6px solid #fff; border-left: 6px solid #fff; border-right: 6px solid #758af1; border-top: 6px solid #758af1; border-radius: 100%; height: 90px; width: 90px; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1 infinite linear; animation: spin 1s infinite linear; }

.smartphone { display: none; }

h1.portlet-title { padding: 0 !important; }

h1 .portlet-title-text { font-size: 19px !important; color: #FF8C00 !important; font-weight: bold !important; text-transform: capitalize; }

    h1 .portlet-title-text:before { content: ''; position: absolute; z-index: -1; top: 0; right: 30px; bottom: 0; left: 0; background: url(../images/general/bg_title.png) left center repeat-x; }

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

.header_logo { margin-bottom: 20px; }

    .header_logo .site-name { font-size: 40px; font-weight: bold; text-shadow: 4px 4px 4px #2a8ef5; }

.cls_col { border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; }

.clear { clear: both; }

.cls_bottom_text { margin-bottom: 20px; color: #fff; font-weight: bold; }

.fb-share-button { line-height: normal; font-size: 1px; }

.portlet-boundary.portlet-boundary_145_.portlet-static.portlet-static-end.portlet-dockbar { position: absolute; }

@media (max-width: 768px) {
    .cls_fb { display: none !important; }
}

#status { width: 200px; height: 150px; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }

.switcher { width: 45px; padding: 10px 10px 5px 8px; position: fixed; z-index: 2000; top: 300px; background-color: #fff; border: 1px solid #ededed; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #fff; }

    .switcher #switch-panel { position: absolute; right: -40px; top: 0; width: 40px; height: 40px; z-index: 1990; display: block; background-color: #348FE2; margin-left: 0; cursor: pointer; text-align: center; }

        .switcher #switch-panel i { font-size: 25px; line-height: 40px; color: #fff; display: inline-block; width: 40px; height: 40px; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }

@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

#switcher .colors-list { margin: 0; padding: 0; display: block; float: left; width: 100%; }

    #switcher .colors-list li { float: left; display: block; margin-bottom: 2px; margin-right: 6px; }

        #switcher .colors-list li a { display: inline-block; width: 24px; height: 24px; cursor: pointer; }

    #switcher .colors-list a.red { background-color: #348FE2; }

    #switcher .colors-list a.green { background-color: #3fc997; }

    #switcher .colors-list a.purple { background-color: #9b4c86; }

    #switcher .colors-list a.blue { background-color: #01c6d9; }

#scrollUp { background-color: #348FE2; bottom: 20px; right: 20px; width: 40px; height: 40px; text-align: center; opacity: 0.6; border-radius: 4px; }

    #scrollUp:before { content: "\f126"; color: #FFF; font-size: 150%; font-family: "Ionicons"; line-height: 39px; }

.main-title-outer { border-bottom: 2px solid #348FE2; width: 100%; margin-bottom: 10px; }

.main-title { position: relative; z-index: 1; background-color: #348FE2; float: left; text-align: center; border-bottom: none; padding: 0 10px 0 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: left; color: #fff; height: 36px; line-height: 36px; }

    .main-title:before { content: ""; display: block; position: absolute; left: -8px; width: auto; margin-top: 0; min-height: 100%; z-index: 10; }

.pagination li a, .pagination li span { background: var(--main-color); border: none !important; color: #fff !important; }

.pagination li.disabled { opacity: 0.8; }
    .pagination li.disabled * { cursor: not-allowed;; }

.pagination li:not(.disabled) a:hover,
.pagination li:not(.disabled) span:hover,
.pagination li:not(.disabled) a:focus,
.pagination li:not(.disabled) span:focus { background: rgb(3, 78, 162) !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background: rgb(3, 78, 162) !important; }

.pagination > li > a,
.pagination > li > span { color: #3d566e; }
    .pagination > li > span.current:not(.next):not(.prev) { }

.sub-info { font-size: 15px; }

.sub-info-bordered { font-size: 13px; padding: 0px 0; margin-bottom: 10px; }

    .sub-info-bordered div { display: inline-block; }

    .sub-info-bordered .stars { float: right; }

    .sub-info-bordered a { color: #348FE2; }

        .sub-info-bordered a:hover { text-decoration: underline; }

.last-update { font-size: 12px; line-height: 36px; }

.time { padding-right: 10px; display: inline-block; }

.author { padding-right: 10px; display: inline-block; }

.comments { display: inline-block; }

.stars { font-size: 14px; color: #FF8917; }

a { color: rgb(5, 44, 101); }

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

p { word-wrap: break-word; text-align: justify; }

h1 { font-size: 24px; color: var(--main-color); font-weight: bold; text-transform: uppercase; letter-spacing: 0; font-size: 22px; }

h2 { font-size: 22px; color: var(--main-color); font-weight: bold; }

h3 { font-size: 20px; color: var(--main-color); }

h4 { font-size: 15px; }

h5 { color: #fff; font-size: 14px; }

h6 { color: rgb(44, 119, 204); font-size: 14px; }

.h1,
h2,
.h2,
h3,
.h3 { margin-top: 10px !important; margin-bottom: 10px !important; }

h4,
.h4,
h5,
.h5,
h6,
.h6 { margin-top: 3px !important; margin-bottom: 5px !important; }

a:hover h3,
a:hover h2 { color: #348fe2 !important; }

*:focus { outline: none; }

body { /*font-family: 'Quicksand', sans-serif;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; pointer-events: auto !important; }

mark { background: #348FE2; color: #fff; }

br { margin: 5px 0; }

hr { border-top: 1px solid #ededed; margin-top: 10px; margin-bottom: 10px; }

blockquote { border-color: rgb(5, 44, 101); }

    blockquote p { color: rgb(5, 44, 101); }

.img-thumbnail { background-color: rgb(248, 248, 248); border: none; border-radius: 0; margin-right: 5px; width: auto; padding: 0; }

.icon { padding-right: 4px; }

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

.bordered { border: 1px solid #ededed; padding: 5px 5px 0 5px; }

.sec-topic { margin-bottom: 20px; padding-right: 15px; }

.right-sec .main-title { font-size: 14px; }

.right-sec .list-inline li { margin-bottom: 5px; }

.blue { background: #3d566e; color: #fff; }


.page-header { margin-top: 15px; margin-bottom: 20px; border-bottom: 1px solid #ededed; }

    .page-header small { padding-left: 5px; font-size: 14px; text-transform: none; color: #78899b; }

    .page-header h1 { display: inline-block; }

.header-toolbar-app a:hover { /*color: #e2de83;*/ }

.header-toolbar-app ul.list-inline { margin-bottom: 0; }

    .header-toolbar-app ul.list-inline li { padding-right: 6px; padding-left: 6px; }

@font-face { font-family: 'weather'; src: url("../fonts/artill_clean_icons-webfont.eot"); src: url("../fonts/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/artill_clean_icons-webfont.woff") format("woff"), url("../fonts/artill_clean_icons-webfont.ttf") format("truetype"), url("../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg"); font-weight: normal; font-style: normal; }

#weather { text-transform: uppercase; }

    #weather i { color: #fff; font-family: weather; font-size: 40px; font-weight: normal; font-style: normal; line-height: 6px; }

.icon-0:before { content: ":"; }

.icon-1:before { content: "p"; }

.icon-2:before { content: "S"; }

.icon-3:before { content: "Q"; }

.icon-4:before { content: "S"; }

.icon-5:before { content: "W"; }

.icon-6:before { content: "W"; }

.icon-7:before { content: "W"; }

.icon-8:before { content: "W"; }

.icon-9:before { content: "I"; }

.icon-10:before { content: "W"; }

.icon-11:before { content: "I"; }

.icon-12:before { content: "I"; }

.icon-13:before { content: "I"; }

.icon-14:before { content: "I"; }

.icon-15:before { content: "W"; }

.icon-16:before { content: "I"; }

.icon-17:before { content: "W"; }

.icon-18:before { content: "U"; }

.icon-19:before { content: "Z"; }

.icon-20:before { content: "Z"; }

.icon-21:before { content: "Z"; }

.icon-22:before { content: "Z"; }

.icon-23:before { content: "Z"; }

.icon-24:before { content: "E"; }

.icon-25:before { content: "E"; }

.icon-26:before { content: "3"; }

.icon-27:before { content: "a"; }

.icon-28:before { content: "A"; }

.icon-29:before { content: "a"; }

.icon-30:before { content: "A"; }

.icon-31:before { content: "6"; }

.icon-32:before { content: "1"; }

.icon-33:before { content: "6"; }

.icon-34:before { content: "1"; }

.icon-35:before { content: "W"; }

.icon-36:before { content: "1"; }

.icon-37:before { content: "S"; }

.icon-38:before { content: "S"; }

.icon-39:before { content: "S"; }

.icon-40:before { content: "M"; }

.icon-41:before { content: "W"; }

.icon-42:before { content: "I"; }

.icon-43:before { content: "W"; }

.icon-44:before { content: "a"; }

.icon-45:before { content: "S"; }

.icon-46:before { content: "U"; }

.icon-47:before { content: "S"; }

#weather h2 { color: #3d566e; font-size: 14px; }

.header { padding-top: 5px; padding-bottom: 5px; }

/*.navbar-brand { width: 190px; height: 46px; margin-top: 5px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../images/general/logo-red.png") no-repeat; background-size: 100%; padding: 0; }*/

.sticky-header { background: #fff; }

.navbar-fixed-top { top: -60px; transition: top 800ms ease 0s; }

.show-2 { transition: bottom 800ms ease 0s; }

.show { top: 0; }

.navbar { margin-bottom: 0; }

.navbar-inverse { background-color: #2CBCF3; border-top: none; border-bottom: 3px solid #0090c4; border-right: none; border-left: none; }

    .navbar-inverse .navbar-nav li:first-child a { padding-left: 0; }

    .navbar-inverse .navbar-nav li a { color: #fff; font-weight: bold; }

        .navbar-inverse .navbar-nav li a:hover { color: #FFFF80; }

    .navbar-inverse .navbar-nav .open a,
    .navbar-inverse .navbar-nav .open a:hover,
    .navbar-inverse .navbar-nav .open a:focus { color: #348FE2; background: none; }

    .navbar-inverse .navbar-nav li a,
    .navbar-inverse .navbar-nav li a:hover,
    .navbar-inverse .navbar-nav li a:focus { border-right: 1px solid #5BCCF7; }

    .navbar-inverse .navbar-nav li:last-child a { border-right: none; }

    .navbar-inverse .navbar-nav li.active a,
    .navbar-inverse .navbar-nav li.active a:hover,
    .navbar-inverse .navbar-nav li.active a:focus { background: none; color: #fff; }

    .navbar-inverse .navbar-toggle,
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus { border: none; background: #348FE2; float: left; }

    .navbar-inverse .dropdown-menu { background: #348FE2; border: none; }

        .navbar-inverse .dropdown-menu li a { color: #fff !important; font-weight: normal; border-right: none; padding-top: 10px; padding-bottom: 10px; }

            .navbar-inverse .dropdown-menu li a:hover,
            .navbar-inverse .dropdown-menu li a:focus { background-color: #A3CCF1 !important; color: #000 !important; border-right: none !important; }

        .navbar-inverse .dropdown-menu li:first-child a { padding-left: 20px; }

.nav-icn { margin-left: 5px; }

.nav-sub-icn { margin-right: 5px; }

.mega-menu { min-width: 784px; padding: 10px 0; }

.mega-sub { list-style: none; padding: 0; border-right: 1px solid #70B0EB; margin-right: 10px; min-height: 170px; }

    .mega-sub a { display: block; padding: 10px 20px; }

.mega-sub-topics { padding-right: 20px; }

    .mega-sub-topics h4 { color: #fff; font-weight: bold; font-size: 14px; padding: 0 0 5px 0; }

    .mega-sub-topics a { padding: 0 !important; }

        .mega-sub-topics a:hover img { opacity: 1; }

.badge { background-color: #3d566e; }

.nav-search-outer { margin-bottom: 10px; }

.search-container { background-color: #348FE2; position: relative; }

    .search-container input { background-color: #348FE2; border: none; color: #fff; padding: 10px 0; width: 100%; }

.toggle-search { color: white !important; text-decoration: none; text-transform: uppercase; display: inline-block; background: #065cab; height: 50px; padding: 5px 13px 47px 15px !important; line-height: 46px; text-align: center; font-size: 30px; }

    .toggle-search:hover,
    .toggle-search:focus { color: #fff; }

.hot-news { height: 42px; line-height: 42px; overflow: hidden; margin-bottom: 10px; }

.time-run-news { font-size: 30px; margin-right: 10px; background: #348FE2; color: #fff; padding: 0 10px; }

.shuffle span { font-size: 20px; display: inline-block; }

.shuffle a span { color: #3d566e; }

.shuffle a:hover span { color: #348FE2; }

.ticker-wrapper.has-js { height: 42px; display: block; width: 800px; font-size: 13px; }

.ticker { width: 700px; height: 42px; display: block; position: relative; overflow: hidden; left: -16px; }

.ticker-title { display: none; }

.ticker-content { margin: 0px; position: absolute; color: #348FE2; font-weight: bold; background-color: #fff; overflow: hidden; white-space: nowrap; line-height: 42px; }

    .ticker-content a { text-decoration: none !important; color: #348fe2 !important; font-weight: bold !important; }

        .ticker-content a:hover { text-decoration: none !important; color: #3d566e !important; }

.ticker-swipe { padding-top: 16px; position: absolute; top: 0px; background-color: #fff; display: block; width: 800px; height: 42px; }

    .ticker-swipe span { margin-left: 1px; background-color: #fff; border-bottom: 1px solid #348FE2; height: 12px; width: 7px; display: block; }

.js-hidden { display: none; }

.no-js-news { padding: 10px 0px 0px 10px; color: #F8F0DB; }

.left .ticker-swipe { left: 80px; }

.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker { float: left; }

.left .ticker-controls { padding-left: 0; }

.right .ticker-swipe { }

.right .ticker-controls,
.right .ticker-content,
.right .ticker-title,
.right .ticker { float: right; }

.right .ticker-controls { padding-right: 6px; }

#bar { width: 0%; max-width: 100%; height: 3px; background: #348FE2; position: absolute; z-index: 100; bottom: 0; }

#progressBar { width: 100%; background: transparent; }

.owl-prev, .owl-next { position: absolute; display: flex; height: 36px; width: 32px; background: rgb(3, 78, 162) !important; top: 0; outline: none; opacity: 0.6; bottom: 0; margin: auto; align-items: center; justify-content: center; }

    .owl-prev:hover, .owl-prev:focus, .owl-next:hover, .owl-next:focus { outline: none; background: rgb(3, 78, 162) !important; color: transparent; opacity: 1; }

    .owl-prev:before, .owl-next:before { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 22px; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    .owl-prev span, .owl-next span { display: none; }

.owl-prev { left: 0; }

    .owl-prev:before { content: "\f053"; }

.owl-next { right: 0; }

    .owl-next:before { content: "\f054"; }

.owl-dots { margin-top: 0px; text-align: center; }

    .owl-dots.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }

    .owl-dots .owl-dot { display: inline-block; zoom: 1; }

        .owl-dots .owl-dot span { display: block; width: 10px; height: 5px; margin: 5px 4px; background: #3d566e; }

            .owl-dots .owl-dot.active span, .owl-dots .owl-dot span:hover { background: var(--main-color); }
        /*.owl-theme .active span {
    background: #348FE2 !important;
}*/
        .owl-dots .owl-dot.active,
        .owl-dots .owl-dot:hover span { filter: Alpha(Opacity=100); opacity: 1; }

.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

.box { position: relative; overflow: hidden; }

    .box img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; image-rendering: optimizequality; }

    .box:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); display: inline-block; line-height: 0; }

.match-height { max-height: 434px; overflow: hidden; }

.class_overlay { display: block; position: absolute; top: 0; left: 0; z-index: 9; background: rgba(255, 255, 255, 0.18); overflow: hidden; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 100%; height: 100%; }

.box:hover .class_overlay { opacity: 0.8; }

.class_overlay-info { display: block; position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 100%; height: 100%; }

.box:hover .class_overlay-info { opacity: 1; }

.cat { position: absolute; text-transform: capitalize; left: 15px; top: 0; padding: 0; margin: 0; z-index: 10; width: auto; height: 36px; line-height: 36px; color: #fff; font-size: 12px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.banner-outer-thumb .cat { top: 15px; opacity: 1; }

.cat-data span { width: 36px; height: 36px; text-align: center; color: #fff; line-height: 36px; font-weight: 700; font-size: 22px; background: #348FE2; display: inline-block; margin-right: 5px; float: left; }
.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.dropdown-menu { padding: 3px 4px; min-width: max-content !important; right: 0; left: auto; width: max-content; }
    .dropdown-menu a { padding: 5px; }
.box:hover .cat { top: 15px; opacity: 1; }

.info { display: block; position: absolute; left: 15px; bottom: 0; z-index: 100; text-align: center; color: #fff; height: 36px; line-height: 36px; font-weight: normal; font-size: 12px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.banner-outer-thumb .info { bottom: 10px; opacity: 1; }

.info span { font-size: 12px; display: inline-block; padding: 0 5px 0 10px; }

    .info span:first-child { padding-left: 0; }

.box:hover .info { bottom: 10px; opacity: 1; }

.right-img-top { margin-bottom: 10px; overflow: hidden; height: 212px; }

    .right-img-top .box { height: 212px; }

.right-img-btm { overflow: hidden; height: 212px; }

    .right-img-btm .box { height: 212px; }

#sync2 .item { margin: 0 5px; cursor: pointer; }

#sync2 .synced .item { border: 2px solid #348FE2; }

.business { padding-top: 10px; padding-bottom: 10px; }

.list-unstyled li a img { margin-right: 10px; }
/*.list-unstyled li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}*/
.list-unstyled li a:hover h4 { color: #348FE2; }

.list-unstyled li a:hover .img-thumbnail { border: 1px solid #ffcfca; }

#vid-thumbs .owl-controls { margin-top: 10px; text-align: right; }

.vid-box { position: relative; width: 100%; height: 100%; }

.vid-thumb img { margin-bottom: 6px; }

.vid-box span { width: 36px; height: 36px; background-color: #3d566e; font-size: 24px; color: #fff; text-align: center; line-height: 36px; position: absolute; opacity: 1; z-index: 100; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.vid-thumb:hover span { background-color: #348FE2; }

.left-bordered { border-left: 1px solid #ededed; }

.lifestyle img { margin-bottom: 5px; }

.lifestyle .item { margin: 0 5px; }

.lifestyle .owl-prev,
.lifestyle .owl-next { margin-top: -65px; }

.lifestyle .owl-prev { left: 5px; }

.lifestyle .owl-next { right: 5px; }

.recent-vid-thumb-outer .vid-box { position: relative; }

.recent-vid-thumb-outer .vid-thumb img { margin-bottom: 10px; }

.recent-vid-thumb-outer .vid-box span { width: 36px; height: 36px; background-color: #3d566e; font-size: 24px; color: #fff; text-align: center; line-height: 36px; position: absolute; opacity: 1; z-index: 100; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); visibility: hidden; }

.recent-vid-thumb-outer .vid-thumb:hover span { background-color: #348FE2; visibility: visible; }

.recent-vid .nav-tabs { border-bottom: none; }

    .recent-vid .nav-tabs li { float: none; }

        .recent-vid .nav-tabs li a { background-color: transparent; color: #fff; font-weight: bold; /*text-transform: uppercase;*/ border: none; padding: 0; margin-bottom: 6px; }

        .recent-vid .nav-tabs li:last-child a { margin-bottom: 0; }

        .recent-vid .nav-tabs li a span { display: none; }

        .recent-vid .nav-tabs li a:hover { background-color: transparent; }

            .recent-vid .nav-tabs li a:hover span { display: inline; }

        .recent-vid .nav-tabs li.active a,
        .nav-tabs li.active a:hover,
        .nav-tabs li.active a:focus { background-color: transparent !important; color: #fff; border: none; }

            .recent-vid .nav-tabs li.active a span { display: none; }

.recent-vid .tab-content { padding: 0; }

.recent-vid .nav-tabs { border-bottom: none; }

    .recent-vid .nav-tabs li a { background-color: transparent; color: #fff; font-weight: bold; text-transform: uppercase; border: none; padding: 0; margin-bottom: 6px; }

    .recent-vid .nav-tabs li:last-child a { margin-bottom: 0; }

    .recent-vid .nav-tabs li a span { display: none; }

    .recent-vid .nav-tabs li a:hover { background-color: transparent; }

        .recent-vid .nav-tabs li a:hover span { display: inline; }

    .recent-vid .nav-tabs li.active a,
    .nav-tabs li.active a:hover,
    .nav-tabs li.active a:focus { background-color: transparent; color: #fff; border: none; }

        .recent-vid .nav-tabs li.active a span { display: none; }

.recent-vid .tab-content { padding: 0; }

.grid-container { position: relative; width: 100%; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; }

.toggle { text-align: center; padding: 0; color: white; }

    .toggle li { display: inline; padding: 0 60px; }

    .toggle label { font-size: 1.2em; padding: 0 10px; }

.grid { margin-top: -10px; width: 105%; }

.masonry-item { width: 380px; margin: 10px 20px 10px 0; padding: 20px; background: #fbfbfb; border: 1px solid #ededed; }

    .masonry-item:hover { border: 1px solid #ffcfca; }

.item:hover .title { opacity: 1; }

.title { display: table-cell; vertical-align: middle; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }

.expand { transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s; -webkit-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s; height: 100%; width: 100%; left: 0 !important; top: 0 !important; z-index: 99; text-indent: -9999px; }

.more { font-size: 14px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 8px 0; display: block; margin-top: 10px; }

    .more span { font-size: 10px; }

.title-icon { border-top: 1px solid #ededed; width: 100%; height: 30px; position: relative; text-align: left; margin-top: 15px; float: left; }

    .title-icon span { position: absolute; top: -16px; background: #348FE2; color: #fff; width: 36px; height: 32px; font-size: 24px; z-index: 100; text-align: center; line-height: 32px; margin-left: 10px; }

.blog-item { margin-bottom: 15px; }

    .blog-item:hover img { opacity: 0.8; }

.read-more,
.read-more:focus { width: 100%; display: block; text-align: center; background: #3d566e; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 13px; height: 40px; line-height: 40px; margin-bottom: 10px; }

    .read-more:hover { color: #fff; background: #348FE2; margin-bottom: 10px; }

    .read-more span { display: inline-block; }

.author-box { margin-bottom: 30px; }

.related { margin-bottom: 10px; }

    .related .item { margin-right: 10px; }

.media { }

.media-body .time { padding-left: 10px; font-size: 12px; }

.media-body h4 { display: inline-block; }

.nested-rep { background: #ededed; border: 1px solid #e6e6e6; padding: 20px; }

    .nested-rep .media-heading { color: #348FE2; }

.reply { color: #3d566e; font-size: 20px; }

    .reply:hover { color: #348FE2; }

.opinion { margin-bottom: 20px; }

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

/*.form-control { border: 1px solid #ededed; min-height: 34px; box-shadow: none; color: #3d566e; border-radius: 3px !important; }*/

/*.form-control:focus { border-color: #ffc5bf; box-shadow: none; }*/

.panel { box-shadow: none; }

.panel-title { color: #3d566e; }

.panel-default,
.panel-heading { border-color: #ededed; }

    .panel-default > .panel-heading { background: #ededed; }

.panel-body { border-color: #ededed; }

#map_canvas { display: block; width: 100%; height: 400px; margin-bottom: 20px; }

.adress { border-left: 1px solid #ededed; padding-left: 20px; margin-left: 20px; }

    .adress strong { color: #348FE2; }

.gallery div { margin-bottom: 5px; }

.blogging-style .business { padding-bottom: 0; }

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

.thumb-box { position: relative; width: 100%; height: 100%; }

a .thumb-box span { width: 36px; height: 36px; background-color: #348FE2; font-size: 24px; color: #fff; text-align: center; line-height: 36px; position: absolute; z-index: 100; top: 40%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

a:hover .thumb-box span { width: 36px; height: 36px; background-color: #348FE2; font-size: 24px; color: #fff; text-align: center; line-height: 36px; position: absolute; opacity: 1; z-index: 100; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.mid-sec { min-height: 800px; border: 1px solid #ededed; background: #fbfbfb; padding-top: 5px; }

    .mid-sec .main-title { font-size: 14px; }

    .mid-sec .vid-thumb-outer { margin-bottom: 15px; }

    .mid-sec .list-unstyled li { padding-bottom: 0; float: left; width: 100%; }

.rate { background-color: #3d566e; color: #fff; display: block; float: left; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; width: 40px; margin-right: 8px; text-align: center; vertical-align: baseline; white-space: nowrap; }

.list-group { margin-bottom: 15px; }

.list-group-item { border: 1px solid #ededed; }

    .list-group-item a { display: block; }

        .list-group-item a:hover .badge { background: #348FE2; }

    .list-group-item .badge { float: right; }

.sponsored,
.sponsored:focus { display: block; text-align: center; color: #fff; text-transform: uppercase; background: #3d566e; margin: 5px 0 0 0; padding: 3px 0; font-size: 12px; white-space: nowrap; }

.sponsord-v { display: block; text-align: center; color: #fff; text-transform: uppercase; background: #3d566e; padding: 3px 0; font-size: 12px; height: 125px; }

.table { margin-bottom: 5px; }

.table-bordered { border: 1px solid #ededed; }

    table-bordered th,
    .table-bordered td { border: 1px solid #ededed !important; }

.social a p { color: #3d566e; }

.social a:hover p { color: #fff; }

.social tr { border: none !important; }

.social td { padding: 0 !important; }

.social a { color: #3d566e; font-size: 12px; text-transform: uppercase; text-align: center; display: block; padding: 5px; }

.social p { margin: 0; }

    .social p span { font-size: 30px; text-align: center; display: block; }

.rss:hover { background: #ed802e; }

.twitter:hover { background: #45b0e3; }

.facebook:hover { background: #3a5898; }

.youtube:hover { background: #ce342c; }

.vimeo:hover { background: #42b1df; }

.dribbble:hover { background: #ea4c89; }

.googleplus:hover { background: #34352f; }

.pinterest:hover { background: #c82128; }

.instagram:hover { background: #517ea5; }

.bottom-border { border-bottom: 1px solid #ededed; }

.right-border { border-right: 1px solid #ededed; }

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

.bt-space { margin-bottom: 10px; }

.tab-content { padding: 10px 0 0 0; }

.nav-tabs { border-bottom: 1px solid #ededed; }

    .nav-tabs li a { font-weight: bold; /*text-transform: uppercase;*/ border: none; padding-right: 5px; padding-left: 5px; color: rgb(169, 92, 5); }

        .nav-tabs li a:hover { background-color: #78899b; }

    .nav-tabs li.active a,
    .nav-tabs li.active a:hover,
    .nav-tabs li.active a:focus { background-color: #348FE2 !important; color: #fff; border: none; }

    .nav-tabs.nav-justified li { border-right: 1px solid #fff; }

        .nav-tabs.nav-justified li a { border-bottom: none; }

        .nav-tabs.nav-justified li.active a,
        .nav-tabs.nav-justified li.active a:hover,
        .nav-tabs.nav-justified li.active a:focus { background: #348FE2 !important; border: none; }

#comments p { font-size: 13px; }

.pickmeup { background: #fff; -moz-box-sizing: content-box; box-sizing: content-box; display: none; border: 1px solid #ededed; width: 99.5%; padding-bottom: 15px; }

    .pickmeup * { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

    .pickmeup .pmu-instance { display: inline-block; height: 13.8em; padding: 5px; text-align: left; }

        .pickmeup .pmu-instance .pmu-button { color: #3d566e; cursor: pointer; outline: none; text-decoration: none; }

        .pickmeup .pmu-instance .pmu-today,
        .pickmeup .pmu-instance .pmu-today:hover { background: #3d566e; color: #fff !important; }

        .pickmeup .pmu-instance .pmu-button:hover { color: #348FE2; }

        .pickmeup .pmu-instance .pmu-not-in-month { color: #8d9aa5; }

        .pickmeup .pmu-instance .pmu-disabled,
        .pickmeup .pmu-instance .pmu-disabled:hover { color: #333333; cursor: default; }

        .pickmeup .pmu-instance .pmu-selected { background: #348FE2; color: #fff; }

            .pickmeup .pmu-instance .pmu-selected:hover { color: #fff; }

        .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #348FE2; }

        .pickmeup .pmu-instance nav { color: #348FE2; display: -ms-flexbox; display: -webkit-flex; display: table; line-height: 2em; text-align: center; }

            .pickmeup .pmu-instance nav *:first-child:hover { color: #88c5eb; text-align: center; }

            .pickmeup .pmu-instance nav .pmu-prev,
            .pickmeup .pmu-instance nav .pmu-next { display: none; height: 2em; width: 1em; }

            .pickmeup .pmu-instance nav .pmu-month { text-align: center; }

        .pickmeup .pmu-instance .pmu-years *,
        .pickmeup .pmu-instance .pmu-months * { display: inline-block; line-height: 3.6em; width: 3.5em; text-align: center; }

        .pickmeup .pmu-instance .pmu-day-of-week { color: #3d566e; text-transform: uppercase; cursor: default; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 5px 0; margin: 10px 0; }

            .pickmeup .pmu-instance .pmu-day-of-week *,
            .pickmeup .pmu-instance .pmu-days * { display: inline-block; line-height: 30px; width: 46px; height: 32px; text-align: center; }

            .pickmeup .pmu-instance .pmu-day-of-week * { line-height: 1.8em; font-weight: 600; }

        .pickmeup .pmu-instance:first-child .pmu-prev,
        .pickmeup .pmu-instance:last-child .pmu-next { display: table-cell; color: #348FE2; }

        .pickmeup .pmu-instance:first-child .pmu-month,
        .pickmeup .pmu-instance:last-child .pmu-month { width: 13em; color: #348FE2; }

        .pickmeup .pmu-instance:first-child:last-child .pmu-month { width: 12em; font-weight: bold; text-transform: uppercase; display: table-cell; }

    .pickmeup:not(.pmu-view-days) .pmu-days,
    .pickmeup:not(.pmu-view-days) .pmu-day-of-week,
    .pickmeup:not(.pmu-view-months) .pmu-months,
    .pickmeup:not(.pmu-view-years) .pmu-years { display: none; }

.f-sub-info { color: #b0b7bf; }

.subscribe-info { /*     border-right: 1px solid #486581; */ padding-right: 20px !important; /*     min-height: 200px !important; */ }

    .subscribe-info form { position: relative; }

    .subscribe-info .form-control { width: 100%; padding-right: 35px; }

    .subscribe-info .btn { border: none !important; background: none !important; position: absolute; right: 0; top: 0px; box-shadow: none !important; }

        .subscribe-info .btn span { font-size: 24px; }

.popular-tags { padding-right: 20px !important; padding-left: 60px !important; border-right: 1px solid #486581; /*     height: 200px; */ overflow: hidden; }

    .popular-tags ul { margin: 0 !important; }

.tags { list-style: none; }

    .tags li { border-left: solid 2px #3d566e; position: relative; z-index: 1; background-color: #486581; float: left; margin: 2px 5px; text-align: center; border-bottom: none; padding-bottom: 0; line-height: 20px !important; }

        .tags li:before { content: ""; display: block; position: absolute; left: -6px; border-left: solid 4px #486581; width: auto; margin-top: 0; min-height: 100%; z-index: 10; }

        .tags li:hover { background: #348fe2; }

        .tags li a { color: #fff; text-transform: capitalize; display: block; padding: 8px 10px; }

            .tags li a:hover { background: #348FE2; color: white !important; }

        .tags li:hover:before { border-color: #348FE2; }

.recent-posts { border-right: 0 !important; }

    .recent-posts ul { margin: 0 !important; }

    .recent-posts .img-thumbnail { background: #4b6986; border: 1px solid #4f7396; }

    .recent-posts li a:hover .img-thumbnail { border: 1px solid #4f7396; }

    .recent-posts .list-unstyled li { border-bottom: none; margin-bottom: 5px; padding-bottom: 0; }

        .recent-posts .list-unstyled li h4 { color: #fff; }

.btm-sec { padding-top: 20px; padding-bottom: 0; color: #3d566e; }

    .btm-sec .list-inline li a { padding-right: 4px; padding-left: 4px; text-transform: uppercase; font-size: 12px; color: #3d566e; }

        .btm-sec .list-inline li a:hover { color: #348FE2; }

.copyrights { font-size: 12px; }

.f-social { text-align: center; padding-top: 10px; }

    .f-social a { margin: 0 5px; border-radius: 50% !important; width: 36px; height: 36px; text-align: center; line-height: 36px; display: inline-block; background-color: #fff; }

    .f-social ul li { padding: 0; }

        .f-social ul li a span { font-size: 16px; line-height: 36px; width: 36px; height: 36px; color: #000; }

        .f-social ul li a:hover { background-color: #000; border-radius: 50% !important; }

            .f-social ul li a:hover span { color: #fff; }

.wrong-icon { font-size: 200px; color: #3d566e; border-top: 1px solid #ededed; }

.wrong-page { margin-top: 50px; margin-bottom: 50px; }

@media (max-width: 348px) {
    .grid .sub-info-bordered { height: 50px; }

        .grid .sub-info-bordered .stars { float: left; }

    .sec-topic .sub-info-bordered { height: 50px; }

        .sec-topic .sub-info-bordered .stars { float: left; }
}

@media (max-width: 767px) {
    .navbar-header { float: none; }

    .navbar-toggle { display: block; }

    .navbar-collapse { border-top: 1px solid transparent; }

    .navbar-nav { float: none !important; }

        .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; font-size: 0.8em; }

    #myNavbar ul li a { /*font-size: 0.8em;*/ }

    .navbar-collapse.collapse.in { display: block !important; }

    .collapsing { overflow: hidden !important; }

    .navbar-inverse .dropdown-menu { background: none; border: none; }

    .dropdown-content a { color: black; padding: 10px 10px; text-decoration: none; display: block; font-size: 0.8em; }

    .nav li .sub-arrow { display: inherit; }

    .nav li { /*border: 1px solid #ddd;*/ text-align: left; /*padding-left: 15px;*/ }

    .dropdown-menu li { border-bottom: none; }

    .mega-menu { min-width: inherit; padding: 0; }

        .mega-menu a { padding-top: 5px !important; padding-bottom: 5px !important; }

    .nav-icn { float: right; margin-right: 10px; }

    .mega-sub { padding-bottom: 5px; min-height: inherit; }
    /*.open {
        background: #348FE2;
    }
    .open li {
        border-bottom: 1px solid #ddd;
    }
    .open li a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-left: 10px;
    }
    .open li:last-child {
        border-bottom: none;
    }*/
    .open .dropdown-toggle { background: #FF8C00 !important; color: #fff !important; }

    #scrollUp { bottom: 10px; }

    .main-title { font-size: 15px; }

    #time-date, .utilities li a, .utilities li { padding: 0px 1px 0px; border-right: 1px solid #eee; color: #444; }
    #toppage-header .item { text-align: center; padding: 3px 4px; }
    .item.show a * { color: #009cd7; margin-bottom: 5px; }
    #toppage-header i { font-size: 12px; }
    #toppage-header span { font-size: 12px; text-transform: uppercase; }
    #weather { text-align: left; padding-bottom: 10px; }

    /*   .owl-prev,
    .owl-next { display: none; }*/

    .info { line-height: 54px; }

    .banner-outer .carousel-caption { font-size: 18px; line-height: 18px; padding-bottom: 20px; }

    .science { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ededed; }

    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * { width: 27px; }

    .subscribe-info { border-right: none; padding-right: 5px; height: auto; overflow: visible; min-height: inherit !important; }

    .popular-tags { padding-right: 5px; padding-left: 5px; border-right: none; }

    .recent-posts { padding-left: 5px; }

    .f-social .list-inline li { float: left; }

    .f-nav .list-inline li { padding-left: 0; margin-bottom: 5px; }

    .copyrights { text-align: left; margin-bottom: 5px; }

    .mid-sec .list-unstyled li { width: 100%; padding-bottom: 10px; float: left; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mega-menu { min-width: 280px; }

    .mega-sub { border-right: none; }

    .last-update { font-size: 11px; }

    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * { width: 27px; }

    .popular-tags { height: auto; overflow: visible; }
}

@media (min-width: 850px) {
    .search-container input { font-size: 2em; }
}

@media (max-width: 991px) {
    .navbar-inverse .navbar-nav li:first-child a { padding-left: 15px; }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form { border: none; }

    .navbar-inverse .navbar-nav li a,
    .navbar-inverse .navbar-nav li a:hover,
    .navbar-inverse .navbar-nav li a:focus { border-right: none !important; }

    .owl-item img { display: block; max-width: 100%; height: auto; }

        .owl-item img.img-distance { display: inline-block; }

    .social a { font-size: 9px; }

    .nav-justified li a { font-size: 10px; }

    .breadcrumb { width: 100%; padding-left: 0; }
}

@media (max-width: 1080px) {
    .grid { width: 100% !important; margin-top: 10px; }

    .masonry-item { width: 100%; margin: 0; padding: 0 0 20px 0; background: #fff; border: none; }

        .masonry-item:hover { border: none; }
}

@media (max-width: 1170px) {
    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * { width: 37px; }

    .popular-tags { padding-right: 20px; padding-left: 20px; overflow: visible; height: auto; }

    .right-img-top { height: 220px; }

        .right-img-top .box { height: 220px; }

    .right-img-btm { height: 218px; }

        .right-img-btm .box { height: 218px; }
}

.btn-primary-style { background: #00adef; border: 1px solid #0090c4; border-bottom: 3px solid #0090c4; color: #fff; font-weight: bold; border-radius: 3px !important; }

.img-500 { display: inline !important; width: 500px; }

.img-200 { display: inline !important; width: 200px; margin: 5px; }

.img-300 { display: inline !important; width: 300px; margin: 5px; }

.img-200 { display: inline !important; width: 200px; margin: 5px; }

.inline_block { display: inline-block; width: 100%; }

@media (min-width: 1200px) {
    .container.container_full { width: 1288px !important; }
}


.star { font-size: 24px; cursor: pointer; height: 20px; line-height: 20px; }
    .star.hover, .star.active { color: orange; }

.icon-cart i { font-size: 26px; height: 60px; width: 60px; line-height: 60px; display: inline-block; border-radius: 50%; text-align: center }

.icon-cart .cart-total { position: relative; top: -40px; left: -25px; font-size: 1em; line-height: 22px; width: 30px; height: 30px; border-radius: 50%; display: inline-block; text-align: center }

.icon-cart .cart-icon2 { background: #2e3d60; border: 4px dashed white; color: white; }

.icon-cart .cart-total-2 { background: white; border: 2px solid #2e3d60; color: white; color: #2e3d60; font-weight: bold; }

.icon-cart { bottom: 8%; opacity: 1; position: fixed; right: -15px; transition: opacity 0.4s ease-in-out 0s; z-index: 1000; }

.has-error .form-control { border-color: #ed3e3a; -webkit-box-shadow: none; box-shadow: none; }

.input__field { width: 100%; padding: 5px 10px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; z-index: 1; background-color: transparent; color: rgb(34, 34, 34); }

.input { display: block; position: relative; }
.input__label { font-weight: 500; position: absolute; top: 7px; left: 12px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; z-index: 1; }
.input__field:focus { outline: 0; }
    .input--filled .input__label, .input--filled + .select2 + .input__label, .input__field:focus + .input__label { font-size: 14px; top: -25px; left: 0; font-style: italic; color: rgb(130, 130, 130); }

.required { color: #ed3e3a; margin: 0 5px; font-size: 14px; }

#filterForm { }

    #filterForm .card-header { background-color: var(--main-color); position: relative; margin-top: 0; padding-right: 10px; }

        #filterForm .card-header a { padding: 8px 12px 8px 10px; color: #fff !important; line-height: 21px; display: block; position: relative; }

            #filterForm .card-header a:after { content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-size: 20px; height: auto; position: absolute; top: 8px; border: 0; right: 0; font-weight: 900; color: rgb(255, 255, 255); }

            #filterForm .card-header a[aria-expanded="true"]:after { content: "\f0dd"; top: 4px; }

            #filterForm .card-header a[aria-expanded="false"] { margin-bottom: 3px; }

        #filterForm .card-header h5 { color: #fff; margin-top: 0 !important; }