/*
Theme Name: Local Noticias 
Theme URI: http://soulcode.pt
Author: Sérgio Ferreira
Author URI: Http://soulcode.pt
Description: Pagina para o correio de sintra
Version: 1.0.0
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

$white: #fff;
$black: #000;

$primary: #4361ee;
$info: #2196f3;
$success: #00ab55;
$warning: #e2a03f;
$danger: #e7515a;
$secondary: #805dca;
$dark: #3b3f5c;

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
small{font-size: 9px!important; font-weight:600;}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
footer{background-color:#ffc83e;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;align-items: stretch;}
footer h3{color: #333; font-weight: 600}
footer a{text-transform: uppercase;color: #333!important;font-size: 12px;}
footer a i{font-size: 28px;color: #333!important;}
footer p{margin-bottom: 0px;padding-bottom: 2px; color: #333;margin-left: 1em}
footer img{margin-bottom: 0px;padding-bottom: 2px; color: #333;margin-left: 10px}
footer ul {margin-left: 10px;}
footer ul.nav {flex-wrap: nowrap;align-items: center;}
footer ul li{display: inline-block;margin: 5px}
footer ul li:hover{background-color: #00000003}
.amadora{background-color: #bbb3d9!important;}
.cascais{background-color: #a8e0fa!important;}
.loures{background-color: #c49a6c!important;}
.mafra{background-color: #dea5b1!important;}
.odivelas{background-color: #a1d8c5!important;}
.oeiras{background-color: #f7941d!important;}
.sintra{background-color: #c5be7f!important;}
p {margin-bottom: 3px!important;line-height: 24px;}
.float-left{float: left;}
.float-right{float: right;}
.block-cat a {color: white!important;font-size: 12px;font-weight: 200}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { background: #f0f0ea repeat-x top left; text-align: center; line-height: 1.6; font-family: 'Montserrat', sans-serif!important; font-size: 11px; color: #636363; }
a:link, a:visited { text-decoration: none; color: #647e8b; }
a:hover { text-decoration: none;cursor:pointer;color: #50626b!important; }
.clear, .clearfix { clear: both; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 > a {font-size: inherit;font-weight: inherit;color: inherit!important;font-family: 'Montserrat',sans-serif;}
p { padding-bottom: 10px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: 'Montserrat',sans-serif!important; margin-bottom: 10px; }
li, a{ font-family: 'Montserrat',sans-serif!important;text-transform: uppercase;font-size: 14px}
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
.active_c{display: inline-block!important;width: 184px!important;position: absolute;right: 120%!important;}
h3{font-size: 14px!important;}
h4{font-size: 12px!important;}
img:is([sizes="auto" i], [sizes^="auto," i]){contain-intrinsic-size: auto!important;}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: unset;!important;
    color: fieldtext !important;
}

.img-popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto!important;
    object-fit: fill;
    z-index: 9999;
    height: 60vh!important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}
figure .img-popup-backdrop{
  
    font-size: 18px;
    color:white;
    position:fixed;
    width: 100vw;
    height: 100vh;
    background-color: #ffc83eee;
    top: 0px;
    left: 0px;
    z-index: 9998;
}

figure .img-popup-close{
  
    position: fixed;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
}

figure .img-popup-close div{
  
    color: #333;
    position: fixed;
    width: fit-content;
    height: auto;
    z-index: 9998;
    padding: 8px;
    border-radius: 25%;
    font-weight: 400;
    cursor: pointer;
}
figure .img-popup-close .img-popup-x{
  
    font-size: 25px;
    top: 5%;
    left: 95%;
    transform: translate(-95%, -20%);
    
}
figure .img-popup-close .img-popup-prev{
  
    font-size: 75px;
    top: 50%;
    left: 1%;
    transform: translate(-30%, -50%);
    font-weight: 200;
    cursor: pointer;
    padding: 3px;
    border-radius: 5px;
}

figure .img-popup-close .img-popup-prev:hover{
    background: #ffb33e;
    width: 50px;
    color: white;
}

figure .img-popup-close .img-popup-next{
  
    font-size: 70px;
    color: #333;
    position: fixed;
    top: 50%;
    left: 97%;
    transform: translate(-30%, -50%);
    padding: 8px;
    font-weight: 200;
    cursor: pointer;
    padding: 3px;
    border-radius: 5px;

}


figure .img-popup-close .img-popup-next:hover{
    background: #ffb33e;
    width: 50px;
    color: white;
}
.w-100{

    width: 100%!important;
}

.w-75{

    width: 75%!important;
}

.w-50{

    width: 50%!important;
}

.w-25{

    width: 25%!important;
}


[data-align]{
    cursor: pointer;margin-right: 1em;
}
.modal{z-index: 9999!important;}
.modal{background-color: #000000cc}
.modal button.btn-close{position: absolute;top:7px;right: 7px;}
.modal .modal-content{background-color: #ffffffc9;}
.modal .modal-content .modal-body{padding-left: 0px;padding-right: 0px}
.hideme{opacity:0;}
.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}

.list.block-md-paged{
        flex-direction: column;
    

   
}

.list.block-md-paged .bock-flex-Thumnails-posts{
        width: 98%;
    }

.list.block-md-paged .bock-flex-Thumnails-posts .block-posts-img{
        height: 50vh;
    }

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.lg-hidden{display: none;}
.sm-hidden{}


/*------------------------------------------------*/
/*-----------------[TOASTER]/////-----------------*/
/*------------------------------------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .input-group > .form-control {
    flex: 1 1 auto;
    width: 1%;
  }
}

.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

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

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.toast-primary {
  background: #ffc83e;
}

.toast-header {
  background: #ffc83e!important;
  color: #fff;
  border-bottom: 1px solid rgba(33, 150, 243, 0.3411764706);

  
}

.toast-header .meta-time {
    color: #333;
    cursor: pointer;
  }

 .toast-header .btn-close {
    color: #333;
    opacity: 1;
    text-shadow: none;
    background: none;
    padding: 0;
    margin-top: -2px;
  }

.toast-body {
  padding: 16px 12px;
  color: #333;
    background: #ffc83e!important;
}

.toast {
    overflow-y: auto;
    max-height: 90vh;
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
   
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);

}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}







/*------------------------------------------------*/
/*-----------------[HEADER NAV ]-----------------*/
/*------------------------------------------------*/
header .top-nav{background-color: #ffc83e;min-height: 40px;}
header .top-nav ul li{display: inline-block;margin:7px;color:#111}
header .top-nav ul li a{color:#111}
header .top-nav ul:first-child {float: left;margin-top:-3px;}
header .top-nav ul:first-child li {margin-top: 10px}
header .top-nav ul:first-child li i {font-size: 18px}
header .top-nav ul:last-child {float: right;margin-top:3px;}
header .top-nav ul:last-child li  {font-size: 14px}

header .bottom-nav{min-height: 50px;margin-top: 1em;}
header .bottom-nav ul {text-align: center;}
header .bottom-nav ul li{display: inline-block;margin:5px;color:#111}
header .bottom-nav ul li a{color:#111}


header .top-nav-block{height: 90px;background-color: white;display: flex;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}
header .top-nav-block ul {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
header .top-nav-block ul li{margin: 14px;position: relative;}
header .top-nav-block h1{font-size: 44px; font-weight: bold; text-align: center;}
header .top-nav-block i{font-size: 18px; color:#333 }


/*------------------------------------------------*/
/*-----------------[FOOTER NAV ]-----------------*/
/*------------------------------------------------*/

.footer-bottom-menu {background-color:#fff }
.footer-bottom-menu {text-align: center;}
.footer-bottom-menu li{display: inline-block; width: 25%; font-size:10px!important; text-align: center;}
.footer-bottom-menu li a{font-size:10px; text-align: center;}


/*------------------------------------------------*/
/*------------------[CATEGOTY BREADCRUMB]---------*/
/*------------------------------------------------*/

ol.breadcrumb li{font-size: 10px;}

ol.breadcrumb li a{font-size: 10px;}


/*------------------------------------------------*/
/*------------------[POST PAGE]-----------------*/
/*------------------------------------------------*/

.block-post-date-i{

    font-size: 12px;
    margin-left: 1em;
}



/*------------------------------------------------*/
/*------------------[PAGINATION]-----------------*/
/*------------------------------------------------*/

.pagination-outer{ text-align: center; }
.pagination{
    font-family: 'Montserrat', sans-serif;
    display: inline-flex;
    position: relative;
}
.pagination li a.page-link{
    color: #ffc83e;
    background: transparent;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
    height: 35px;
    width: 35px;
    padding: 0;
    margin: 0 7px;
    border: 2px solid #ffc83e;
    border-radius: 0;
    display: block;
    position: relative;
    z-index: 0;
    transition: all 0.5s ease 0s;
}
.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link{
    font-size: 23px;
    line-height: 28px;
}
.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active a.page-link:hover,
.pagination li.active a.page-link{
    color: #ffc83e;
    background: transparent;
    border-color: transparent;
    border-top-color: transparent;
}

.pagination li a.page-link.current{
    color: white;
    background-color: #ffc83e;
}

.pagination li a.page-link.next:hover, .pagination li a.page-link.prev:hover{
    color: #ffc83e;
    background: transparent;
    border-color: #ffc83e;
    border-top-color: #ffc83e;
}
.pagination li a.page-link.current:before{
	height: 100%;
    opacity: 1;
}

.pagination li a.page-link.disabled{
	border-color: #aaa;
	color: #aaa;
    
}

.pagination li a.page-link.disabled:before{
	border-color: #aaa;
	color: #aaa;
    background-color: unset;
}

.pagination li a.page-link:before {
    content: '';
    
    height: 0;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active a.page-link:hover:before,
.pagination li.active a.page-link:before{
    height: 100%;
    opacity: 1;
}
@media only screen and (max-width: 480px){
    .pagination{
        font-size: 0;
        display: inline-block;
    }
    .pagination li{
        display: inline-block;
        vertical-align: top;
        margin: 0 0 15px;
    }

    .pagination li a.page-link {
        color: #ffc83e;
        background: 0 0;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        line-height: 28px;
        height: 30px;
        width: 25px;
        padding: 0;
        margin: 0 7px;
        border: 2px solid #ffc83e;
        border-radius: 0;
        display: block;
        position: relative;
        z-index: 0;
        transition: all .5s ease 0s;
    }


}


/*------------------------------------------------*/
/*------------------[SEARCH FORM]-----------------*/
/*------------------------------------------------*/
	#search { float: right; position:relative;z-index:9999 }
		
/*	#searchform  { float: left; }*/
	
	#search input#search-field{background-color: #2f2f2f;
    border: none;
    color: rgba(#efefef, 0.5);
    font-size: 12pt;
    font-weight: 100;
    margin-right: 10px;
    padding: 0.25em 0.75em;
    float: right;
    max-width: 130px;
    text-align: right;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;}
	#search .searchIcon {transition: all 0.6s ease;}
    #search .searchIcon:hover {cursor: pointer;}
	/*#search .searchIcon:hover  input#search-field{width: 184px!important;display: block;}*/

    .search-wrapper {
        position: absolute;
        transform: translate(-80%, -50%);
        top:50%;
        left:50%;
    }
    .search-wrapper.active {}

    .search-wrapper .input-holder {    
        height:auto;
        width:auto;
        overflow: hidden;
        background: rgba(255,255,255,0);
        border-radius:6px;
        position: relative;
        transition: all 0.3s ease-in-out;
        padding: 4px;
    }
    .search-wrapper.active .input-holder {
        width:40vw;
        border-radius: 50px;
        background: rgb(255 200 62 / 97%);
        transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    }
    .search-wrapper .input-holder .search-input {
        width:100%;
        height: 50px;
        padding:0px 70px 0 20px;
        opacity: 0;
        position: absolute;
        top:0px;
        left:0px;
        background: transparent;
        box-sizing: border-box;
        border:none;
        outline:none;
        font-family:'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color:#333;
        transform: translate(0, 60px);
        transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition-delay: 0.3s;
    }
    .search-wrapper.active .input-holder .search-input {
        opacity: 1;
        transform: translate(0, 10px);
        height: 28px;
    }
    .search-wrapper .input-holder .search-icon {
        width:20px;
        height:20px;
        border:none;
        border-radius:6px;
        background: #FFF;
        padding:0px;
        outline:none;
        position: relative;
        z-index: 2;
        float:right;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .search-wrapper.active .input-holder .search-icon {
        width: 50px;
        height:25px;
        margin: 10px;
        border-radius: 30px;
        padding: 5px;
    }
    .search-wrapper .input-holder .search-icon span {
        width:22px;
        height:22px;
        display: inline-block;
        vertical-align: middle;
        position:relative;
        transform: rotate(0deg);
        transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    }
    .search-wrapper.active .input-holder .search-icon span {
        transform: rotate(0deg);
    }
    .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
        position: absolute; 
        content:'';
    }
    /*.search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 11px;
        left: 9px;
        top: 18px;
        border-radius: 2px;
        background: #FE5F55;
    }
    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0px;
        top: 0px;
        border-radius: 16px;
        border: 4px solid #FE5F55;
    }*/
    .search-wrapper .close {
        position: absolute;
        z-index: 1;
        top:-1px;
        right:11px;
        width:25px;
        height:25px;
        cursor: pointer;
        transform: rotate(-180deg);
        transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
        /*transition-delay: 0.2s;*/
    }
    .search-wrapper.active .close {
        right:-35px;
        top:24px;
        transform: rotate(45deg);
        transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        /*transition-delay: 0.5s;*/
    }
    .search-wrapper .close::before, .search-wrapper .close::after {
        position:absolute;
        content:'';
        background: #FE5F55;
        border-radius: 2px;
    }
    .search-wrapper .close::before {
        width: 5px;
        height: 20px;
        left: 0px;
        top: 0px;
    }
    .search-wrapper .close::after {
        width: 20px;
        height: 5px;
        left: -7px;
        top: 7px;
    }


/*------------------------------------------------*/
/*------------------[BLOCK WIDGETS PAGES]-----------------*/
/*------------------------------------------------*/

aside.widget{}
aside.widget ul{padding: 0px;margin-left: 1px!important;margin-bottom: 1em;}
aside.widget ul li{margin:10px!important;margin-bottom: 1em;}
aside.widget ul li > div {width: fit-content%}
aside.widget ul li > div.alignright {width: 25%;margin-left: 1px;margin-bottom: 5px}
aside.widget ul li > div  img {width: 100%;border-radius: 3px;}
aside.widget ul li > time {font-size: 9px;font-weight: 100;text-transform:none;}
aside.widget ul li a {font-size: 10px;text-align: justify;text-transform:none;font-weight: 800}
aside.widget figure a {font-size: 12px;text-align: justify;}
aside.widget figure .wp-element-caption {font-size: 12px;text-align: justify;}
aside.widget p {margin-bottom: 0px!important;padding: 1px!important<}
/*------------------------------------------------*/
/*------------------[BLOCK LARGE PAGES]-----------------*/
/*------------------------------------------------*/

    .block-posts .post-direction{display: flex;margin-bottom: 1em;}
    .block-posts .post-direction a:first-child{float: left;}
    .block-posts .post-direction a:last-child{float: right;text-align: right;}
    .block-posts .post-direction div {font-size: 12px;color: #222; font-weight: 700}
    .block-posts .post-direction small {font-size: 9px;font-weight: 200}



/*------------------------------------------------*/
/*------------------[BLOCK LARGE PAGES]-----------------*/
/*------------------------------------------------*/

.block-lg-paged {
    display: inline-block;
    width: 100%; 

}
.block-lg-paged .bock-flex-lg-posts img{width: 100%}
.block-lg-paged .bock-flex-lg-posts{width: 100%; margin: 5px;text-align: justify-all;}
.block-lg-paged .bock-flex-lg-posts .block-posts-title{ margin: 5px;text-align: justify;}
.block-lg-paged .bock-flex-lg-posts .block-posts-cat{border-left: 3px solid #ffc83e; margin: 5px;text-align: justify;font-size: 12px;width: auto;display: inline-block;padding-left: 3px;}
.block-lg-paged .bock-flex-lg-posts .block-posts-img{ margin: 5px;text-align: justify;overflow: hidden;height:300px;width:auto;position:relative; }
.block-lg-paged .bock-flex-lg-posts .block-posts-img img{ height:100%; width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.block-lg-paged .bock-flex-lg-posts .block-posts-date{ margin: 5px;text-align: left;font-size: 12px;padding: 3px;display: inline-block;}
.block-lg-paged .wp-block-gallery{display: flex;}
.block-lg-paged .wp-block-gallery .wp-block-image{width:40%!important;margin: 1em!important;}
.block-lg-paged .post-direction{display: flex;}
.block-post .post-direction a {font-size: 14px;}

/*------------------------------------------------*/
/*------------------[BLOCK MEDIO PAGES]-----------------*/
/*------------------------------------------------*/

.block-md-paged {
	display: flex;
	width: 100%; 
	grid-auto-flow: row;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;}
.block-md-paged  a{width: auto;}
/*.block-md-paged .bock-flex-Thumnails-posts img{width: 100%}*/
/*.block-md-paged .bock-flex-Thumnails-posts .block-posts-img-pub img{height: 100%;width: auto;max-width: none;}*/
.block-md-paged .bock-flex-Thumnails-posts .block-posts-img-pub p{margin-bottom:-1px; }
.block-md-paged .bock-flex-Thumnails-posts{width: 48%; margin: 5px;margin-bottom:1.4em;text-align: justify;}
.block-md-paged .bock-flex-Thumnails-posts .block-posts-title{ margin: 5px;text-align: left;font-size: 14px;font-weight: 800;line-height:20px;}
.block-md-paged .bock-flex-Thumnails-posts .block-posts-cat.top{position: absolute;z-index: 2;background-color: #ffc83e; color: white;font-size: 12px;padding: 2px;text-transform: uppercase;margin: 3px}
.block-md-paged .bock-flex-Thumnails-posts .block-posts-cat.top:before{content: "";-webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);

    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;}
.block-md-paged .bock-flex-Thumnails-posts .block-posts-img{ margin: 5px;text-align: justify;overflow: hidden;height:270px;position:relative; }
.block-md-paged .bock-flex-Thumnails-posts .block-posts-img img{ height:auto;width: 100%; position:absolute;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;transform: translate(-50%,0%);left: 50%;top: 0%;}
.block-md-paged .bock-flex-Thumnails-posts .block-posts-date{ margin: 5px;text-align: left;font-size: 10px;border-left: 3px solid #ffc83e;padding: 3px;font-weight: 200;}
.block-md-paged a:hover > .block-posts-img img{transform: scale3d(1.20, 1.20, 1) translate(-50%,0%);-webkit-transform: scale3d(1.20, 1.20, 1) translate(-50%,0%); opacity: 0.6;}


/*------------------------------------------------*/
/*------------------[BLOCK SMALL PAGES]-----------------*/
/*------------------------------------------------*/

.block-sm-paged {
	display: inline-block;
	width: 100%; 
	/*grid-auto-flow: row;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;*/
}
.block-sm-paged .bock-flex-Thumnails-posts{width: 100%; margin: 4px;text-align: justify-all;display: inline-block;}
.block-sm-paged .bock-flex-Thumnails-posts img{width: 100%}
.block-sm-paged .bock-flex-Thumnails-posts .block-posts-title{ margin: 2px;text-align: left;width: 70%;float: right;font-size: 10px; font-weight: 800}
.block-sm-paged .bock-flex-Thumnails-posts .block-posts-img{ margin: 2px;text-align: justify-all;overflow: hidden;height:70px;position:relative;width: 25%;float: left}
.block-sm-paged .bock-flex-Thumnails-posts .block-posts-img img{  height:100px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.block-sm-paged .bock-flex-Thumnails-posts .block-posts-date{ margin: 2px;text-align: left;font-size: 8px;border-left: 3px solid #ffc83e;padding: 3px;width: 70%;float: right;font-weight: 100}



/*------------------------------------------------*/
/*------------------[BLOCK SMALL PAGES COLUMM]-----------------*/
/*------------------------------------------------*/

.block-sm-paged-columm {
    display: inline-block;
    width: 100%; 
    /*grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;*/
}
.block-sm-paged-columm .bock-flex-Thumnails-posts{width: 28%;
    margin:1em;
    text-align: justify;
    display: inline-block;
    vertical-align: text-top;}
.block-sm-paged-columm .bock-flex-Thumnails-posts img{min-height:150px;width:auto;height: auto;}
.block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-title{ margin: 2px;text-align: left;width: 100%;font-size: 12px;font-weight: 700;line-height:16px;}
.block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-img{ margin: 2px;text-align: justify;overflow: hidden;position:relative;width: 100%;height: 150px}
.block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-img img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-date{ margin: 2px;text-align: left;font-size: 12px;border-left: 3px solid #ffc83e;padding: 3px;width: 100%;}


/*------------------------------------------------*/
/*------------------[SLIDE SHOW]-----------------*/
/*------------------------------------------------*/

.slide-show{border-bottom: 3px solid #ffc83e}
.row_c{width: 100%;max-height: 40vh}
.row_c > div{width: 100%;max-height: 40vh;position: relative;}
.row_c #style1{width: 100%;height: 40vh;overflow: hidden;}
.row_c .carousel-inner{height: 40vh;}
.row_c .carousel-item img{transform: translate(-50%,-40%);position: absolute;top:50%;left: 50%}
.row_c .style-custom-1 .carousel-caption {
    position: absolute;
    right: auto;
    left: 44px;
    color: #000;
    text-align: center;
    width: auto;
    top: 100%;
    transform: translateY(50%);
    bottom: initial;
    background-color: #ffc83ec9;
    padding: 25px;
    border-radius: 5px;
    font-weight: 300;
}

.row_c .style-custom-1 .carousel-caption a{
    color: #000;
    text-transform: none;
    font-weight: 300;
}
.carousel-caption-top {
    position: absolute;
    right: auto;
    left: 44px;
    color: #000000;
    text-align: center;
    width: auto;
    top: -37px;
    transform: translateY(50%);
    bottom: initial;
    background-color: #ffffffc9;
    padding: 7px;
    border-radius: 5px;
}
.row_c .style-custom-1 .carousel-inner {
    border-radius: 0px;
}
#cat-block-slide { position:relative;margin-bottom: 2em;}
#cat-block-slide .carousel-item{ height: 190px; overflow: hidden;}
#cat-block-slide h5{ font-size:12px }
#cat-block-slide .image-mask{ width:100%;height:100%;background-color:rgba(0,0,0,1); }
#cat-block-slide .image-mask img{ -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;height: 100%}
#cat-block-slide .image-mask img{ opacity:0.6 ; transition: all 1s ease 0.2s; }
#cat-block-slide .carousel-item:hover > .image-mask img{transform: scale3d(1.85, 1.85, 1);-webkit-transform: scale3d(1.85, 1.85, 1); opacity: 0.4;}
#cat-block-slide .carousel-date{ font-size:10px }
#cat-block-slide .carousel-control-prev{ left: -20px}
#cat-block-slide .carousel-control-next{right:-20px; }
#cat-block-slide .carousel-indicators{right:-20px; }

#post-block-slide{position: relative; margin-bottom: 2em;}
/*------------------------------------------------*/
/*------------------[SCROLL STIKY]-----------------*/
/*------------------------------------------------*/

/*.block-posts{

	position: sticky;
	top:20px;
	background: white;
	padding-bottom: 1px;
	
}*/

.hidden{display: none!important;}
.stiky-block{

	position: sticky;
	top:25px;
    z-index: 999;
	background: white;
	padding-bottom: 1px;
	
}



/*------------------------------------------------*/
/*------------------[SOCIAL STYLE]-----------------*/
/*------------------------------------------------*/

/*.fa-facebook-square, .fa-facebook-f, .fa-facebook{
    color: #516eab;
}*/

.fa-whatsapp{
    color: #7bbf6a;
}

.social-share ul {
    display: flex;
    margin: 0px;
    padding-left: 1em!important;
}

.social-share ul li:not(:first-child){
    margin-left: 1em;
}


/*------------------------------------------------*/
/*------------------[BOX CONER STYLES]-----------------*/
/*------------------------------------------------*/

.box {
  --b: 5px;   /* thickness of the border */
  --c: #ffc83e;   /* color of the border */
  --w: 20px;  /* width of border */
  

  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
    conic-gradient(from 90deg  at top    var(--b) left  var(--b),var(--_g)) 0    0    / var(--_p),
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p),
    conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);
  
 
}

.box-t-l {
  --b: 5px;   /* thickness of the border */
  --c: red;   /* color of the border */
  --w: 20px;  /* width of border */
  

  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
    conic-gradient(from 90deg  at top    var(--b) left  var(--b),var(--_g)) 0    0    / var(--_p);
  
 
}


.box-t-r {
  --b: 5px;   /* thickness of the border */
  --c: red;   /* color of the border */
  --w: 20px;  /* width of border */
  

  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
  
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p);
   
 
}

.box-b-l {
  --b: 5px;   /* thickness of the border */
  --c: red;   /* color of the border */
  --w: 20px;  /* width of border */
  

  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
  
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);

 
}

.box-b-r {
  --b: 5px;   /* thickness of the border */
  --c: red;   /* color of the border */
  --w: 20px;  /* width of border */
  

  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:

    conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);
  
 
}


.parallelogram {
    width: auto;
    height: auto;
    position: relative;
    color: white!important;
    font-weight: 700;
    
    margin-left: 8px;
}

.parallelogram:before {
    
    color: white!important;
    font-weight: 700;
   
}

.parallelogram .box {
    background: #ffc83e;
    transform: skew(-18deg);
    position: absolute;
    left: 4px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: -6px;
    z-index: -1;
    width: 110%;   
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  height: 50px;
  display: flex;
  color: #ffc83e;
  background:
    linear-gradient(currentColor 0 0) right  /51% 100%,
    linear-gradient(currentColor 0 0) bottom /100% 51%;
  background-repeat: no-repeat;
  animation: l17-0 2s infinite linear .25s;
  position: absolute;
  top: 50%;
  left: 50%;
}
.loader::before{
  content:"";
  width: 50%;
  height: 50%;
  background: currentColor;
  transform-origin: 10% 10%;
  animation: l17-1 .5s infinite linear;
}
@keyframes l17-0 {
  0%   ,12.49% {transform: rotate(0deg)}
  12.5%,37.49% {transform: rotate(90deg)}
  37.5%,62.49% {transform: rotate(180deg)}
  62.5%,87.49% {transform: rotate(270deg)}
  87.5%,100%   {transform: rotate(360deg)}
}
@keyframes l17-1 {
  0%      {transform: perspective(80px) rotate3d(-1,1,0, 0)}
  80%,100%{transform: perspective(80px) rotate3d(-1,1,0,-360deg)}
}


@media screen and (max-width: 1000px) {
    .lg-hidden{display: block;}

    /*------------------------------------------------*/
    /*------------------[TOP NAV BLOCK]-----------------*/
    /*------------------------------------------------*/


    header .top-nav-block{height: 80px;background-color: white;display: inline-block;width: 100vw;margin-top: 2em}
    header .top-nav-block > div:first-child{height: 40px}
    header .top-nav-block > div:last-child{height: 40px;text-align: right;}
    header .top-nav-block ul {display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;padding: 0px}
    header .top-nav-block ul li{margin: 10px}
    header .top-nav-block ul li a{margin: 18px}
    header .top-nav-block h1{font-size: 24px; font-weight: bold; text-align: left; margin-left: 1em}
    header .top-nav-block i{font-size: 18px; }

    /*------------------------------------------------*/
    /*------------------[BLOCK WIDGETS PAGES]-----------------*/
    /*------------------------------------------------*/

    /*aside.widget{width: 45%;display: inline-block;}
    aside.widget ul{padding: 0px;margin-left: 1px!important;margin-bottom: 1em;}
    aside.widget ul li{margin-bottom: 1em;}
    aside.widget ul li > div {width: 100%}
    aside.widget ul li > div.alignright {width: 25%;margin-left: 1px;margin-bottom: 5px}
    aside.widget ul li > div > img {width: 100%;border-radius: 3px;}
    aside.widget ul li > time {font-size: 9px;font-weight: 100;text-transform:none;}
    aside.widget ul li a {font-size: 10px;text-align: justify;text-transform:none;font-weight: 800}
    aside.widget figure a {font-size: 12px;text-align: justify;}
    aside.widget figure .wp-element-caption {font-size: 12px;text-align: justify;}*/
    aside .wp-block-latest-posts.is-grid {display: flex;align-content: center;justify-content: space-around;align-items: flex-start;}

    /*------------------------------------------------*/
    /*------------------[BLOCK LARGE PAGES]-----------------*/
    /*------------------------------------------------*/

        .block-posts .post-direction{display: flex;margin-bottom: 1em;}
        .block-posts .post-direction a:first-child{float: left;}
        .block-posts .post-direction a:last-child{float: right;text-align: right;}
        .block-posts .post-direction div {font-size: 12px;color: #222; font-weight: 700}
        .block-posts .post-direction small {font-size: 9px;font-weight: 200}



    /*------------------------------------------------*/
    /*------------------[BLOCK LARGE PAGES]-----------------*/
    /*------------------------------------------------*/

    .block-lg-paged {
        display: inline-block;
        width: 100%; 

    }
    .block-lg-paged .bock-flex-lg-posts img{width: 100%}
    .block-lg-paged .bock-flex-lg-posts{width: 100%; margin: 5px;text-align: justify-all;}
    .block-lg-paged .bock-flex-lg-posts .block-posts-title{ margin: 5px;text-align: justify;}
    .block-lg-paged .bock-flex-lg-posts .block-posts-cat{border-left: 3px solid #ffc83e; margin: 5px;text-align: justify;font-size: 12px;width: auto;display: inline-block;padding-left: 3px;}
    .block-lg-paged .bock-flex-lg-posts .block-posts-img{ margin: 5px;text-align: justify;overflow: hidden;height:300px;width:auto;position:relative; }
    .block-lg-paged .bock-flex-lg-posts .block-posts-img img{ height:100%; width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
    .block-lg-paged .bock-flex-lg-posts .block-posts-date{ margin: 5px;text-align: left;font-size: 12px;padding: 3px;display: inline-block;}
    .block-lg-paged .wp-block-gallery{display: flex;}
    .block-lg-paged .wp-block-gallery .wp-block-image{width:40%!important;margin: 1em!important;}
    .block-lg-paged .post-direction{display: flex;}
    .block-post .post-direction a {font-size: 14px;}

    /*------------------------------------------------*/
    /*------------------[BLOCK MEDIO PAGES]-----------------*/
    /*------------------------------------------------*/
    .row , .container{margin: 0px!important;padding: 0px!important;vertical-align: center}
    .container{max-width: 100vw!important}
    .block-md-paged {
        display: flex;
        width: 100%; 
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-around;
        align-items: flex-start;}
    .block-md-paged .bock-flex-Thumnails-posts img{width: 100%}
    .block-md-paged .bock-flex-Thumnails-posts{width: 46%; margin: 5px;text-align: justify;margin-bottom: 1.4em;}
    .block-md-paged .bock-flex-Thumnails-posts .block-posts-title{ margin: 5px;text-align: left;}
    .block-md-paged .bock-flex-Thumnails-posts .block-posts-img{ margin: 5px;text-align: justify;overflow: hidden;height:150px;position:relative; }
    .block-md-paged .bock-flex-Thumnails-posts .block-posts-img img{ height:auto; width:100%;position:absolute;}
    .block-md-paged .bock-flex-Thumnails-posts .block-posts-date{ margin: 5px;text-align: left;font-size: 12px;border-left: 3px solid #ffc83e;padding: 3px}


    /*------------------------------------------------*/
    /*------------------[BLOCK SMALL PAGES]-----------------*/
    /*------------------------------------------------*/

    .block-sm-paged {
        display: flex;
        width: 100%; 
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .block-sm-paged .bock-flex-Thumnails-posts{width: 30%; margin: 4px;text-align: justify-all;display: inline-block;}
    .block-sm-paged .bock-flex-Thumnails-posts img{width: 100%}
    .block-sm-paged .bock-flex-Thumnails-posts .block-posts-title{ margin: 2px;text-align: left;width: 59%;float: right;font-size: 10px; font-weight: 800}
    .block-sm-paged .bock-flex-Thumnails-posts .block-posts-img{ margin: 2px;text-align: justify-all;overflow: hidden;height:70px;position:relative;width: 34%;float: left}
    .block-sm-paged .bock-flex-Thumnails-posts .block-posts-img img{  height:100px;width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
    .block-sm-paged .bock-flex-Thumnails-posts .block-posts-date{ margin: 2px;text-align: left;font-size: 8px;border-left: 3px solid #ffc83e;padding: 3px;width: 59%;float: right;font-weight: 100}



    /*------------------------------------------------*/
    /*------------------[BLOCK SMALL PAGES COLUMM]-----------------*/
    /*------------------------------------------------*/

    .block-sm-paged-columm {
        display: inline-block;
        width: 100%; 
        /*grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;*/
    }
    .block-sm-paged-columm .bock-flex-Thumnails-posts{width: 26%;
        margin:1em;
        text-align: justify;
        display: inline-block;
        vertical-align: text-top;}
    .block-sm-paged-columm .bock-flex-Thumnails-posts img{width:auto;height: auto;}
    .block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-title{ margin: 2px;text-align: left;width: 100%;font-size: 12px;font-weight: 700}
    .block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-img{ margin: 2px;text-align: justify;overflow: hidden;position:relative;width: 100%;height: 150px}
    .block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-img img{width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
    .block-sm-paged-columm .bock-flex-Thumnails-posts .block-posts-date{ margin: 2px;text-align: left;font-size: 12px;border-left: 3px solid #ffc83e;padding: 3px;width: 100%;}


    /*------------------------------------------------*/
    /*------------------[SLIDE SHOW]-----------------*/
    /*------------------------------------------------*/

    .slide-show{border-bottom: 3px solid #ffc83e}
    .row_c{width: 100%;max-height: 300px}
    .row_c > div{width: 100%;max-height: 300px;position: relative;}
    .row_c #style1{width: 100%;height: 300px;overflow: hidden;}
    .row_c .carousel-inner{height: 300px;}
    .row_c .carousel-item img{transform: translate(-50%,-40%);position: absolute;top:50%;left: 50%}
    .row_c .style-custom-1 .carousel-caption {
        position: absolute;
        right: auto;
        left: 44px;
        color: #fff;
        text-align: center;
        width: 75%;
        top: 15%;
        transform: translateY(50%);
        bottom: initial;
        background-color: #ffc83e;
    }
    .row_c .style-custom-1 .carousel-inner {
        border-radius: 0px;
    }
    #cat-block-slide { position:relative;margin-bottom: 2em;}
    #cat-block-slide .carousel-item{ height: 350px; overflow: hidden;}
    #cat-block-slide h5{ font-size:12px }
    #cat-block-slide .image-mask{ width:100%;height:100%;background-color:rgba(0,0,0,1); }
    #cat-block-slide .image-mask img{ -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;height: 100%}
    #cat-block-slide .image-mask img{ opacity:0.6 ; transition: all 1s ease 0.2s; }
    #cat-block-slide .carousel-item:hover > .image-mask img{transform: scale3d(1.85, 1.85, 1);-webkit-transform: scale3d(1.85, 1.85, 1); opacity: 0.4;}
    #cat-block-slide .carousel-date{ font-size:10px }
    #cat-block-slide .carousel-control-prev{ left: -20px}
    #cat-block-slide .carousel-control-next{right:-20px; }
    #cat-block-slide .carousel-indicators{right:-20px; }

    #post-block-slide{position: relative; margin-bottom: 2em;}


}
@media screen and (max-width: 600px) {


    /*------------------------------------------------*/
    /*------------------[SEARCH FORM]-----------------*/
    /*------------------------------------------------*/
    #search { float: right; position:relative;z-index:9999 }
        
    /*  #searchform  { float: left; }*/
    
    #search input#search-field{background-color: #2f2f2f;
    border: none;
    color: rgba(#efefef, 0.5);
    font-size: 12pt;
    font-weight: 100;
    margin-right: 10px;
    padding: 0.25em 0.75em;
    float: right;
    max-width: 130px;
    text-align: right;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;}
    #search .searchIcon {transition: all 0.6s ease;}
    #search .searchIcon:hover {cursor: pointer;}
    /*#search .searchIcon:hover  input#search-field{width: 184px!important;display: block;}*/

    .search-wrapper {
        position: absolute;
        transform: translate(-70%, -50%);
        top:50%;
        left:50%;
    }
    .search-wrapper.active {}

    .search-wrapper .input-holder {    
        height:auto;
        width:auto;
        overflow: hidden;
        background: rgba(255,255,255,0);
        border-radius:6px;
        position: relative;
        transition: all 0.3s ease-in-out;
        padding: 4px;
    }
    .search-wrapper.active .input-holder {
        width: 85vw;
        border-radius: 50px;
        background: rgb(255 200 62 / 97%);
        transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    }
    .search-wrapper .input-holder .search-input {
        width:100%;
        height: 50px;
        padding:0px 70px 0 20px;
        opacity: 0;
        position: absolute;
        top:0px;
        left:0px;
        background: transparent;
        box-sizing: border-box;
        border:none;
        outline:none;
        font-family:'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color:#333;
        transform: translate(0, 60px);
        transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition-delay: 0.3s;
    }
    .search-wrapper.active .input-holder .search-input {
        opacity: 1;
        transform: translate(0, 10px);
        height: 28px;
    }
    .search-wrapper .input-holder .search-icon {
        width:20px;
        height:20px;
        border:none;
        border-radius:6px;
        background: #FFF;
        padding:0px;
        outline:none;
        position: relative;
        z-index: 2;
        float:right;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .search-wrapper.active .input-holder .search-icon {
        width: 50px;
        height:25px;
        margin: 10px;
        border-radius: 30px;
        padding: 5px;
    }
    .search-wrapper .input-holder .search-icon span {
        width:22px;
        height:22px;
        display: inline-block;
        vertical-align: middle;
        position:relative;
        transform: rotate(0deg);
        transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    }
    .search-wrapper.active .input-holder .search-icon span {
        transform: rotate(0deg);
    }
    .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
        position: absolute; 
        content:'';
    }
    /*.search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 11px;
        left: 9px;
        top: 18px;
        border-radius: 2px;
        background: #FE5F55;
    }
    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0px;
        top: 0px;
        border-radius: 16px;
        border: 4px solid #FE5F55;
    }*/
    .search-wrapper .close {
        position: absolute;
        z-index: 1;
        top:-1px;
        right:11px;
        width:25px;
        height:25px;
        cursor: pointer;
        transform: rotate(-180deg);
        transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
        /*transition-delay: 0.2s;*/
    }
    .search-wrapper.active .close {
        left: -35px;
        right:unset;
        top:24px;
        transform: rotate(45deg);
        transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        /*transition-delay: 0.5s;*/
    }
    .search-wrapper .close::before, .search-wrapper .close::after {
        position:absolute;
        content:'';
        background: #FE5F55;
        border-radius: 2px;
    }
    .search-wrapper .close::before {
        width: 5px;
        height: 20px;
        left: 0px;
        top: 0px;
    }
    .search-wrapper .close::after {
        width: 20px;
        height: 5px;
        left: -7px;
        top: 7px;
    }

	/*------------------------------------------------*/
    /*-----------------[FOOTER NAV ]-----------------*/
    /*------------------------------------------------*/

    .footer-bottom-menu {background-color:#fff }
    .footer-bottom-menu {text-align: center;}
    .footer-bottom-menu li{display: inline-block; width: 100%; font-size:10px!important; text-align: center;}
    .footer-bottom-menu li a{font-size:10px; text-align: center;}


	/*------------------------------------------------*/
	/*------------------[TOP NAV BLOCK]-----------------*/
	/*------------------------------------------------*/


	header .top-nav-block{height: 80px;background-color: white;display: inline-block;width: 100vw;margin-top: 2em}
	header .top-nav-block > div:first-child{height: 40px}
	header .top-nav-block > div:last-child{height: 40px;text-align: right;}
	header .top-nav-block ul {display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;padding: 0px}
	header .top-nav-block ul li{margin: 20px; font-size: 12px}
    header .top-nav-block ul li a {margin: 12px}
	header .top-nav-block h1{font-size: 24px; font-weight: bold; text-align: left; margin-left: 1em}
	header .top-nav-block i{font-size: 18px; }
    img.logo_img{ width: 80%;}


	/*------------------------------------------------*/
	/*------------------[SLIDE SHOW]-----------------*/
	/*------------------------------------------------*/

	.slide-show{border-bottom: 3px solid #ffc83e;max-height: 200px}
	.row_c{width: 100%;max-height: 200px}
	.row_c > div{width: 100%;max-height: 200px;position: relative;}
	.row_c #style1{width: 100%;height: 200px;overflow: hidden;min-height: 180px;}
	.row_c .carousel-inner{height: 200px;}
	.row_c .carousel-item img{transform: translate(-50%,-40%);position: absolute;top:50%;left: 50%}
	.row_c .style-custom-1 .carousel-caption {
	    position: absolute;
	    right: auto;
	    left: 50%;
	    color: #fff;
	    text-align: center;
	    width: 90%;
	    top: 25%;
	    transform: translate(-50%,-50%);
	    bottom: initial;
	    background-color: #ffc83ec9;
	    padding: 1em;
	    border-radius: 4px;
	}
	.row_c .style-custom-1 .carousel-inner {
	    border-radius: 0px;
	}

	/*------------------------------------------------*/
	/*------------------[BOTTOM NAV]-----------------*/
	/*------------------------------------------------*/

	header .bottom-nav{min-height: 50px;}
	header .bottom-nav ul {text-align: center;padding: 0px}
	header .bottom-nav ul li{display: inline-block;margin:5px;color:#111}
	header .bottom-nav ul li a{color:#111}


	/*------------------------------------------------*/
	/*------------------[BLOCK SMALL PAGES]-----------------*/
	/*------------------------------------------------*/

	.block-sm-paged {
		display: grid;
		width: 100%; 
		grid-auto-flow: row;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(1, 1fr);
		flex-direction: row;
	    flex-wrap: wrap;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: flex-start;}
	.block-sm-paged .bock-flex-Thumnails-posts img{width: 100%}
	.block-sm-paged .bock-flex-Thumnails-posts{width: 98%; margin: 4px;text-align: justify-all;display: inline-block;}
	.block-sm-paged .bock-flex-Thumnails-posts .block-posts-title{ margin: 2px;margin-left: 0px;text-align: justify-all;width: 64%;float: right;}
	.block-sm-paged .bock-flex-Thumnails-posts .block-posts-img{ margin: 2px;text-align: justify-all;overflow: hidden;height:100px;position:relative;width: 34%;float: left}
	.block-sm-paged .bock-flex-Thumnails-posts .block-posts-img img{ height:auto; width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
	.block-sm-paged .bock-flex-Thumnails-posts .block-posts-date{ margin: 2px;margin-left: 0px;text-align: left;font-size: 12px;border-left: 3px solid #ffc83e;padding: 3px;width: 64%;float: right;}



}


/*-----------------------------------------------------------*/
/*---------------LATERAL NAV---------------------------------*/
/*-----------------------------------------------------------*/

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 99999999999999999999999999999999999999999999999;
    right: 270px;
    width: 0;
    height: 100%;
    margin-right: -270px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffc83e;
   
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fixed-top{
    position: fixed;
    left: unset!important;
    top:0;
    right: 0px;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 270px;
}



#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.navbar {
  padding: 0;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li:before {
    background-color: #ffffff38;
    color: #333; 
}


.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
   color: #000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 10px 15px 0px 30px;
    text-align: center;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}


.sidebar-nav li ul.dropdown-toggle.show{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.sidebar-header {
    text-align: center;
    font-size: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.sidebar-brand {
    height: 65px;
    position: relative;
    background: #ffc83e;
    background: linear-gradient(to right bottom, #ffbf1d 50%, #ffc83e 50%);
    padding-top: 0em;
}

.sidebar-brand img{
    width: 80%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.sidebar-brand a {
    color: #ddd;
}
.sidebar-brand a:hover {
    color: #fff;
    text-decoration: none;
}
.dropdown-header {
    text-align: center;
    font-size: 1em;
    color: #ddd;
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
}
.sidebar-nav .dropdown-menu {
    position: static;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #22222202;
    box-shadow: none;
}
.dropdown-menu.show {
    top: 0;
}


/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
    position: absolute;
    top: -13px;
    z-index: 999;
    display: block;
    width: 17px;
    height: 23px;
    /* margin-left: 15px; */
    background: 0 0;
    border: none;
    left: -9px;
}

ul.sidebar-nav .hamburger {
    float: left;
    position: relative;
    margin-left: 1em;
}

ul.sidebar-nav .hamburger-li:hover:before {
   width: 0px;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 99999;
}