
.rounded {
    border-radius: 0.25rem !important;
}

.rounded-heavy {
    border-radius: 0.5rem !important;
}

.rounded-superheavy {
    border-radius: 0.75rem !important;
}


.bg-banner {
    background-color: #293347 !important;
}
.bg-banner-btn {
    background-color: #286090 !important;
    font-size: 1.0rem !important;
}
.bg-banner-btn:hover {
    background-color: #647db5 !important;
    font-size: 1.0rem !important;
}


.is-white {
    color: #ffffff !important;
}

.banner-text-lrg {
    font-size: x-large !important;
}

@media (max-width: 767px) {
.hidden-xs {
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.col-lg-offset-12 {
    margin-left: 100%;
}
.col-lg-offset-11 {
    margin-left: 91.66666667%;
}
.col-lg-offset-10 {
    margin-left: 83.33333333%;
}
.col-lg-offset-9 {
    margin-left: 75%;
}
.col-lg-offset-8 {
    margin-left: 66.66666667%;
}
.col-lg-offset-7 {
    margin-left: 58.33333333%;
}
.col-lg-offset-6 {
    margin-left: 50%;
}
.col-lg-offset-5 {
    margin-left: 41.66666667%;
}
.col-lg-offset-4 {
    margin-left: 33.33333333%;
}
.col-lg-offset-3 {
    margin-left: 25%;
}
.col-lg-offset-2 {
    margin-left: 16.66666667%;
}
.col-lg-offset-1 {
    margin-left: 8.33333333%;
}
.col-lg-offset-0 {
    margin-left: 0;
}


.field:not(:last-child) {
    margin-bottom: 0.75rem
}

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

.field.is-grouped>.control {
    flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0.75rem
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: 0.75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -0.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: 0.5rem
    }
}

@media screen and (min-width: 769px),
print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }
    .field-label.is-small {
        font-size: .75rem;
        padding-top: 0.375em
    }
    .field-label.is-normal {
        padding-top: 0.375em
    }
    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: 0.375em
    }
    .field-label.is-large {
        font-size: 1.5rem;
        padding-top: 0.375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}


.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: left
}




.is-expanded{flex-grow:1;flex-shrink:1}

.label{
    display:block;font-size:1rem;font-weight:700;
    background: #ffffff;

}
.label:not(:last-child){margin-bottom:0.5em}
.label.is-small{font-size:.75rem}
.label.is-large{font-size:1.25rem}

.fullwidth{display:flex;width:100%}

.is-large{font-size:1.25rem}
.is-medium{font-size:1.15rem}
.is-small{font-size:0.75rem}


.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}


.select select {
    background-color: #fff;
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
}

.select.is-large {
    font-size: 1.5rem
}

.select.is-fullwidth {
    width: 100%
}

.select.is-fullwidth select {
    width: 100%
}


.input,
.textarea {
    background-color: #fff;
    color: #363636;
    max-width: 100%;
    width: 100%;
    outline: none;
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
    color: rgba(54, 54, 54, 0.3)
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: rgba(54, 54, 54, 0.3)
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
    color: rgba(54, 54, 54, 0.3)
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: rgba(54, 54, 54, 0.3)
}

.input:hover,
.input.is-hovered,
.select:hover,
.select.is-hovered,
.textarea:hover,
.textarea.is-hovered {
    border-color: #b5b5b5
}

.input:focus,
.input.is-focused,
.input:active,
.input.is-active,
.select:focus,
.select.is-focused,
.select:active,
.select.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25)
}


.avatar {
    margin:  auto ;
    height: 6rem; !important;
    width: 6rem; !important;
    border-radius: 300px;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 40px;
}

.slick-prev,
.slick-next {
    height: 6rem;
    width: 6rem;
    line-height: 0px;
    font-size: 40px;

}
