.cke_reset {
    /*height: 700px !important;*/
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    background-color: white !important;
}

samp {
    letter-spacing: 0.5em;
}

.sun {
    display: none;
}

.dark-theme {
    color: white !important;
    background-color: #141414 !important;
}

ul.typeahead.dropdown-menu {
    top: 55% !important;
    left: 0px !important;
    display: block;
    width: 100%;
    z-index: -1;
    padding-top: 5%;
    padding-left: 2.6%;
    font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.dark-theme .sun {
    display: block;
}

.dark-theme .moon {
    display: none;
}

.dark-theme a {
    color: white !important;
    /*background-color: #141414 !important;*/
}

.dark-theme .letter {
    color: white !important;
    background-color: #1f2125;
}

.dark-theme .post-item {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .news-item {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .news-item-text-area div {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .main-search-input {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .main-search-button {
    color: white !important;
    background-color: #141414 !important;
}

.dark-theme .main-search-input-item input {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .text-search-button {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .back-button {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme .search-text {
    color: white !important;
}

.dark-theme ul.typeahead.dropdown-menu {
    color: white !important;
    background-color: #1F2125 !important;
}

.dark-theme a.dropdown-item:hover {
    color: white !important;
    background-color: #141414 !important
}

.dark-theme .posts-sum {
    color: white !important;
}

.dark-theme .page-link {
    background-color: #1F2125 !important;
}

.dark-theme .box {
    background-color: #1F2125 !important;
}

.dark-theme .download-button {
    background-color: #1F2125 !important;
    color: white !important;
}

.dark-theme .download-button-info {
    background-color: #1F2125 !important;
    color: white !important;
}

.dark-theme ::placeholder {
    color: white !important;
}

.dark-theme .pdf-item {
    background-color: #1F2125 !important;
    color: white !important;
}

.dark-theme .svg {
    filter: brightness(0) invert(1) !important;
}

.logo {
    /* width: 130px; */
    /* height: 130px;*/
    height: calc(12vw * (9 / 16)) !important;
    max-height: calc(16em * (9 / 16));
}

.logo-link {
    position: absolute;
}

.navbar {
    /*background: #FFFFFF;*/
    /* height: 225px; */
    /*height: calc(23vw * (9/16)) !important;*/
    /*max-height: calc(28em * (9/16));*/
    justify-content: flex-start !important;
    opacity: 1;
    /*border-bottom: 1px solid #f5f8fc;*/
}

.navbar-brand {
    width: 100%;
    text-align: center;
    margin-right: 0 !important;
}

.nav-title {
    font-family: Helvetica, serif;
    font-size: calc(2px + (26 - 2) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 600;
    letter-spacing: 0.5px;
    -webkit-text-stroke: medium;
    line-height: 1;
    margin: 15px 0px;
    text-align: center;
}

.nav-title-small {
    font-family: 'test', sans-serif;
    font-size: calc(2px + (22 - 2) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 500;
    letter-spacing: 0.5px;
    -webkit-text-stroke: medium;
    line-height: 1;
    margin: 15px 0px;
    text-align: center;
}

.night-mode {
    right: 2.5%;
}

.night-mode a img {
    /*background: url("/img/night.svg");*/
    height: calc(6.5vw * (9 / 16)) !important;
    opacity: 1;
}

.contact-input {
    /* height: 189px; */
    border: 0px !important;
    border-radius: 20px !important;
}

.back-button {
    display: grid;
    width: calc(7vw * (9 / 16)) !important;
    height: calc(7vw * (9 / 16)) !important;
    max-height: calc(9em * (9 / 16));
    opacity: 1;
    background: #eaeef4;
    border-radius: 14px;
    align-content: center;
    justify-content: center;
    left: 3rem;
}

.back-button a img {
    height: calc(4vw * (9 / 16)) !important;
}

.search-text {
    color: #2A2B2C;
    font-family: Helvetica, serif;
    font-size: calc(5% + 0.9vw + 1vh);
    text-align: left;
    letter-spacing: 1px;
}

.share-button {
    margin-right: 5%;
}

.news_form_show_share .share-button{
    margin-right: 0%;
}

.download-button {
    display: grid;
    width: calc(7vw * (9 / 16)) !important;
    height: calc(7vw * (9 / 16)) !important;
    max-height: calc(9em * (9 / 16));
    opacity: 1;
    background: #eaeef4;
    border-radius: 14px;
    align-content: center;
    justify-content: center;
    right: 3rem;
}

.download-button a img {
    height: calc(4vw * (9 / 16)) !important;
}

.download-button-info {
    display: grid;
    width: calc(17vw * (9 / 16)) !important;
    height: calc(7vw * (9 / 16)) !important;
    max-height: calc(9em * (9 / 16));
    opacity: 1;
    background: #eaeef4;
    border-radius: 14px;
    align-content: center;
    justify-content: center;
    font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1600 - 300)));
}


/*.views-button {*/
/*    right: 25rem;*/
/*}*/

.views-button a {
    height: calc(15vw * (9 / 16)) !important;
    max-height: calc(9em * (9 / 16));
    opacity: 1;
    background: #eaeef4;
    border-radius: 22px;
}

.views-button a img {
    filter: brightness(1%);
    /*filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(246deg) brightness(102%) contrast(143%);*/
    height: calc(4vw * (9 / 16)) !important;
    padding: 0 !important;
}

.views-button a div {
    font-size: calc(14px + (25 - 14) * ((100vw - 300px) / (1600 - 300)));
    -webkit-text-stroke-width: 0.3px;
    text-shadow: #cfcfcf 0px 0px 1px;
    color: black;
}

/*.edit-button {*/
/*    right: 4em;*/
/*}*/

.edit-button a {
    height: calc(15vw * (9 / 16)) !important;
    max-height: calc(9em * (9 / 16));
    opacity: 1;
    background: #eaeef4;
    border-radius: 22px;
}

.edit-button a img {
    filter: brightness(1%);
    /*filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(246deg) brightness(102%) contrast(143%);*/
    height: calc(4vw * (9 / 16)) !important;
    padding: 0 !important;
}

.edit-button a div {
    font-size: calc(8px + (28 - 15) * ((100vw - 300px) / (1600 - 300)));
    -webkit-text-stroke-width: 0.3px;
    text-shadow: #cfcfcf 0px 0px 1px;
    color: black;
}

.popover {
    background-color: unset !important;
}

.popover-title {
    display: none !important;
}

.popover-header {
    display: none !important;

}

.bs-popover-top {
    margin-bottom: 1.5% !important;
    margin-right: 3em !important;
    border-top-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.arrow {
    display: none !important;
    border-top-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.popover-body {
    border-radius: 14px !important;
    padding: 0px !important;
    /*display: none !important;*/
}


.owl-picture {
    --bg-overlay-color: rgb(var(--color_13));
    --bg-gradient: none;
    --fill-layer-image-opacity: 1;
    --fill-layer-background-media-position: fixed;
    --fill-layer-background-media-pointer-events: none;
    width: 100%;
    --column-width: 980px;
    --column-flex: 980;
}

.pagination {
    justify-content: center;
}


.page-item {
    margin: 0.5em !important;
}

.page-item:first-child .page-link {
    margin-right: 3em !important;
}

.page-item:last-child .page-link {
    margin-left: 3em !important;
}

.page-item.active .page-link {
    background: #3e7080 !important;
    color: #fff !important;
}

.page-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: calc(6vw * (9 / 16)) !important;
    height: calc(6vw * (9 / 16)) !important;
    border-radius: 9px !important;
    background: #F5F8FC !important;
    color: #151313 !important;
    border: none !important;
    font-size: calc(12px + (22 - 12) * ((100vw - 300px) / (1600 - 300)));
}

.page-link:hover {
    background: #3e7080 !important;
    color: #fff !important;
}

.custom-img {
    width: calc(40vw * (9 / 16)) !important;
    float: left;
    clear: left;
    margin: 0.5% 8% 0.1% 0;
    object-fit: cover;
    border-radius: 16px;
}

.custom-img-text {
    width: calc(40vw * (9 / 16)) !important;
    float: left;
    clear: left;
    text-align: center;
    object-fit: cover;
    margin: 0.5% 8% 2.1% 0;
    font-size: calc(14px + (19 - 14) * ((100vw - 300px) / (1600 - 300)));
}

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

figcaption {
    text-align: center;
    font-size: calc(7px + (19 - 7) * ((100vw - 300px) / (1600 - 300)));
}

figure.image {
    width:  calc(40vw * (9 / 16)) !important;
    /*min-width: 25%;*/
    display: inline-grid;
    border: 0;
    margin: 0;
    background: unset;
    justify-items: center;
}

figure.align-left {
    float: left;
    clear: left !important;
    margin-right: 4%;
}

figure.align-right {
    float: right;
    clear: right;
    margin-left: 4%;
}

figure.image img {
    width: 100%;
    border-radius: 16px;
    margin: 0;
    object-fit: cover;
}

/*figure.image figcaption {*/
/*    width: auto !important;*/
/*    text-align: center;*/
/*    margin: 0;*/
/*}*/

@font-face {
    font-family: 'enc';
    src: url('../fonts/enciklopediuri_new.ttf'); /* IE9 Compat Modes */
    font-size: 62px;
    /*src: url('webfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('webfont.woff2') format('woff2'), !* Super Modern Browsers *!*/
    /*url('webfont.woff') format('woff'), !* Pretty Modern Browsers *!*/
    /*url('webfont.ttf')  format('truetype'), !* Safari, Android, iOS *!*/
    /*url('webfont.svg#svgFontName') format('svg'); !* Legacy iOS *!*/
}

.font {
    font-size: 20px;
    background-image: radial-gradient(circle 603px at 32.8% 51%, rgb(120 177 161) 0%, rgb(52 58 64) 90.3%);
    /* background-image: radial-gradient( circle 827px at 47.3% 48%,  rgba(255,255,255,1) 0%, rgba(138,192,216,1) 90% ); */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20%;
}

.font p {
    /*text-indent: 10px;*/
    font-family: 'enc', sans-serif;
    /*text-shadow: #e0e0e0 1px 1px 0;*/
    text-align: justify !important;
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
}

/*p::first-letter {*/
/*    font-size: 130%;*/
/*    color: gray;*/
/*}*/

.title {
    font-weight: bolder;
    /*font-size: 38px;*/
    text-align: center;
    /*font-size: calc(65% + 0.9vw + 1vh);*/
    font-size: calc(1px + (23 - 1) * ((100vw - 300px) / (1600 - 300)));
    color: white;
    letter-spacing: 1.5px;

}

.small-title {
    /*font-size: 36px;*/
    text-align: center;
    /*font-size: calc(65% + 0.9vw + 1vh);*/
    font-size: calc(1px + (23 - 1) * ((100vw - 300px) / (1600 - 300)));
    color: white;
    letter-spacing: 1.5px;
}


.form-title {
    font-family: "Comic Sans MS", cursive, sans-serif;
    letter-spacing: 0.4px;
    word-spacing: 0.8px;
    color: #3E6C7E;
    font-size: calc(14px + (34 - 14) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 700;
    text-decoration: none solid rgb(68, 68, 68);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

.form-small-title {
    letter-spacing: 1.5px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    word-spacing: 0.8px;
    color: #3E6C7E;
    font-size: calc(11px + (30 - 11) * ((100vw - 300px) / (1600 - 300)));
    text-decoration: none solid rgb(68, 68, 68);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}



.letter {
    display: inline-grid;
    width: calc(3.5em * (9 / 16));
    height: calc(3.5em * (9 / 16));
    /* height: calc(7vw * (9/16)) !important; */
    /* max-height: calc(9em * (9/16)); */
    background-color: #eaeef4;
    color: black;
    opacity: 1;
    font-size: calc(1px + (23 - 1) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 600;
    align-content: space-evenly;
    border-radius: 15%;
    margin: 5px;
}

/* .letter:hover {
    color: white;
    background-color: #3f6f7f;
} */

.owl-picture {
    height: 480px !important;
    object-fit: cover;
}


.letters-list {
    width: 100%;
    text-align: center;
    /*background-color: #ffffff;*/
    border-radius: 6px;
    /*margin-bottom: 30px;*/
    /*padding: 20px;*/
}

/*.letters-list a {*/
/*    display: inline-block;*/
/*    font-size: 20px;*/
/*    color: #222222;*/
/*    height: 45px;*/
/*    width: 45px;*/
/*    line-height: 40px;*/
/*    background-color: #f5f6fb;*/
/*    border-radius: 4px;*/
/*    !* transition: .3s; *!*/
/*    !* margin: 1px -1px; *!*/
/*}*/

.description {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: baseline;
}

.box {
    width: 100%;
    background: #EAEEF4;
    border-radius: 44px;
    padding: 5%;
}

.post-box div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.post-img {
    width: 100%;
    height: inherit;
    /*height: calc(27vw * (9 / 16)) !important;*/
    /* border-radius: 30px !important; */
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    object-fit: cover;
}

.post-title {
    /*margin-left: 5%;*/
    /*font-size: 20px;*/
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
    color: #403737;
}

.post-description{
    font-size: calc(10px + (15 - 10) * ((100vw - 300px) / (1600 - 300)));
    /* font-size: 16px; */
    line-height: 1.7;
    color: #4d4b4b;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 8.5em;
}

.post-button {
    /* position: absolute; */
    /* bottom: 4%; */

    width: max-content;
    flex-direction: row !important;

}

.post-button a {
    /* position: absolute; */
    /* bottom: 4%; */
    font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
    color: #3e7080 !important;
    font-weight: 800;
    border-bottom: 1px solid #3e7080;
}

.post-box-text {
    font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
    /*-webkit-text-stroke-width: 0.3px;*/
    text-shadow: #cfcfcf 0px 0px 1px;
}

.post-slider-box {
    position: relative;
    /* width: calc(48vw * (9 / 16)) !important; */
    height: calc(64vw * (9 / 16)) !important;
    background-color: #f8f8f8;
}

.post-slider-box:first-child {
    margin-left: 0 !important;
}

.post-slider-img {
    width: 100%;
    height: calc(35vw * (9 / 16)) !important;
    object-fit: cover;
}

.post-slider-title {
    display: flex;
    align-items: center;
    font-size: calc(3px + (16 - 3) * ((100vw - 300px) / (1600 - 300)));
    font-weight: bolder;
    /* padding: 5%; */
}

.post-slider-description {
    /* padding: 5%; */
    font-size: calc(3px + (13 - 3) * ((100vw - 300px) / (1600 - 300)));
}

.post-slider-button {
    /*position: absolute;*/
    margin: 0 5%;
    bottom: 4%;
    z-index: 5;
    color: #054e00 !important;
    border-bottom: 1px solid #054e00;
}

.post-slider-button a{
    color: #054e00 !important;
}




.post-box-text {
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
    -webkit-text-stroke-width: 0.3px;
    text-shadow: #cfcfcf 0px 0px 1px;
}

/*.post-box-text h2 + p::first-letter {*/
/*    font-size: 28px;*/
/*    color: #5786b5;*/
/*    background-color: #fbfbfb;*/
/*    border-radius: 6px;*/
/*    padding: 0px 10px;*/
/*    font-weight: 900;*/
/*    border: 1px solid #c9c9c9;*/
/*    margin-right: 6px;*/
/*}*/


.slider-title {
    position: absolute;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    align-items: center;
    color: white;
    font-size: 50px;
    text-shadow: #000000 3px 3px 10px;
}

.slider-search {
    position: absolute;
    display: grid;
    width: 100%;
    top: 42.7%;
    align-content: center !important;
}

.posts-search {
    display: grid;
    align-content: center !important;
}

.posts-title {
    color: #3E6C7E;
    font-family: Helvetica, serif;
    /*font-size: calc(35% + 0.9vw + 1vh);*/
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
    text-align: left;
    letter-spacing: 2px;
    -webkit-text-stroke: medium;
}

.posts-sum {
    color: #2A2B2C;
    font-family: Helvetica, serif;
    /*font-size: calc(35% + 0.9vw + 1vh);*/
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
    text-align: end;
    letter-spacing: 2px;
    -webkit-text-stroke: medium;
}

.main-search-input {
    background: #f6f8fa;
    border-radius: 3em;
    display: grid;
    align-items: center;
}

.main-search-input-home {
    background: #f6f8fa;
    border-radius: 3em;
    display: grid;
    align-items: center;
}

.text-search-button {
    display: none;
    height: calc(6.5vw * (9 / 16)) !important;
    opacity: 1;
    background: #f6f8fa;
    border-radius: 44px;
    align-content: center;
    font-size: calc(14px + (23 - 14) * ((100vw - 300px) / (1600 - 300)));
    border: 0;
    position: absolute;
    top: -80%;
}

.text-search-button img {
    padding: 10px;
}

.fl-wrap {
    float: left;
    width: 100%;
    position: relative
}

/*.main-search-input:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -40px;*/
/*    width: 50px;*/
/*    height: 1px;*/
/*    background: rgba(255, 255, 255, 0.41);*/
/*    left: 50%;*/
/*    margin-left: -25px*/
/*}*/

.main-search-input-item {
    float: left;
    box-sizing: border-box;
    position: relative;
}

.main-search-input-item-home {
    float: left;
    box-sizing: border-box;
    position: relative;
}

.main-search-input-item input:first-child {
    border-radius: 100%
}

.main-search-input-item-home input:first-child {
    border-radius: 100%
}

.main-box {
    max-width: calc(45vw * (9 / 16)) !important;
}

.main-search-input-item input {
    background: #f6f8fa;
    float: left;
    border: none;
    /* width: 1040px; */
    /* height: 119px; */
    width: calc(105vw * (9 / 16)) !important;
    height: calc(9vw * (9 / 16)) !important;
    padding-left: 5%;
    /*font-size: 25px;*/
    /*font-size: calc(65% + 0.9vw + 1vh);*/
    font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.main-search-input-item-home input {
    background: #f6f8fa;
    float: left;
    border: none;
    /* width: 1040px; */
    /* height: 119px; */
    width: calc(105vw * (9 / 16)) !important;
    height: calc(9vw * (9 / 16)) !important;
    padding-left: 5%;
    /*font-size: 25px;*/
    /*font-size: calc(65% + 0.9vw + 1vh);*/
    font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.main-search-button {
    position: absolute;
    right: 0.5%;
    width: calc(14vw * (9 / 16)) !important;
    height: calc(8vw * (9 / 16)) !important;
    background: #fff;
    color: #000;
    border-radius: 2.5em;
    border: none;
}

.main-search-button img{
    height: calc(5vw * (9 / 16)) !important;
}

.main-search-button-home {
    position: absolute;
    right: 0.5%;
    width: calc(14vw * (9 / 16)) !important;
    height: calc(8vw * (9 / 16)) !important;
    background: #fff;
    color: #000;
    border-radius: 2.5em;
    border: none;
}

.main-search-button-home img {
    height: calc(5vw * (9 / 16)) !important;
}

.typeahead::placeholder {
    color: #1F2125 !important;
}

.dropdown-item {
    overflow: hidden !important;
}

.main-search-input-wrap {
    margin: 0px auto;
    position: relative;
    z-index: 1;
    opacity: 0.7 !important;
}

:focus {
    outline: 0
}

.search-img {
    height: calc(5vw * (9 / 16)) !important;
}

.post-item {
    display: flex !important;
    background-color: #F5F8FC !important;
    height: calc(8vw * (9 / 16)) !important;
    border: unset !important;
    border-radius: 30px !important;
    margin: 3px 15px 3px 0px;
    color: #202122;
    align-items: center;
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
}

.news-item {
    display: flex !important;
    height: calc(30vw * (9 / 16)) !important;
    background-color: #F5F8FC !important;
    border: unset !important;
    border-radius: 30px !important;
    margin: 3px 15px 3px 0px;
    color: #202122;
    font-size: calc(4px + (20 - 7) * ((100vw - 300px) / (1600 - 300)));
}

.news-item-text-area {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.pdf-item {
    display: flex !important;
    background-color: #F5F8FC !important;
    height: calc(8vw * (9 / 16)) !important;
    border: unset !important;
    border-radius: 30px !important;
    /* margin: 3px 15px 3px 0px; */
    color: #202122;
    align-items: center;
    font-weight: 700;
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
}

.pdf-item img {
    width: calc(4vw * (9 / 16)) !important;
}

.pdf-image {
    justify-self: center;
    width: 200px;
}

/*.post-item:hover {*/
/*    margin: 3px 0px 3px 0px;*/
/*    transform: scale(1.05);*/
/*}*/

/*@media only screen and (max-width: 768px) {*/
/*    .main-search-input {*/
/*        background: rgba(255, 255, 255, 0.2);*/
/*        padding: 14px 20px 10px;*/
/*        border-radius: 10px;*/
/*        box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.0)*/
/*    }*/

/*    .main-search-input-item {*/
/*        width: 100%;*/
/*        border: 1px solid #eee;*/
/*        height: 50px;*/
/*        border: none;*/
/*        margin-bottom: 10px*/
/*    }*/

/*    .main-search-input-item input {*/
/*        border-radius: 6px !important;*/
/*        background: #fff*/
/*    }*/

/*    .main-search-button {*/
/*        position: relative;*/
/*        float: left;*/
/*        width: 100%;*/
/*        border-radius: 6px*/
/*    }*/
/*}*/

.card-big-shadow {
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    cursor: pointer;
    /*max-width: 320px;*/
    position: relative;
}

.coloured-cards .card {
    margin-top: 30px;
}

.card {
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    background-color: #FFFFFF;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    cursor: pointer;
    /* height: 200px; */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */
}

.card-big-shadow:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
    z-index: 1;
}

.card .content {
    padding: 20px 20px 10px 20px;
}

.card .category, .card .label {
    font-size: 14px;
    margin-bottom: 0px;
}

.card-big-shadow:before {
    /*background-image: url("http://static.tumblr.com/i21wc39/coTmrkw40/shadow.png");*/
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -20%;
    content: "";
    display: block;
    left: -15%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.card-image {
    /*position: absolute;*/
    /*width: 100px;*/
    /*right: 10px;*/
    /*bottom: 10px;*/
    height: calc(6vw * (9 / 16)) !important;
}


h4, .h4 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}

h6, .h6 {
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
}

.card .description {
    font-size: 16px;
    color: #66615b;
}

.content-card {
    margin-top: 30px;
}

.content {
    height: 100%;
}

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


.card[data-color="blue"] {
    background-image: linear-gradient(135deg, #6B73FF 10%, #000DFF 100%);
    color: white;
}

.card[data-color="green"] {
    background-image: linear-gradient(135deg, #63cf63 10%, #3ba51f 100%);
    color: white;
}

.card[data-color="yellow"] {
    color: white;
    background-image: linear-gradient(135deg, #dbcc65 10%, #f1dd53 100%);
}

.card[data-color="pink"] {
    background-image: linear-gradient(135deg, #FF7AF5 10%, #513162 100%);
    color: white;
}

.card[data-color="sky"] {
    background-image: linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%);
    color: white;
}

.card[data-color="orange"] {
    background-image: linear-gradient(135deg, #FF9D6C 10%, #BB4E75 100%);
    color: white;
}

.d-grid {
    display: grid !important;
    justify-items: center !important;
}

.main-btn {
    /* width: 545px !important; */
    /* width: clamp(200px, 100%, 545px); */
    /*height: 298px;*/
    height: calc(25vw * (9 / 16)) !important;
    border-radius: 44px;
    opacity: 1;
    cursor: url("/img/dot.svg"), url("/img/dot.svg") 25 15, auto;
}

.btn-1 {
    background-color: #365D6A;
}

.btn-2 {
    background-color: #3E6C7E;

}

.btn-3 {
    background-color: #4c8291;
}

.btn-4 {
    background-color: #4c7f96;
}

.btn-5 {
    background-color: #3e7080;
}

.btn-6 {
    background-color: #194d5c;
}

.btn-7 {
    background-color: #355d6a;
}

.owl-carousel .owl-item img {
    height: calc(60vw * (9 / 16)) !important;
    max-height: calc(92em * (9 / 16));
}

.owl-nav {
    z-index: 9999;
}

.owl-prev {
    position: absolute;
    top: 42.5%;
    left: 5%;
    margin-left: -20px;
    display: grid !important;
    align-content: center;
    /*width: 110px;*/
    /*height: 110px;*/
    width: calc(8vw * (9 / 16)) !important;
    height: calc(8vw * (9 / 16)) !important;
    /*font-size: calc(100% + 3vw + 1vh) !important;*/
    font-size: calc(14px + (55 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
    color: white;
    border: 2px solid white !important;
    border-radius: 60px !important;
    transition-duration: 100ms;
}

.owl-prev:hover {
    background-color: unset !important;
    border: 5px solid white !important;
    transition-duration: 100ms;
}

.owl-next {
    position: absolute;
    top: 42.5%;
    right: 5%;
    display: grid !important;
    align-content: center;
    /*width: 110px;*/
    /*height: 110px;*/
    width: calc(8vw * (9 / 16)) !important;
    height: calc(8vw * (9 / 16)) !important;
    /*font-size: calc(100% + 3vw + 1vh) !important;*/
    font-size: calc(14px + (55 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
    color: white;
    border: 2px solid white !important;
    border-radius: 60px !important;
    transition-duration: 100ms;
}

.owl-next:hover {
    background-color: unset !important;
    border: 5px solid white !important;
    transition-duration: 100ms;
}

.owl-next span, .owl-prev span {
    color: white;
}

.owl-prev i, .owl-next i {
    transform: scale(1, 6);
    color: #ccc;
}


/*.owl-dots .owl-dot span {*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    margin: 5px 7px;*/
/*    background: #D6D6D6;*/
/*    display: block;*/
/*    -webkit-backface-visibility: visible;*/
/*    transition: opacity .2s ease;*/
/*    border-radius: 30px;*/
/*}*/

/*.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {*/
/*    background: #869791;*/
/*}*/

/*.owl-theme .owl-controls .owl-page {*/
/*    display: inline-block;*/
/*}*/
/*.owl-theme .owl-controls .owl-page span {*/
/*    background: none repeat scroll 0 0 #869791;*/
/*    border-radius: 20px;*/
/*    display: block;*/
/*    height: 12px;*/
/*    margin: 5px 7px;*/
/*    opacity: 0.5;*/
/*    width: 12px;*/
/*}*/

.btn-post1 {
    background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #ECE9E6 100%)
}

.btn-post1 {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-post1:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

@media (max-width: 480px) {
    html {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }

    .custom-border {
        border-bottom: 1px solid grey;
        padding:5px;
    }

    .navbar {
        /*height: 9em !important;*/
    }

    .navbar a:first-child {
        width: 100%;
    }

    .night-mode a img {
        /*background: url("/img/night.svg");*/
        height: calc(18.5vw * (9 / 16)) !important;
        opacity: 1;
    }

    .box {
        border-radius: 22px !important;
    }

    .post-box-text {
        line-height: 1.5 !important;
        font-size: 13.5px !important;
    }

    .navbar-brand {
        white-space: normal !important;
        text-align-last: center !important;
        font-size: medium !important;
        margin: 0 !important;
    }

    .nav-title {
        font-size: 14px !important;
        letter-spacing: 1px;
        line-height: 1;
        text-align: center;
        font-weight: 800;
        -webkit-text-stroke: thin;
    }

    .nav-title-small {
        font-size: 12px !important;
        font-weight: 400;
        -webkit-text-stroke: thin;
    }

    .main-search-input-wrap {
        margin: 5px auto !important;
    }

    .owl-carousel .owl-item img {
        height: calc(80vw * (9 / 16)) !important;
        object-fit: fill;
    }

    .mobile-hide {
        display: none !important;
    }

    .logo {
        height: 100px !important;
        justify-content: center !important;
        padding-left: 0 !important;
    }

    .logo-link {
        position: relative !important;
    }

    .night-mode {
        right: 4% !important;
        top: 20% !important;
    }

    .mobile-show {
        display: block !important;
    }

    .main-btn {
        height: 225px !important;
        margin: 10px;
        border-radius: 22px !important;
    }

    .letter {
        width: calc(3em * (9 / 16));
        height: calc(3em * (9 / 16));
        font-size: 23px;
    }

    .title {
        font-size: 20px !important;
    }

    .small-title {
        font-size: 18px !important;
    }

    .page-item {
        margin: 0 !important;
    }

    .post-item {
        height: 70px !important;
        border-radius: 20px !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        padding: 0 !important;
    }

    .post-img {
        height: 200px !important;
        border-top-left-radius: 22px !important;
        border-top-right-radius: 22px !important;
        padding: 0 !important;
        border-bottom-left-radius: unset !important;

    }

    .posts-title {
        font-size: 18px !important;
    }

    .news-item {
        height: 450px !important;
        border-radius: 22px !important;
    }

    .pdf-item {
        height: 60px !important;
    }

    .pdf-item img {
        width: calc(12vw * (9 / 16)) !important;
    }

    .page-item:first-child .page-link {
        margin-right: 10px !important;
    }

    .page-item:last-child .page-link {
        margin-left: 0 !important;
    }

    .main-search-input-item-home input {
        height: calc(15vw * (9 / 16)) !important;
    }

    .main-search-button {
        width: calc(25vw * (9 / 16)) !important;
        height: calc(14vw * (9 / 16)) !important;
        right: 2px !important;
    }

    .main-search-button img {
        height: calc(10vw * (9 / 16)) !important;
    }

    .main-search-button-home {
        width: calc(27vw * (9 / 16)) !important;
        height: calc(14vw * (9 / 16)) !important;
        right: 2px !important;
    }

    .main-search-button-home img {
        height: calc(10vw * (9 / 16)) !important;
    }

    .text-search-button {
        height: calc(12vw * (9 / 16)) !important;
        font-size: 0.7rem !important;
        top: -92%;
    }

    .text-search-button div:last-child {
        padding: 0;
    }

    .text-search-button div img {
        height: calc(10vw * (9 / 16)) !important;
        padding: 0;
    }

    .main-search-input-item input {
        background: #f6f8fa;
        float: left;
        border: none;
        /* width: 1040px; */
        /* height: 119px; */
        width: calc(100vw * (9 / 16)) !important;
        height: calc(15vw * (9 / 16)) !important;
        padding-left: 5%;
        /* font-size: 25px; */
        /* font-size: calc(65% + 0.9vw + 1vh); */
        font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1600 - 300)));
    }

    .main-box {
        max-width: 100% !important;
    }

    .card-image {
        /*position: absolute;*/
        /*width: 100px;*/
        /*right: 10px;*/
        /*bottom: 10px;*/
        height: calc(30vw * (9 / 16)) !important;
    }

    .back-button {
        display: grid;
        width: calc(18.5vw * (9 / 16)) !important;
        height: calc(18.5vw * (9 / 16)) !important;
        opacity: 1;
        background: #eaeef4;
        border-radius: 14px;
        align-content: center;
        justify-content: center;
        left: 1rem;
    }

    .back-button a img {
        height: calc(7vw * (9 / 16)) !important;
    }

    .share-button {
        margin-right: 0 !important;
        margin-top: -13% !important;
    }

    figcaption {
        font-size: 12px !important;
        padding: 1% !important;
    }

    .download-button {
        display: grid;
        width: calc(18.5vw * (9 / 16)) !important;
        height: calc(18.5vw * (9 / 16)) !important;
        opacity: 1;
        background: #eaeef4;
        border-radius: 14px;
        align-content: center;
        justify-content: center;
        right: 1rem;
    }

    .download-button a img {
        height: calc(7vw * (9 / 16)) !important;
    }

    .page-link {
        display: flex !important;
        align-items: center;
        margin: 10px;
        justify-content: center;
        width: calc(14vw * (9 / 16)) !important;
        height: calc(17vw * (9 / 16)) !important;
        border-radius: 9px !important;
        background: #F5F8FC !important;
        color: #151313 !important;
        border: none !important;
        font-size: calc(12px + (22 - 12) * ((100vw - 300px) / (1600 - 300)));
    }

    .custom-img-text {
        text-align: center;
        font-size: 8px;
    }

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




    figure.image {
        width:  100% !important;
    }

    figure.image img {
        /*width:  calc(40vw * (9 / 16)) !important;*/
        width:  100% !important;
        height: auto !important;
        border-radius: 9px;
    }

    .owl-next {
        top: 41% !important;
        width: calc(15vw * (9 / 16)) !important;
        height: calc(15vw * (9 / 16)) !important;
        /*font-size: calc(50% + 3vw + 1vh) !important;*/
    }

    .owl-prev {
        top: 41% !important;
        width: calc(15vw * (9 / 16)) !important;
        height: calc(15vw * (9 / 16)) !important;
        /*font-size: calc(50% + 3vw + 1vh) !important;*/

    }

    .owl-next:hover {
        background-color: unset !important;
        border: 2px solid white !important;
        transition-duration: 100ms;
    }

    .owl-prev:hover {
        background-color: unset !important;
        border: 2px solid white !important;
        transition-duration: 100ms;
    }

    .small-font {
        font-size: x-small !important;
        text-align: center;
    }

}
body {
    background: rgb(99, 39, 120)
}

.form-control:focus {
    box-shadow: none;
    border-color: #BA68C8
}

.profile-button {
    background: rgb(99, 39, 120);
    box-shadow: none;
    border: none
}

.profile-button:hover {
    background: #682773
}

.profile-button:focus {
    background: #682773;
    box-shadow: none
}

.profile-button:active {
    background: #682773;
    box-shadow: none
}

.back:hover {
    color: #682773;
    cursor: pointer
}

.labels {
    font-size: 11px
}

.add-experience:hover {
    background: #BA68C8;
    color: #fff;
    cursor: pointer;
    border: solid 1px #BA68C8
}

.small-font {
    font-size: 13px !important;
    text-align: center;
}



.registration-form{
	padding: 50px 0;
    background-color: #dee9ff;
}

.registration-form form{
    position: relative;
    background-color: #fff;
    max-width: 600px;
    margin: auto;
    padding: 50px 70px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.registration-form .form-icon{
	text-align: center;
    background-color: #5891ff;
    border-radius: 50%;
    font-size: 40px;
    color: white;
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 50px;
    line-height: 100px;
}

.registration-form .item{
	border-radius: 20px !important;
    margin-bottom: 25px;
    padding: 10px 20px;
}

.registration-form .create-account{
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: #5791ff;
    border: none;
    color: white;
    margin-top: 20px;
}

.registration-form .social-media{
    max-width: 600px;
    background-color: #fff;
    margin: auto;
    padding: 35px 0;
    text-align: center;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #9fadca;
    border-top: 1px solid #dee9ff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.registration-form .social-icons{
    margin-top: 30px;
    margin-bottom: 16px;
}

.registration-form .social-icons a{
    font-size: 23px;
    margin: 0 3px;
    color: #5691ff;
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    display: inline-block;
    height: 45px;
    text-align: center;
    background-color: #fff;
    line-height: 45px;
}

.registration-form .social-icons a:hover{
    text-decoration: none;
    opacity: 0.6;
}

.title-h3 {
    text-align: center;
    color: #5791ff;
    font-weight: 600;
}

.success {

    top: 8%;
    LEFT: 5%;
    Z-INDEX: 1;
    WIDTH: 90%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 576px) {
    .registration-form form{
        padding: 50px 20px;
    }

    .registration-form .form-icon{
        width: 70px;
        height: 70px;
        font-size: 30px;
        line-height: 70px;
    }
}