partborder{border:1px solid #f0f0f0; padding:2px;margin:5px;}

h1 middle,
h1 .middle, .h1 middle,
.h1 .middle,
h2 middle,
h2 .middle, .h2 middle,
.h2 .middle,
h3 middle,
h3 .middle, .h3 middle,
.h3 .middle {
    font-size: 65%;
}
.headersizefont{
    font-size: 36px;
}

.rpos{
    float:right;
}
.lpos{
    float:left;
}
.bluedarkcolor{
    color: #6c8cc7;
    display:block-inline;

}


[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(70%);
}


#map {
    width: 100%;
    height: 400px;
    background-color: #fff;
}

.nameciti{line-height:90%;font-size:13px;}


/* container of calendar's pop-up */
#tcal {
    position: absolute;
    visibility: hidden;
    z-index: 1;
    padding-right: 20px;
    border: 1px solid #e5e5e5;
    width:300px;

}

/* table containing navigation and current month */
/* input box in default state */
.tcalInput {
    background: url('https://citiklinik.ru/inc/images/icon/calendar-disabled.png') 95% 45% no-repeat;
    padding-right: 20px;
    cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
    background-image: url('https://citiklinik.ru/inc/images/icon/calendar.png');
}

#tcalControls {
    position: relative;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;

}
#tcalControls td {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}
#tcalControls th {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    line-height: 25px;
    font-size: 13px;
    text-align: center;

    font-weight: bold;
    white-space: nowrap;
}
#tcalPrevYear {
    background-image: url('https://citiklinik.ru/inc/images/icon/prev_year.gif');
}
#tcalPrevMonth {
    background-image: url('https://citiklinik.ru/inc/images/icon/prev_mon.gif');
}
#tcalNextMonth {
    background-image: url('https://citiklinik.ru/inc/images/icon/next_mon.gif');
}
#tcalNextYear {
    background-image: url('https://citiklinik.ru/inc/images/icon/next_year.gif');
}

/* table containing week days header and calendar grid */
#tcalGrid {
    border-collapse: collapse;
    border: 1px solid #fff;
    width: 100%;
    background-color:#f3f3f3;
    color:#333;
}
#tcalGrid th {
    border: 1px solid #fff;

    padding: 8px;
    text-align: center;

    background-color:#6c8cc7;
    color: white;
    font-size:12px;
}
#tcalGrid td {
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: 8px;
    text-align: center;
    color:#6c8cc7;

    width: 14%;
    font-size: 12px;
    cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: #666; }
#tcalGrid td.tcalWeekend { 
    color: #fff; background-color: #5ccf82;}
#tcalGrid td.tcalToday { border: 1px solid #ccc; background-color:#fff;color:#3b61b9;}
#tcalGrid td.tcalSelected { background-color:#3b61b9; color:#fff;font-weight: bold; }		


