/* cyrillic-ext */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   400;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   400;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   400;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   400;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   400;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   500;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   500;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   500;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   500;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   500;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   700;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   700;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   700;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   700;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family:   'Montserrat';
    font-style:    normal;
    font-weight:   700;
    font-display:  swap;
    src:           url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* GENERAL */
#teoola {
    position:    fixed;
    bottom : 15px;
    max-width:400px;
    right: 15px;
    transition:  all 0.4s ease-in-out;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.1;
    color:       #111;
    z-index:     1000;
}

.teoola *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:   #a69191;
    opacity: 1; /* Firefox */
}

.teoola *:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a69191;
}

.teoola *::-ms-input-placeholder { /* Microsoft Edge */
    color: #a69191;
}

.teoola * {
    font-family: "Open Sans", Arial, sans-serif;
}

.teoola-container {
    background:         white;
    border-radius:      8px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    overflow:           hidden;
}

.teoola-button {
    color:          #f7f7f7;
    text-transform: uppercase;
    font-size:      12px;
    letter-spacing: 1.2px;
    border-radius:  10px;
    background:     #5aaefc;
    border:         1px solid #5aaefc;
    padding:        12px;
    text-align:     center;
    display:        inline-block;
    width:          120px;
    margin:         15px 5px 0;
    cursor:         pointer;
    font-weight:    bold;
    transition:     all 0.2s ease-in-out;
    line-height:    1.1;
}

.teoola-button.submit {
    width: 240px;
}

.teoola-button:hover {
    background: #f7f7f7 !important;
    color:      #5aaefc !important;
}

.teoola-button-light {
    background: #f7f7f7 !important;
    color:      #5aaefc !important;
}
.teoola p {
    margin:  0 0 15px;
    padding: 0;
}

.teoola img {
    margin:  0 0 10px;
    padding: 0;
}

.teoola .error {
    border: 1px solid #ff1123 !important;
}

.teoola .mbn {
    margin-bottom: 0 !important;
    text-align:    center;
}

#teoola-show {
    height:             60px;
    width:              60px;
    overflow:           hidden;
    border-radius:      100em;
    margin:             0 15px 30px auto;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    display:            none;
    cursor:             pointer;
}

#teoola-show img {
    height: 60%;
    margin: 0;
}

#teoola.minified #teoola-show {
    display:         flex;
    align-items:     center;
    justify-content: center;
}

#teoola:not(.minified) .teoola-header{
    cursor: pointer;
}

/* HEADER */
.teoola .teoola-header {
    padding:         0px 20px;
    text-align:      center;
    color:           white;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    font-size:       20px;
    text-transform:  uppercase;
    position:        relative;
    line-height:     50px;
}

.teoola .teoola-header .teoola-close {
    display:       block;
    position:      absolute;
    right:         15px;
    top:           50%;
    margin-top:    -10px;
    width:         20px;
    height:        20px;
    background:    #d4d4d4;
    border-radius: 4px;
    opacity:       0.5;
    cursor:        pointer;
    transition:    all 0.2s ease-in-out;
}

#teoola .teoola-header .teoola-hover .teoola-close {
    display: none;
}

.teoola-header .teoola-close:hover {
    opacity: 1;
}

.teoola-header .teoola-close::before, .teoola-header .teoola-close::after {
    position:         absolute;
    left:             9px;
    top:              4px;
    content:          ' ';
    height:           12px;
    width:            2px;
    background-color: #333;
}

.teoola-header .teoola-close::before {
    transform: rotate(45deg);
}

.teoola-header .teoola-close::after {
    transform: rotate(-45deg);
}

#teoola-overlay {
    position:         fixed;
    top:              0;
    left:             0;
    width:            100%;
    height:           100%;
    background-color: #000;
    filter:           alpha(opacity=50);
    -moz-opacity:     0.5;
    -khtml-opacity:   0.5;
    opacity:          0.5;
    z-index:          2000;
}

.teoola-popup {
    z-index:      3000;
    position:     fixed;
    left:         0;
    right:        0;
    margin-left:  auto;
    margin-right: auto;
    width:        400px;
    top:          50%;
    margin-top:   -180px;
    max-width:    90%;
}

.teoola-hidden {
    display: none !important;
}

/* BODY */
.teoola .teoola-body {
    padding:         18px;
    text-align:      center;
    font-size:       18px;
    transition:      all 0.3s ease-in-out;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    box-sizing:      content-box;
    position:        relative;
}

.teoola-popup .teoola-body {
    height:     auto;
}

.teoola .teoola-body .teoola-steps {
    display: none;
}

.teoola .teoola-body textarea {
    border:        1px solid #aaa;
    width:         100%;
    overflow:      auto;
    margin:        0;
    border-radius: 4px;
    padding:       7px;
    box-sizing:    border-box;
    font-size:     13px;
    color:         #333;
    outline:       0;
    line-height:   1.1;
}