/* ##############################################################*/
/* Tables + Comments  КОММЕНТАРИИ */
.responses input,.responses textarea{border-color:#000;}
.responses textarea:focus, .responses input:focus,.responses *:required:focus{border-color:#5ccf82;}

.responses input[type="submit"],.responses input[type="reset"]{color:inherit; background-color:#FBFBFB;}

.responses input:required:valid {color:inherit; background-color:#FBFBFB; 

}
.responses optgroup{color: #f00;font: normal;}

:-moz-placeholder {
    color: #ccc;
}
::-webkit-input-placeholder {
    color: #ccc;
}
::-webkit-validation-bubble-message {
    padding: 1em;
}
.responses input:focus:invalid, .responses textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(https://citiklinik.ru/inc/images/icon/invalidee.png) no-repeat 98% center;
    border-color: #dddddd;
}

.responses input:required:valid, .responses textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(https://citiklinik.ru/inc/images/icon/validee.png) no-repeat 98% center;
    border-color: #5ccf82;
}
.greencolor{color:#5ccf82;}
.redcolor{color:#f00;}

.responses label span {color:#5ccf82;padding:5px 5px 0 0 ;}
.widthsize20{width:20px;}
.widthsize100{width:100px;}
.widthsize150{width:150px;}
.widthsize200{width:200px;}
.widthsize250{width:250px;}
.widthsize300{width:300px;}
.widthsize350{width:350px;}
.widthsize400{width:400px;}
.widthsize450{width:450px;}
.widthsize500{width:500px;}
.widthsize600{width:600px;}

.clearboth{clear: both;height:1px;display:block;width:100%;}
/* Символы каптчи
--------------------------------------------------------------------------------------------------------------- */
.capcha {color:#999;font-weight:bold;}
.capchaimg { padding:5px ; margin:5px;  border-radius: 10px; float:left}
/* Сообщение об ошибках в форме
--------------------------------------------------------------------------------------------------------------- */
.errorform {color:#f00; font-size:14px; margin:5px;padding:5px;}


.imganons {
    width:280px;

    object-fit: cover;overflow: hidden;

}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group > .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:first-child .card-img-top,
    .card-group > .card:first-child .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:first-child .card-img-bottom,
    .card-group > .card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:last-child .card-img-top,
    .card-group > .card:last-child .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:last-child .card-img-bottom,
    .card-group > .card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group > .card:only-child {
        border-radius: 0.25rem;
    }
    .card-group > .card:only-child .card-img-top,
    .card-group > .card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-group > .card:only-child .card-img-bottom,
    .card-group > .card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}
.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

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

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

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

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

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

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}
.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

/** 2.35 Quotes */
.quote {
    border: none;
    margin: 0;
    padding: 0;
    font-size: inherit; }

.quote-classic {
    text-align: left;
    position: relative; }
.quote-classic q {
    quotes: none; }
.quote-classic .quote-body {
    padding: 20px 20px 40px; }
.quote-classic .quote-meta {
    margin-left: -20px;
    margin-bottom: -40px; }
.quote-classic .quote-desc {
    font-size: 13px;
    font-weight: 400; }
.quote-classic .quote-author {
    margin-bottom: 4px; }
.quote-classic .quote-desc {
    margin-top: 4px; }
.quote-classic > * {
    position: relative;
    z-index: 1; }
.quote-classic:before {
    position: absolute;
    top: -8px;
    left: -12px;
    z-index: 0;
    font-family: "Material Design Icons";
    font-size: 54px;
    line-height: 54px;
    color: #f5f5f5;
    content: "";
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); }

.quote-classic-boxed .quote-body {
    padding: 24px 20px 0 27px;
    margin-bottom: 56px;
    border-radius: 3px;
    border: 1px solid #f5f5f5; }

.quote-classic-boxed .quote-meta {
    margin-left: -4px;
    margin-bottom: -40px; }

.quote-classic-boxed .quote-author,
.quote-classic-boxed .quote-desc {
    padding-left: 24px; }

.quote-classic-boxed:before {
    top: 4px;
    right: 4px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.quote-classic-boxed-2 .quote-body {
    padding: 60px 25px 20px 30px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); }

.quote-classic-boxed-2 .quote-meta {
    margin-left: 25px;
    position: relative;
    z-index: 3; }

.quote-classic-boxed-2 .quote-author {
    margin-top: 20px; }

.quote-classic-boxed-2:before {
    top: 50px;
    right: 15px;
    left: auto;
    z-index: 2;
    font-family: "Material Design Icons";
    font-size: 54px;
    line-height: 54px;
    color: #f54b0f;
    content: "";
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.ie-edge .quote-classic-boxed-2 .quote-body {
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.15); }

.quote-simple-2 .quote-body {
    margin-bottom: 0; }

.quote-simple-2 .quote-author {
    margin-top: 12px; }

.quote-slider-2 .divider {
    margin-top: 20px;
    margin-bottom: 0; }

.quote-slider-2 .quote-body {
    margin-top: 24px; }

.quote-slider-2 .quote-author {
    margin-top: 16px;
    margin-bottom: 0;
    color: #f54b0f;
    text-transform: uppercase; }

.quote-slider-2 .quote-desc {
    margin-top: -2px; }

.quote-slider-3:before {
    margin-bottom: 20px;
    font-family: "Material Design Icons";
    font-size: 54px;
    line-height: 54px;
    color: #55bbeb;
    content: "";
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); }

.quote-slider-3 .quote-body {
    margin-top: 14px; }

.quote-slider-3 .quote-author {
    margin-top: 16px;
    margin-bottom: 0;
    text-transform: uppercase; }

.quote-slider-3 .quote-desc {
    margin-top: -2px; }

.quote-slider-4 {
    will-change: transform; }
.quote-slider-4 q {
    font-style: italic; }
.quote-slider-4 q:before, .quote-slider-4 q:after {
    display: none; }
.quote-slider-4 .quote-author {
    position: relative; }
.quote-slider-4 .quote-author:before {
    content: "—"; }

.quote-outboxed:before {
    display: none; }

.quote-outboxed .divider {
    margin-top: 20px;
    margin-bottom: 0; }

.quote-outboxed .quote-body {
    position: relative;
    padding: 26px 21px 25px 30px;
    background: #f5f5f5;
    border-radius: 3px; }
.quote-outboxed .quote-body:before {
    position: absolute;
    top: 6px;
    left: 8px;
    font-family: "Material Design Icons";
    font-size: 54px;
    line-height: 54px;
    color: #d9d9d9;
    content: "";
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: -1; }
.quote-outboxed .quote-body:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #f5f5f5 transparent transparent transparent; }

.quote-outboxed .quote-author {
    margin: 0 0 6px;
    text-transform: uppercase; }

.quote-outboxed .quote-desc {
    margin-top: -2px; }

.quote-outboxed .quote-meta {
    margin: 24px 0 0 3px; }

.quote-outboxed:before {
    color: #d9d9d9;
    top: 0;
    left: 0;
    z-index: 6; }



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .isotope-wrap .menulocal {

        display:none;
        overflow: hidden;

    }
/*    .card-deck {
        display:none;
        overflow: hidden;
      
        
    }*/

    
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .isotope-wrap .menulocal {

        display:none;
        overflow: hidden;

    }
    #isonews{
        
        display:none;
        overflow: hidden;

    }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width:768px) and (max-width:1095px) {
    .card-deck {
        display:none;
        overflow: hidden;
      
        
    }
    .menulocal {

     display:none;
        overflow: hidden;
      

    }
    
       .unit-left.annew{
         display:none;
        overflow: hidden;
      
    }   

    .unit{
        display:inline;
    }
    .unit-body{
         display:inline;
    }
    
    ul.leftsubmenu li{
    
    display: inline; /* Отображать как строчный элемент */
    
    }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .isotope-wrap .menulocal {
        display:block;
        opacity: 1;

    }
    .isolocal{
     display:none;
        overflow: hidden;
    }
    ul.leftsubmenu li{
    
    all: none;
    }
}

a.top-nap  :hover{color:#6c8cc7;}

/** 2.39 Posts */
.post-meta .icon-xxs {
  font-size: 18px; }

.post-title + .post-meta {
  margin-top: 8px; }

.post-default .post-controls {
  margin-bottom: 0; }

.post-default .post-controls + .post-title {
  margin-top: 8px; }

.widget-post {
  display: block; }
  .widget-post > a {
    display: inline-block; }
    .widget-post > a:hover time {
      -webkit-transform: translate(10px, -1px);
      -ms-transform: translate(10px, -1px);
      transform: translate(10px, -1px); }
    .widget-post > a:hover h6 {
      color: #55bbeb; }
  .widget-post h6,
  .widget-post time {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .widget-post .post-meta .icon-xxs {
    font-size: 14px; }
  .widget-post .post-meta time {
    display: inline-block;
    font-size: 12px;
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    transform: translate(0, -1px); }
  .widget-post + .widget-post {
    margin-top: 16px; }

.post-wide .post-content {
  padding-top: 41px; }

@media (min-width: 1800px) {
  .post-wide .post-body {
    height: 162px;
    overflow: auto; }
  .post-wide-horizontal .post-media {
    padding-right: 20px; }
  .post-wide-horizontal .post-title {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .post-wide-horizontal .post-content {
    margin-top: 0;
    padding: 7% 20px 5%;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5; } }

.mobile .post-wide-horizontal .thumbnail-classic:hover > figure > img, .tablet .post-wide-horizontal .thumbnail-classic:hover > figure > img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.post-boxed {
  position: relative; }
  .post-boxed .post-media {
    background: #191919; }
    .post-boxed .post-media img {
      width: 100%;
      height: auto;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      will-change: opacity; }
  .post-boxed .post-media + .post-content {
    margin-top: 24px; }
  .post-boxed .post-tags {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    z-index: 1; }
  .post-boxed:hover .post-media img {
    opacity: .8; }
  @media (max-width: 767px) {
    .post-boxed .post-title h3 {
      font-weight: 700;
      font-size: 17px;
      line-height: 1.5; } }
  @media (min-width: 768px) {
    .post-boxed .post-title {
      position: relative;
      max-height: 74px;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
    .post-boxed .post-media + .post-content {
      margin-top: 0; }
    .post-boxed .post-content {
      padding: 0;
      color: #fff; }
    .post-boxed:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-repeat: repeat-x;
      background-image: -webkit-linear-gradient(0deg, #191919, transparent);
      background-image: -o-linear-gradient(0deg, #191919, transparent);
      background-image: -webkit-gradient(linear, left bottom, left top, from(#191919), to(transparent));
      background-image: -webkit-linear-gradient(bottom, #191919, transparent);
      background-image: -o-linear-gradient(bottom, #191919, transparent);
      background-image: linear-gradient(0deg, #191919, transparent); }
    .post-boxed .post-body {
      position: absolute;
      right: 30px;
      left: 35px;
      bottom: 28px;
      z-index: 1; } }

.post-modern {
  -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); }
  .post-modern .post-inset,
  .post-modern .post-content {
    padding: 30px 30px 24px; }
  .post-modern .post-inset {
    padding-bottom: 0; }

.ie-edge .post-modern {
  -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); }

.post-timeline {
  position: relative; }
  .post-timeline:before {
    content: '';
    position: absolute;
    top: -33px;
    left: auto;
    right: 0;
    height: 1px;
    width: 100%;
    background: #d9d9d9; }
  .post-timeline + .post-timeline {
    margin-top: 66px; }
    @media (min-width: 768px) {
      .post-timeline + .post-timeline {
        margin-top: 40px; } }
  @media (min-width: 768px) {
    .post-timeline:first-child {
      position: relative;
      padding-top: 40px; }
      .post-timeline:first-child:before {
        content: '';
        position: absolute;
        top: -1px;
        right: 0;
        width: 86.5%;
        height: 1px;
        background: #d9d9d9; }
      .post-timeline:first-child:after {
        content: '';
        position: absolute;
        top: -1px;
        left: 14px;
        width: 47px;
        height: 1px;
        background: #d9d9d9; }
    .post-timeline + .post-timeline {
      border-top: 1px solid #d9d9d9;
      padding-top: 50px; }
    .post-timeline + .post-timeline {
      border: none; }
      .post-timeline + .post-timeline:before {
        top: 0;
        width: 86.5%; } }
  @media (min-width: 768px) {
    .post-timeline:before {
      top: -25px; } }

.blog-archive-year:first-child .post-timeline:first-child:before,
.blog-archive-year:first-child .post-timeline:first-child:after {
  display: none; }

.blog-archive-year:first-child .post-timeline:first-child {
  padding-top: 0; }

.post-modern-timeline {
  position: relative; }
  .post-modern-timeline .post-author {
    margin-top: 30px; }
  .post-modern-timeline .post-author-img,
  .post-modern-timeline .post-author-name {
    display: inline-block; }
  .post-modern-timeline .post-author-img {
    padding-right: 10px; }
  .post-modern-timeline + .post-modern-timeline {
    margin-top: 34px; }
  @media (min-width: 992px) {
    .post-modern-timeline + .post-modern-timeline:before {
      position: absolute;
      bottom: 100%;
      width: 1px;
      height: 34px;
      content: '';
      background: #d9d9d9; }
    .post-modern-timeline:after {
      position: absolute;
      top: 77px;
      bottom: 0;
      width: 1px;
      content: '';
      background: #d9d9d9; }
    .post-modern-timeline .post-author-img {
      width: 45px;
      height: 45px; }
    .post-modern-timeline .post-author-name {
      position: absolute;
      top: 50%;
      margin-top: -12px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      visibility: hidden;
      opacity: 0;
      padding: 3px 10px;
      font-size: 12px;
      color: #fff;
      white-space: nowrap;
      background: #212121;
      border-radius: 3px; }
    .post-modern-timeline .post-author {
      position: absolute;
      top: 0;
      margin-top: 22px; }
      .post-modern-timeline .post-author:before {
        content: '';
        position: absolute;
        bottom: 100%;
        margin-bottom: 10px;
        height: 12px;
        width: 1px;
        background: #d9d9d9; }
      .post-modern-timeline .post-author:after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        width: 22px;
        height: 1px;
        background: #d9d9d9; }
      .post-modern-timeline .post-author:hover .post-author-name {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        opacity: 1; }
    .post-modern-timeline:first-child .post-author:before {
      display: none; }
    .post-modern-timeline:last-child:after {
      display: none; } }
  @media (min-width: 992px) {
    .post-modern-timeline-left {
      margin-left: 100px; }
      .post-modern-timeline-left:before, .post-modern-timeline-left:after {
        left: -65px; }
      .post-modern-timeline-left .post-author {
        right: 100%;
        margin-right: 42px; }
        .post-modern-timeline-left .post-author:before {
          left: 22px; }
        .post-modern-timeline-left .post-author:after {
          left: 100%;
          margin-left: 10px; }
      .post-modern-timeline-left .post-author-name {
        right: 100%;
        margin-right: 10px;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px); }
        .post-modern-timeline-left .post-author-name:after {
          content: '';
          position: absolute;
          top: 50%;
          margin-top: -4px;
          left: 100%;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 4px;
          border-color: transparent transparent transparent #212121; } }
  @media (min-width: 992px) {
    .post-modern-timeline-right {
      margin-right: 100px; }
      .post-modern-timeline-right:before, .post-modern-timeline-right:after {
        right: -65px; }
      .post-modern-timeline-right .post-author {
        left: 100%;
        margin-left: 42px; }
        .post-modern-timeline-right .post-author:before {
          right: 22px; }
        .post-modern-timeline-right .post-author:after {
          right: 100%;
          margin-right: 10px; }
      .post-modern-timeline-right .post-author-name {
        left: 100%;
        margin-left: 10px;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px); }
        .post-modern-timeline-right .post-author-name:after {
          content: '';
          position: absolute;
          top: 50%;
          margin-top: -4px;
          right: 100%;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 4px 4px 0;
          border-color: transparent #212121 transparent transparent; } }

.post-modern-timeline-date {
  display: block;
  margin: 21px 10px;
  font-size: 17px;
  font-weight: 700;
  overflow: hidden; }
  .post-modern-timeline-date time {
    position: relative; }
    .post-modern-timeline-date time:after, .post-modern-timeline-date time:before {
      content: '';
      position: absolute;
      top: 50%;
      height: 1px;
      width: 2000px;
      background: #d9d9d9; }
    .post-modern-timeline-date time:before {
      right: 100%;
      margin-right: 30px; }
    .post-modern-timeline-date time:after {
      left: 100%;
      margin-left: 30px; }
  @media (min-width: 992px) {
    .post-modern-timeline-date time:before,
    .post-modern-timeline-date time:after {
      display: none; } }

.post-event {
  position: relative; }
  .post-event .post-meta {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    width: 50px;
    text-align: center; }
    .post-event .post-meta-day {
      background: #55bbeb;
      display: block;
      height: 50px;
      font-size: 30px;
      line-height: 50px;
      border-radius: 3px;
      -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); }
    .post-event .post-meta-month {
      display: block;
      height: 20px;
      margin-top: 5px;
      font-size: 12px;
      line-height: 20px;
      background: #434345;
      border-radius: 3px;
      -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); }
  .post-event.post-event-right .post-meta {
    left: auto;
    top: 10px;
    right: 10px; }
  @media (min-width: 768px) {
    .post-event {
      padding-left: 100px; }
      .post-event .post-meta {
        width: 70px;
        left: 0;
        top: 0;
        right: auto; }
        .post-event .post-meta-day {
          height: 70px;
          line-height: 70px; }
        .post-event .post-meta-month {
          font-size: 17px;
          height: 30px;
          line-height: 30px; }
      .post-event.post-event-right {
        padding-left: 0;
        padding-right: 100px; }
        .post-event.post-event-right .post-meta {
          left: auto;
          top: 0;
          right: 0; } }

.post-event-type-2 {
  position: relative;
  display: inline-block;
  max-width: 270px; }
  .post-event-type-2 .post-meta {
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 2;
    padding: 10px 10px 6px;
    text-align: center;
    background: #42b574; }
    .post-event-type-2 .post-meta-day {
      display: block;
      font-size: 30px;
      line-height: 24px; }
    .post-event-type-2 .post-meta-month {
      display: block;
      font-size: 15px;
      line-height: inherit; }
    .post-event-type-2 .post-meta-time {
      font-size: 15px;
      line-height: inherit; }
  .post-event-type-2 .post-media {
    display: inline-block; }
    .post-event-type-2 .post-media a {
      position: relative;
      display: block; }
      .post-event-type-2 .post-media a:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        background: rgba(33, 33, 33, 0.6);
        -webkit-transition: .3s opacity ease;
        -o-transition: .3s opacity ease;
        transition: .3s opacity ease; }
      .post-event-type-2 .post-media a .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        font-size: 48px;
        line-height: 48px;
        opacity: 0;
        color: #fff;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
    .post-event-type-2 .post-media:hover a:before {
      opacity: 1; }
    .post-event-type-2 .post-media:hover a .icon {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.post-vacation {
  display: block;
  padding: 22px 27px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.35s all ease;
  -o-transition: 0.35s all ease;
  transition: 0.35s all ease; }
  .post-vacation h3 {
    -webkit-transition: 0.35s all ease;
    -o-transition: 0.35s all ease;
    transition: 0.35s all ease; }
  .post-vacation:hover {
    background: #212121; }
    .post-vacation:hover h3 {
      color: #fff; }

.ie-edge .post-vacation {
  -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); }

.widget-event {
  display: block; }
  .widget-event h6 {
    -webkit-transition: 0.35s all ease;
    -o-transition: 0.35s all ease;
    transition: 0.35s all ease; }
  .widget-event > a {
    display: inline-block; }
    .widget-event > a:hover h6 {
      color: #55bbeb; }
  .widget-event .post-meta .icon-xxs {
    font-size: 14px; }
  .widget-event .post-meta time {
    display: inline-block;
    font-size: 12px; }
  .widget-event + .widget-event {
    margin-top: 16px; }
    
 /** 2.38 Labels Addons */
.label {
  padding: 0.2em 0.6em 0.2em; }

.label-custom {
  display: inline-block;
  padding: 8px;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .06em;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  h1 .label-custom, h2 .label-custom, h3 .label-custom, h4 .label-custom, h5 .label-custom, h6 .label-custom, p .label-custom {
    margin-left: 10px; }
  .label-custom, .label-custom:hover, .label-custom:focus {
    color: #fff; }

.label-ellipsis-custom {
  border-radius: 10px; }

.label-rounded-custom {
  border-radius: 3px; }

.label-xs-custom {
  padding: 3px 5px; }

.label-sm-custom {
  padding: 7px; }

.label-lg-custom {
  font-size: 12px;
  padding: 9px 10px; }

.label-xl-custom {
  font-size: 12px;
  padding: 10px 12px; }

.label-deluge {
  background-color: #8668ad; }
  .label-deluge[href]:hover, .label-deluge[href]:focus {
    background-color: #9379b6; }

.label-default {
  background-color: #d9d9d9; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #e6e6e6; }

.label-primary {
  background-color: #42b574; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #51c081; }

.label-success {
  background-color: #abcc37; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #b4d14b; }

.label-info {
  background-color: #79ccf2; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #90d5f4; }

.label-warning {
  background-color: #f5bf2f; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #f6c647; }

.label-danger {
  background-color: #f54b0f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #f65d27; }