.teoola .teoola-body input[type=text],
.teoola .teoola-body input[type=email],
.teoola .teoola-body input[type=tel],
.teoola-body select {
    border: 1px solid #aaa;
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 0 13px;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
    outline: 0;
    line-height: 2em;
    margin-bottom: 8px;
}

.teoola .teoola-body .teoola-correct, .teoola .teoola-body .teoola-nocode {
    font-size:  14px;
    cursor:     pointer;
    margin-top: 10px;
    display:    inline-block;
    padding: 5px 10px;
    border-radius: 12px;
    background: #eee;
}

.teoola .teoola-body .teoolatag {
    text-align: center;
    width: min-content !important;
    font-size: 1.8em !important;
    letter-spacing: 0.2em;
}

.teoola-btn-close, .teoola-btn-retry {
    color:         white;
    border:        1px solid white;
    border-radius: 4px;
    font-size:     14px;
    padding:       2px 6px;
    cursor:        pointer;
    transition:    all 0.3s ease-in-out;
}

.teoola .teoola-body.body-success {
    color: white;
    background-color: #38b44a;
}

.teoola .teoola-body.body-error {
    color: white;
    background-color: #FA0000;
}
.teoola .owner-avatar {
    width:                 80px;
    height:                80px;
    float:                 left;
    -webkit-border-radius: 100em;
    -moz-border-radius:    100em;
    border-radius:         100em;
    overflow:              hidden;
    margin:                0 19px 0 6px;
    display:               flex;
    align-items:           center;
    justify-content:       center;
}

.teoola .owner-avatar img {
    height:    100%;
    margin:    0;
    width:     auto;
    max-width: none;
}

.teoola .step1-left {
    text-align:     left;
    padding-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    #teoola {
        width: 90% !important;
        right: 5%;
    }

    .teoola-popup {
        width: 90% !important;
    }
}

.teoola-question-popup {
    margin-bottom: 15px;
    text-align:    left;
}

.teoola-question-popup p {
    margin-bottom: 5px;
}

/* HEADER */
.teoola .teoola-header-popup {
    padding:         12px 20px;
    text-align:      center;
    color:           white;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    font-size:       20px;
    text-transform:  uppercase;
    position:        relative;
    line-height:     1.1;
}

.teoola .teoola-header-popup .teoola-close {
    display:       block;
    position:      absolute;
    right:         15px;
    top:           50%;
    margin-top:    -10px;
    width:         20px;
    height:        20px;
    background:    #d4d4d4;
    border-radius: 4px;
    opacity:       0.5;
    cursor:        pointer;
    transition:    all 0.2s ease-in-out;
}

#teoola .teoola-header-popup .teoola-hover .teoola-close {
    display: none;
}

.teoola-header .teoola-close:hover {
    opacity: 1;
}

.teoola-header-popup .teoola-close::before, .teoola-header-popup .teoola-close::after {
    position:         absolute;
    left:             9px;
    top:              4px;
    content:          ' ';
    height:           12px;
    width:            2px;
    background-color: #333;
}

.teoola-header-popup .teoola-close::before {
    transform: rotate(45deg);
}

.teoola-header-popup .teoola-close::after {
    transform: rotate(-45deg);
}

.label {
    color:        white;
    padding:      5px;
    margin-right: 5px;
}

.red {
    background-color: #f44336;
    border-radius:    5px;
    border:           3px solid #f44336;
    font-size:        15px;
}

.view-group {
    display:            -ms-flexbox;
    display:            flex;
    -ms-flex-direction: row;
    flex-direction:     row;
    padding-left:       0;
    margin-bottom:      0;
}

.thumbnail {
    margin-bottom:         30px;
    padding:               0px;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;
}

.item.list-group-item {
    float:            none;
    width:            100%;
    background-color: #fff;
    margin-bottom:    30px;
    -ms-flex:         0 0 100%;
    flex:             0 0 100%;
    max-width:        100%;
    padding:          0 1rem;
    border:           0;
}

.item.list-group-item .img-event {
    float: left;
    width: 30%;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}

.item.list-group-item .thumbnail {
    margin-bottom: 0px;
    display:       inline-block;
}

.item.list-group-item .caption {
    float:  left;
    width:  70%;
    margin: 0;
}

.item.list-group-item:before, .item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item:after {
    clear: both;
}

.thumbnail img {
    height: 180px
}

.general_title {
    margin: 0;
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content > *, .entry .entry-summary > * {
        max-width: 100%;
    }
}

.card {
    height: 100% !important;
}

.grid-group-item {
    margin-bottom: 5px;
}

.teoola_items {
    list-style-type: none;
    padding:         0;
}

/*CALENDAR*/
.teoola-calendar {
    background:    #00306e;
    border-radius: 20px;
    max-width:     900px;
    margin:        0 auto 40px;
}

.teoola-calendar * {
    box-sizing:  border-box;
    font-family: 'Montserrat', sans-serif !important;
    font-size:   14px;
    line-height: 1.3 !important;
}

.c-grid {
    height: inherit;
}

.c-day {
    width:            calc(14.28% - 4px);
    margin:           2px;
    height:           60px;
    background-color: #ffffff;
    float:            left;
    text-align:       center;
    border-radius:    5px;
    position:         relative;
    display:          flex;
    align-items:      start;
    justify-content:  end;
    padding:          10px;
}

.c-day span, .c-day-previous-month span, .c-day-next-month span {
    z-index:     2;
    font-weight: 500;
}

.c-day-previous-month {
    width:           calc(14.28% - 4px);
    margin:          2px;
    height:          60px;
    float:           left;
    text-align:      center;
    color:           white;
    position:        relative;
    display:         flex;
    align-items:     start;
    justify-content: end;
    padding:         10px;
}

.c-day-next-month {
    width:           calc(14.28% - 4px);
    margin:          2px;
    height:          60px;
    float:           left;
    text-align:      center;
    color:           white;
    position:        relative;
    display:         flex;
    align-items:     start;
    justify-content: end;
    padding:         10px;
}

.c-week-day {
    width:           14.28%;
    height:          60px;
    color:           white;
    float:           left;
    text-align:      center;
    font-weight:     bold;
    display:         flex;
    align-content:   center;
    align-items:     center;
    justify-content: center
}

.c-next {
    width:           12.5%;
    height:          60px;
    text-align:      center;
    cursor:          pointer;
    display:         flex;
    align-content:   center;
    align-items:     center;
    justify-content: center
}

.c-previous {
    width:           12.5%;
    height:          60px;
    text-align:      center;
    cursor:          pointer;
    display:         flex;
    align-content:   center;
    align-items:     center;
    justify-content: center
}

.c-month {
    width:      75%;
    height:     60px;
    text-align: center;
}

.c-today::after {
    background-color: #00306e;
    content:          '';
    display:          block;
    height:           calc(100% - 4px);
    width:            calc(100% - 4px);
    position:         absolute;
    border-radius:    5px;
    top:              2px;
    left:             2px;
    z-index:          1;
}

.c-today span {
    color:       white;
    font-weight: bold;
}

.c-event {
    color:       black;
    font-weight: normal;
    cursor:      pointer;
}

.c-event::after {
    content:       '';
    height:        8px;
    width:         8px;
    border-radius: 100em;
    background:    #ff8458;
    position:      absolute;
    left:          50%;
    top:           80%;
    transform:     translate(-50%, -50%);
}

.c-grid {
    display:        inline-block;
    width:          60%;
    vertical-align: top;
    padding:        0 20px 20px;
    border-right:   2px solid white;
}

.c-event-grid {
    height:         inherit;
    width:          40%;
    display:        inline-block;
    vertical-align: top;
}

.c-grid-title {
    font-weight:     500;
    float:           left;
    color:           white;
    font-size:       30px;
    display:         flex;
    align-content:   center;
    align-items:     center;
    justify-content: center;
    text-align:      center;
}

.c-grid-title svg {
    height: 20px;
    width:  auto;
}

.c-event-title {
    width:           100%;
    height:          60px;
    text-align:      center;
    font-weight:     500;
    color:           white;
    font-size:       30px;
    display:         flex;
    align-content:   center;
    align-items:     center;
    justify-content: center;
}

.c-event-body {
    height: 88.1%;
}

.c-event-list {
    padding: 20px;
    color:   white;
}

.c-event-item > .title {
    font-weight: bold;
}

.c-event-item {
    padding-left:  20px;
    margin-bottom: 10px;
    position:      relative;
    width:         100%;
    text-align:    left;
}

.c-event-item::before {
    content:       '';
    height:        8px;
    width:         8px;
    border-radius: 100em;
    background:    #ff8458;
    position:      absolute;
    left:          0;
    top:           6px;
}

.c-event-over {
    background: #e9e9e9;
}

.c-event-item {
    transition: all 0.5s ease !important;
    cursor:     pointer;
}

.c-event-item.c-event-over {
    transform:  translate(10px, 0);
    background: transparent !important;
    transition: all 0.5s ease !important;
}

.c-event-over > .description {
    font-weight: normal;
}

.c-grid.vertical {
    display:      block !important;
    width:        100% !important;
    padding:      5px 10px 10px !important;
    border-right: 0 !important;
}

.c-event-grid.vertical {
    display: block !important;
    width:   100% !important;
}

.c-event-item .description a {
    color: #ff8458;
}

.c-event-item .description {
    display:     none;
    font-weight: normal !important;
}

@media (max-width: 980px) {
    .c-grid {
        display:      block !important;
        width:        100% !important;
        padding:      5px 10px 10px !important;
        border-right: 0 !important;
    }

    .c-event-grid {
        display: block !important;
        width:   100% !important;
    }
}