/* fsm.edu.tr */
@import url("./fonts.css?v=1.0.7");
@import url("./variables.css");
@import url("./animate.css");
@import url("./../plugins/owl/assets/owl.carousel.min.css");
@import url("./../plugins/owl/assets/owl.theme.default.min.css");
@import url("./rangecalendar.css");
@import url("./chat.css");
@import url("./loader.css");
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/gilroy/Gilroy-Medium.woff2') format('woff2'),
    url('/assets/fonts/gilroy/Gilroy-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Bold';
    src: url('/assets/fonts/gilroy/Gilroy-Bold.woff2') format('woff2'),
    url('/assets/fonts/gilroy/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body{
    font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;
}

strong,b{
    font-family: 'Gilroy-Bold';

}


a {
    text-decoration: none !important;
   
    color: #006580;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    
}

li:first-letter,
a:first-letter,
h2:first-letter {
    text-transform: capitalize !important;
}

::selection {
    background: #c9c9c9;
}

::-moz-selection {
    background: #c9c9c9;
}

body {
    
    background-color: #fff;
}

.bg-white-force {
    background: #cfdef5 !important;
}

.color-site {
    color: var(--template-color) !important;
}

.bg-transparent {
    background: unset !important;
    background-color: transparent !important;
}

.fsm-header-top-container {
    background-color: var(--template-color);
}

.fsm-header-top-menu {
    list-style: none;

    margin-bottom: 10px;
    

}

.fsm-header-top-menu > li {
    margin-right: 10px;
    /* padding: 3px 10px;*/
    margin-top: 10px;
    position: relative;
}

.fsm-header-top-menu > li:last-child {
    margin-right: 0;
}

.fsm-header-top-menu > li > a {
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.54;
}

.fsm-header-top-menu .selected {
    background-color: #d1dff7;
    border-radius: 3px;
    color: #2248a0;
}

.fsm-header-top-menu .selected > a {
    color: #2248a0;
}

.fsm-header-top-menu > li:hover {
   /* background-color: #e1f1f5;*/
    border-radius: 3px;
}

.fsm-header-top-menu > li:hover [class^="icon-"]:before,
.fsm-header-top-menu > li:hover [class*=" icon-"]:before {
    /* filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(4204%) hue-rotate(190deg) brightness(95%) contrast(95%);*/
}

.fsm-header-top-menu > li:hover > a ,.fsm-header-top-menu > li:hover > a  i{
   /* color: #006580 !important;*/
}

.fsm-header-content {
    max-height: 133px;
    background: #FFF;
}

.fsm-logo {
    padding-top: 17px;
}

.fsm-logo img {
    max-height: 100px;
}

.fsm-logo-container {
    background-image: url("./../images/clip-path-01.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: inherit;
    position: relative;
    top: -34px;
    z-index: 500;
}

.fsm-header-sidebar {
    list-style: none;
    
    text-transform: uppercase;
    margin-top: 17px;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1.53;

}

.fsm-header-sidebar > li {
    margin-right: 10px;
    padding: 3px 10px;
}

.fsm-header-sidebar > li:last-child {
    margin-right: 0;
}

.fsm-header-sidebar > li > a {
    color: #000;
    text-decoration: none;
    position: relative;
}

.fsm-header-sidebar > li > ul {
    left: 0;
    width: 100%;
    display: none;
    position: fixed;
    height: 60px;
}

.fsm-header-sidebar .hover .fsm-polygon {
    display: block;
    z-index: 100;
}

.fsm-header-sidebar .hover {
    color: #93011B;
}

.fsm-header-sidebar li:hover .fsm-mega-menu {
    display: block;
}

.fsm-mega-menu {
    display: none;
    position: relative;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    margin-top: 0px;
    padding-top: 20px;
    cursor: pointer;
}

.fsm-mega-menu .col-3 ul {
    list-style: none;
    margin: 0 15px 15px 0;
    
    text-transform: none;
    display: inline-block;
    font-size: 14px;
    padding: 0;
}

.fsm-mega-menu .col-3 ul > li {
    cursor: pointer;
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 10px 15px 0;
    padding-left: 15px;
    width: 217px;
    text-transform: uppercase;
    -ms-transition: ease-in 0.2s all;
    -webkit-transition: All 0.2s ease-out;
    -moz-transition: All 0.2s ease-out;
    -o-transition: All 0.2s ease-out;
    /* -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); */
    /* clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
    --webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%); */
    /* transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); */
}

.fsm-mega-menu .col-3 ul > li a {
    color: #000;
}

.fsm-mega-menu .col-3 ul > li:hover,
.fsm-mega-menu .col-3 ul > li[class="active"] {
    background-color: #2248a0;
    color: #fff;
    border-radius: 5px 5px 5px 5px !important;
    /* text-decoration: underline;*/
    /* -webkit-transform: translate3d(1%, 0, 0);
    transform: translate3d(1%, 0, 0); */
}

.fsm-mega-menu .col-3 ul > li:hover a,
.fsm-mega-menu .col-3 ul > li[class="active"] a {
    color: #fff;
}


.fsm-mega-menu .tabs > div {
    display: none;
    margin-left: 10px;
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto;
}

.fsm-mega-menu .tabs .active {
    display: block;
    padding-top: 10px;
}

.fsm-mega-menu .tabs {
    min-height: 396px;
}

.fsm-mega-menu .container-fluid {
    cursor: default;
}

.fsm-header-content .col-sm-8.d-flex.justify-content-end.align-content-end.pr-0 {
    cursor: pointer;
}

.fsm-mega-menu .tabs ul {
    width: 93%;
    list-style: none;
    
    font-size: 13px;
    line-height: 37px;
    text-transform: none;
    -webkit-column-rule: 1px solid #ffffff00;
    -moz-column-rule: 1px solid #ffffff00;
    column-rule: 1px solid #ffffff00;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -moz-column-gap: 0;
    column-gap: 0;
    -moz-column-width: 261px;
    -moz-column-fill: auto;
    column-width: 261px;
    column-fill: auto;
    height: 96%;
    margin-top: 5px;
    padding-left: 1em;
}

.fsm-mega-menu .tabs ul > li a {
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* margin-left: 5px; */
    position: relative;
}

.fsm-mega-menu .tabs ul > li a:hover {
    color: #e8a531;
    -ms-transition: ease-in 0.2s all;
    -webkit-transition: All 0.2s ease-out;
    -moz-transition: All 0.2s ease-out;
    -o-transition: All 0.2s ease-out;

}

.fsm-menu-yerleske {
    width: 354px;
    height: 132px;
    margin-right: 35px;
}

.fsm-menu-yerleske:last-child {
    margin-right: 0;
}

.fsm-menu-yerleske a,
.fsm-menu-yerleske a.hover {
    display: flex;
    justify-content: center;
    color: #2248a0;
}

.fsm-menu-yerleske img {
    filter: brightness(0.5);
}


.fsm-menu-yerleske a:hover > img {
    filter: unset;
}

.fsm-menu-yerleske a:hover > span {
    color: #93011B;
}

.fsm-menu-yerleske span {
    position: absolute;
    display: inline-block;
    border-radius: 15px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 4px 30px;
    margin-top: 50px;
}

.fsm-polygon {
    display: none;
    width: 23.4px;
    border-color: transparent transparent #22489f transparent;
    border-width: 11px;
    border-style: solid;
    height: 16.7px;
    /* background-color: #fff; */
    /* clip-path: polygon(50% 0%, 0% 100%, 100% 100%); */
    position: absolute;
    /* box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16); */
    top: 3px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 46px auto auto;
    /* --webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); */
    /* --webkit-box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16); */
    /* filter: drop-shadow(0px 2px 4px black); */
}

.fsm-fast-menu-container {
    display: none;
    width: 532px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    right: 0;
    margin-top: 14px;
    z-index: 100;
    background-color: #838383;
}

.fsm-fast-menu-content {
    display: none;
    width: 532px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    position: absolute;
    right: 0;
    margin-top: 52px;
    z-index: 200;
    padding-top: 15px;
    padding-bottom: 15px;
}

.fsm-fast-menu-container .fsm-btn-group {
    height: 38px;
    
    font-size: 15px;
    font-style: normal;
    justify-content: center;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    width: 100%;
    z-index: 201;
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0 100%);
    display: flex;
    --webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0 100%);
}

.fsm-fast-menu-container .fsm-btn-group:first-child {
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
    --webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
}

.fsm-fast-menu-container .fsm-btn-group:last-child {
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);
    --webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);
}

.fsm-fast-menu-container .fsm-btn-group span {
    text-decoration: none;
    text-transform: uppercase;
    /* margin: auto; */
    color: #fff;
    cursor: pointer;
    align-self: center;
}

.menu-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 177.5px;
    height: 38px;
    pointer-events: none;
    border-width: 0 45px;
    background: #93011B;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
    --webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}

.fsm-btn-group:nth-child(1) + .active ~ .menu-line {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0 100%);
    --webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0 100%);
}

.fsm-btn-group:nth-child(2) + .active ~ .menu-line {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);
    --webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);
}

.fsm-fast-menu-content .tab-content > div {
    display: none;
}

.fsm-fast-menu-content .tab-content > div:first-child {
    display: block;
}

.fsm-fast-menu-content .tab-content ul {
    width: 91%;
    list-style: none;
    line-height: 2.5em;
    text-transform: none;
    -moz-column-rule: 1px solid #e6e6e6;
    column-rule: 1px solid #e6e6e6;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    column-gap: 58px;
    -moz-column-width: 100px;
    -moz-column-fill: balance;
    column-width: 130px;
    column-fill: auto;
    height: 95%;
   
    font-size: 12px;
}

.fsm-fast-menu-content .tab-content ul > li a {
    text-decoration: none;
    color: #4b4a4a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.fsm-fast-menu-content .tab-content ul > li a:hover {
    color: #93011B;
}

.fsm-fast-menu-container:hover ~ .fsm-fast-menu-content {
    display: block;
}

.fsm-search-container {
    margin-top: 30px;
    width: 30px;
    z-index: 100;
}

.fsm-search-group > div:first-child {
    background-color: #f7f7f7;
}

.fsm-search-container i {
    margin-top: 8px;
    cursor: pointer;
}

.fsm-search-container[class*='open'] {
    position: absolute;
    width: 846px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.fsm-search-container[class*='remove'] {
    width: 30px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.fsm-search-container .fsm-search-group {
    display: none;
}

.fsm-search-container[class*='open'] .fsm-search {
    display: none !important;
}

.fsm-search-container[class*='open'] .fsm-search-close {
    display: none;
    position: absolute;
    right: 0;
}

.fsm-search-container[class*='open'] .fsm-search-group {
    display: contents;
}

.fsm-search-container[class*='open'] .search-type {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    line-height: 17px;
    display: inline-block;
    color: #000;
    margin-right: 15px;
    margin-top: 7.2px;
   
    font-size: 13px;
}

[type="radio"]:checked + label {
    color: #2248a0;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 0.3px solid #2248a0;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #2248a0;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

[type="text"],
[type="email"],
[type="password"],textarea {
    background-color: #FFF;
    border: 1px solid #ccc;
    border-radius: unset;
   
    font-size: 14px;
    padding: 15px;
    color: #000;
    border-radius: 7px;
    height: 50px;
}

textarea::-webkit-input-placeholder {
    color: #a2a2a2f0;

}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #a2a2a2f0;

}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #a2a2a2f0;

}

textarea:-ms-input-placeholder {
    color: #a2a2a2f0;

}

textarea::placeholder {
    color: #a2a2a2f0;

}

[type="file"]::placeholder,
[type="text"]::placeholder,
[type="email"]::placeholder,
[type="password"]::placeholder {
    color: #a2a2a2f0;

}

[type="file"]:focus,
[type="text"]:focus,
[type="email"]:focus,
[type="password"]:focus {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    background-color: transparent;
    box-shadow: none;
    color: #000;
}

.owl-nav {
    position: absolute;
    right: 40vh;
    bottom: 15px;
}

button.owl-prev {
    background-color: #838383 !important;
    width: 28px;
    height: 28px;
    border-radius: 14px !important;
    color: #585858 !important;
    /* margin-right: 7px; */
}

button.owl-next {
    background-color: #838383 !important;
    width: 28px;
    height: 28px;
    border-radius: 14px !important;
    color: #585858 !important;
}

button.owl-next:focus,
button.owl-prev:focus {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    background-color: transparent;
    box-shadow: none;
}

.fsm-navigation {
    min-height: 120px;
    color: #fff;
    font-size: 25px;
    background: rgb(240, 240, 240);
}

.fsm-slide-nav .container-fluid {
    position: absolute;
    top: -375px;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
}

.fsm-slide-nav .container {
    text-align: right;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
}

.fsm-slide-nav {
    justify-content: space-evenly;
    position: relative;
}

.fsm-slide-nav button.owl-prev {
    background: 0 0;
    background-color: transparent !important;
    border: none;
    zoom: 5;
    /* filter: drop-shadow(0px 0px 3px black); */
    padding-right: 0;
    position: absolute;
    left: 0;
}

.fsm-slide-nav button.owl-next {
    background: 0 0;
    background-color: transparent !important;
    border: none;
    /* filter: drop-shadow(0px 0px 3px black); */
    zoom: 5;
    padding-left: 0;
    position: absolute;
    right: 0;
}

.fsm-slide-nav button.owl-next:hover,
.fsm-slide-nav button.owl-prev:hover {

    filter: invert(1);
}

.d-flex.row.no-gutters.h-100.justify-content-center {
    min-height: 122px;
    overflow: hidden;
    background: rgb(34, 72, 160);
    background: -moz-linear-gradient(90deg, rgba(36, 79, 154, 1) 0%, rgba(36, 79, 154, 1) 10%, rgba(36, 79, 154, 1) 15%, rgba(239, 244, 248, 0) 15%, rgba(223, 224, 231, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%, rgba(147, 4, 28, 1) 85%, rgba(147, 4, 28, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgb(34, 72, 160) 0%, rgb(34, 72, 160) 10%, rgb(34, 72, 160) 15%, rgba(239, 244, 248, 0) 15%, rgba(223, 224, 231, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%, rgba(147, 4, 28, 1) 85%, rgba(147, 4, 28, 1) 100%);
    background: linear-gradient(90deg, rgb(34, 72, 160) 0%, rgb(34, 72, 160) 10%, rgb(34, 72, 160) 15%, rgba(239, 244, 248, 0) 15%, rgba(223, 224, 231, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%, rgba(147, 4, 28, 1) 85%, rgba(147, 4, 28, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2248a0", endColorstr="#93011B", GradientType=1);
}

.fsm-navigation .fsm-navi-left {
    background-color: #2248a0;
    padding-right: 10px;
    transition: max-width 0.3s, flex 0.3s;
    width: 50%;
    max-width: 49.479%;
    margin-right: 6px;
    font-size: 22px;
    font-weight: bold;
   
}

.fsm-navigation .fsm-navi-left.d-none {
    display: none !important;
}

.fsm-navigation .fsm-navi-right.d-none {
    display: none !important;
}

.fsm-navigation .fsm-navi-right {
    padding-left: 10px;
    background-color: #93011B;
    transition: max-width 0.3s, flex 0.3s;
    width: 50%;
    margin-left: 5px;
    max-width: 49.479%;
    font-size: 22px;
    font-weight: bold;
   
}

.navi-click {
    max-width: 0 !important;
    transition: all 0.3s;
}

.navi-click * {
    display: none;
}

.fsm-navi-right-background {
    background: unset !important;
    background-color: #93011B !important;
}

.fsm-navi-left-background {
    background: unset !important;
    background-color: #2248a0 !important;
}

.fsm-navigation .right-hover {
    flex: 0 0 100%;
    max-width: 99%;
}

.fsm-navigation .left-hover {
    flex: 0 0 100%;
    max-width: 99%;
}

.fsm-navigation .fsm-navi-left span,
.fsm-navigation .fsm-navi-right span {
    cursor: pointer;
}

.fsm-navigation .fsm-navi-right i {
    margin-right: 10px;
    cursor: pointer;
}

.fsm-navigation .fsm-navi-left i {
    cursor: pointer;
    /* margin-left: 20px; */
}

.fsm-navi-group {
    display: contents;
}

.fsm-navi-detail {
    display: none;
}

.fsm-navi-content .fsm-navi-detail {
    display: flex !important;
    height: 100%;
}


.fsm-navi-left .fsm-navi-detail .fsm-navi-subject {
    /* background-color: #e7effe;
color: #2248a0; */
    height: 100%;
    display: flex;
    max-width: 329px;
    padding-left: 39px;
    padding-right: 10px;
    font-size: 21px;
    font-weight: bold;
   
}


.fsm-navi-right .fsm-navi-detail .fsm-navi-subject {
    /* background-color: #fde7eb;
    color: #93011B; */
    height: 100%;
    display: flex;
    max-width: 330px;
    padding-left: 39px;
    padding-right: 10px;
    font-size: 21px;
    font-weight: bold;
   
}

.fsm-navigation .fsm-navi-right .fsm-navi-subject i {
    margin-right: 0;
    cursor: pointer;
    /* filter: brightness(0) saturate(100%) invert(34%) sepia(21%) saturate(5699%) hue-rotate(339deg) brightness(79%) contrast(80%); */
}

.fsm-navigation .fsm-navi-left .fsm-navi-subject i {
    margin-right: 0;
    order: 0;
    cursor: pointer;
    /* filter: brightness(0) saturate(100%) invert(24%) sepia(53%) saturate(886%) hue-rotate(180deg) brightness(110%) contrast(98%); */
}

.fsm-navi-menu {
    display: flex;
}

.fsm-navi-menu ul {
    list-style: none;
    font-size: 12px;
    height: 90%;
}

.fsm-navi-menu a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
}

.fsm-navi-menu ul i {
    display: block;
    margin-right: unset !important;
    font-size: 24px;
}

.fsm-navi-menu li {
    margin-right: 50px;
    /* visibility: hidden; */
}

.fsm-navi-menu span {
    margin-top: 5px;
}


.fsm-life {
    margin-top: 35px;
    margin-bottom: 50px;
}

.fsm-toolbar {
    width: 100%;
    padding-bottom: 15px;
}

.fsm-graduates-section .fsm-toolbar {
    position: relative;
}

.fsm-brands .fsm-toolbar {
    position: relative;
}

.fsm-toolbar .fsm-title {
    float: left;
    font-size: 20px;
    
    font-weight: 600;
    color: var(--template-color);
}

.fsm-toolbar .fsm-toolbar-navigation {
    float: right;
    display: flex;
}

.fsm-toolbar .fsm-line {
    clear: both;
    display: block;
    padding-top: 5px;
}

.fsm-toolbar .fsm-line-two {
    width: 126px;
    position: absolute;
    border-bottom: solid 2px var(--template-color);
}

.fsm-toolbar .fsm-line-triangle {
    border-color: var(--template-color) transparent transparent transparent;
    border-style: solid;
    position: absolute;
    border-width: 7px;
    margin-left: 5px;
}

.fsm-owl-control {
    margin-left: 0;
}

.fsm-owl-control a i {
    position: relative;
    top: -6px;
    font-size: 13px;
}

.fsm-brands-section .fsm-owl-control a i {
    top: -31px;
}


.fsm-button-group {
    height: 28px;
    /*background-color: var(--template-color);*/
    border-radius: 14px;
    margin-left: 5px;
}

.fsm-button-group a {
    text-decoration: none;
    color: var(--template-color);
   
    font-size: 12px;
    display: flex;
    padding: 5px 5px 5px 12px;
    max-height: 28px;
}

.fsm-button-group a i {
    position: relative;
    top: -1px;
}

.color-white {
    color: #fff !important;
}

.color-white .fsm-title {
    color: #fff;
}

.color-white .fsm-line-two {
    border-bottom: solid 3px #fff;
}

.color-white .fsm-line-triangle {
    border-color: #fff transparent transparent transparent;
}

.color-white .fsm-button-group {
    background-color: #FFF;
}

.fsm-life-news {
    margin-top: 5px;
}

.fsm-life-img-left {
    width: 100%;
    max-height: 438px;
}

.fsm-life-img-right-top {
    width: 100%;
    max-height: 270px;
}

.fsm-life-img-right-bottom-left,
.fsm-life-img-right-bottom-right {
    max-height: 160px;
    width: 100%;
}

.fsm-life-detail {
    position: absolute;
    bottom: 0;
    display: block;
    padding: 25px;
    margin-right: 8px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
}

.mr-8 {
    margin-right: 8px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.fsm-life-title {
    font-weight: bold;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55); */
    font-size: 18px;
   
    color: #fff;
}

.fsm-life-date {
   
    font-size: 12px;
    color: #fff;
}

.fsm-life-tag {
   
    font-size: 10px;
    color: #fff;
    border-radius: 3px;
    background-color: #2248a0c7;
    display: inline-block;
    padding: 7px;
    line-height: 1.60;
    margin-bottom: 10px;
}

.fsm-life-item img {
    transition: all 0.3s;
}

.fsm-life-item:hover img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.fsm-life-item {
    overflow: hidden;
    cursor: pointer;
}

.col-6 .fsm-life-title {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.overflow {
    overflow: hidden;
}

.fsm-bg-news-events {
    background: rgb(240, 240, 240);
    background: linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 10%, rgba(240, 240, 240, 1) 15%, rgba(240, 240, 240, 1) 15%, rgba(240, 240, 240, 1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #006580 60%, #006580 85%, #006580 85%, #006580 100%);
}

.fsm-bg-news-announcement {
    background: rgb(240, 240, 240);
}

.fsm-bg-news-events-single {
    background: #404040;
}


.fsm-bg-news,
.fsm-bg-events {
    min-height: 500px;
}

.fsm-bg-news {
    background-color: #f0f0f0;
}

.fsm-bg-events {
    background-color: #006580;
}

.fsm-bg-news .fsm-element-group {
    margin-top: 35px;
    padding-right: 56px;
    width: 100%;
}

.fsm-bg-events .fsm-element-group {
    margin-top: 35px;
    width: 100%;
    padding-left: 45px;
}

.fsm-news-item {
    display: block;
    margin-top: 35px;
}

.fsm-news-date {
    border-radius: 100%;
    width: 75px;
    display: block;
    height: 75px;
    background-color: var(--template-color);
    border: solid 1px var(--template-color);
    float: left;
    margin-right: 30px;
}

.fsm-news-date span:first-child {
    display: block;
    margin-top: 21px;
    line-height: 0.6;
}

.fsm-news-date span:last-child {
    display: block;
}

.fsm-news-date span {
    color: #fff;
    text-align: center;
   
    font-size: 15px;
    font-weight: bold;
}

.fsm-news-author {
    display: inline-flex;
   
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 7px;
    margin-bottom: 7px;
    color: #2248a0;
    border-bottom: solid 0.5px #a9a7a7;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.fsm-news-title,
.fsm-news-title a {
   
    font-size: 15px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
    min-height: 45px;
}

.fsm-news-title a:hover {
    color: var(--template-color);
}

.fsm-events {
    display: block;
    margin-top: 10px;
}

.wrapper:last-child {;
    /* margin-top: 20px; */
}

.fsm-border-blur-left {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 5px;
    z-index: 10;
    background-image: linear-gradient(to left, rgba(64, 64, 64, 0), #404040);
}

.fsm-border-blur-right {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 5px;
    right: -5px;
    z-index: 10;
    background-image: linear-gradient(to right, rgba(64, 64, 64, 0), #404040);
}

.fsm-event-container {
    display: block;
    position: absolute;
    width: 85%;
    z-index: 100;
}

.fsm-event {
    width: 212px;
    display: block;
    float: left;
}

.fsm-event-date {
    border-radius: 100%;
    width: 47px;
    display: inline-block;
    height: 47px;
    background-color: #e18a0c;
    border: solid 1px #e18a0c;
    float: left;
    margin-left: 9px;
    margin-right: 9px;
}

.fsm-event-date span {
    color: #fff;
    text-align: center;
   
    font-size: 19px;
    font-weight: bold;
    display: block;
    margin-top: 9px;
}

.fsm-event-author {
    display: -webkit-box;
   
    font-size: 12px;
    float: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 147px;
}

.fsm-event-title,
.fsm-event-title a {
   
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
    width: 100%;
    line-height: 1.21;
    height: 35px;
}

.fsm-event-title a:hover {
    color: #e18a0c;
}

.fsm-event-image {
    float: right;
    position: relative;
}

.fsm-event-image a img {
    max-height: 315px;
    object-fit: cover;

}

.fsm-event-title {
    margin-top: 7px;
    padding-top: 4px;
    border-top: solid 0.5px #a9a7a7;
}

.fsm-owl-control.fsm-event-absolute-left {
    position: absolute;
    left: 47px;
    bottom: 20px;
    z-index: 100;
}

.fsm-owl-control.fsm-event-absolute-right {
    position: absolute;
    left: 80px;
    bottom: 20px;
    z-index: 100;
}


.fsm-announcements {
    background-color: #fff;
}

.fsm-announcements .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.fsm-announcement-section {
    background-color: #fff;
    border: solid 1px #fff;
    border-radius: 10px;
    padding: 30px;
}

.fsm-announce-left .fsm-announce-item {
    display: block;
    clear: both;
    max-width: 509px;
}

.fsm-announce-left.fsm-announce-header {
    display: block;
}

.fsm-announce-image img {
    display: block;
    width: 100%;
    height: 238px;
    object-fit: cover;
    transition: all 0.3s;
}

.fsm-announce-left .fsm-announce-tag {
   
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background-color: var(--template-color);
    display: inline-block;
    padding: 7px;
    line-height: 0.83;
    position: relative;
    bottom: 36px;
    cursor: default;
    margin-left: 14px;
}


.fsm-announce-image img {
    transition: all 0.3s;
}

.fsm-announce-image {
    overflow: hidden;
    cursor: pointer;
    border-radius: 7px;
}

.fsm-announce-header:hover img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.fsm-announce-item {
    overflow: hidden;
}

.fsm-announce-title a,
.fsm-announce-title {
   
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    color: #000;
    text-decoration: none;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fsm-announce-date {
    margin-top: 9px;
    margin-bottom: 15px;
   
    font-size: 12px;
    line-height: 0.83;
    color: #939393;
}

.fsm-announce-desc {
   
    font-size: 14px;
    line-height: 1.57;
    color: #5a5a5a;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.fsm-announce-right .fsm-announce-item {
    display: block;
    clear: both;
    max-width: 509px;
}

.fsm-announce-right .fsm-announce-header {
    height: 116px;
    display: inline-flex;
    width: 192px;
    float: left;
    margin-right: 24px;
}


.fsm-announce-tag {
   
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background-color: var(--template-color);
    display: inline-block;
    padding: 7px;
    line-height: 1.2;
    position: relative;
    cursor: default;
    margin-top: 15px;
    margin-bottom: 3px;
    max-width: 250px;
    width: 130px;
    overflow: hidden;
}

.fsm-announce-right .fsm-announce-title a,
.fsm-announce-right .fsm-announce-title {
   
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    height: 45px;
}

.fsm-announce-left,
.fsm-announce-right {
    /*margin-top: 30px;*/
}

.icon-haberler-takvim {
    font-size: 8px;
}


.fsm-graduates {
    position: relative;
}

.fsm-graduates .container {
    padding-top: 51px;
    padding-bottom: 51px;
}

.fsm-graduates-section {
    padding-bottom: 30px;
}

.fsm-graduate-avatar {
    margin-top: 35px;
}

.fsm-graduate-details {
    margin-top: 20px;
    background: white;
    padding: 24px;
    height: 100%;
    margin-top: 7px;
    border-radius: 7px;
    filter: drop-shadow(0px 1px 1px #ccc);
}

.fsm-graduate-avatar img {
    border: solid 1px #ffffff;
    object-fit: contain;
    border-radius: 100%;
    padding: 3px;
    width: 244px !important;
    height: 244px;
}

.fsm-graduate-items img {
    border-radius: 7px;
}

.fsm-graduate-student,
.fsm-graduate-faculty {
   
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: left;
}

.fsm-graduate-student {
    font-size: 25px;
    font-weight: bold;
   
}

.fsm-graduate-desc {
    margin-top: 8px;
   
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: left;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}


.color-red .fsm-button-group {
    background-color: #fff;
}

.color-red .fsm-button-group a {
    color: #bd4f4a;
}

.fsm-graduate-readmore {
    display: inline-block;
    margin-top: 15px;
}

.fsm-graduate-readmore .fsm-button-group {
    margin-left: 0;
}

.fsm-graduates-bg {
    position: absolute;
    opacity: 0.1;
    z-index: 0;
    object-fit: contain;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-image: url('/mainSite/assets/images/graduates/graduates-bg2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fsm-owl-control.fsm-graduate-absolute-left {
    position: relative;
    z-index: 100;
    left: -931px;
    bottom: -218px;
}

.fsm-owl-control.fsm-graduate-absolute-right {
    position: relative;
    z-index: 100;
    left: -131px;
    bottom: -218px;
}

.fsm-brands-section {
    display: block;
    padding-top: 33px;
    padding-bottom: 33px;
}

.fsm-brand-item {
    padding: 20px;
    height: 268px;
    overflow: hidden;
}

.fsm-brand-name,
.fsm-brand-name a {
    color: #2248a0;
    text-decoration: none;
   
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    margin-top: 21px;
    line-height: 1.27;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.fsm-brand-except {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-top: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fsm-brand-desc {
    margin-top: 17px;
   
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #5a5a5a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.fsm-brand-item {
    border-radius: 8px;
    border: solid 1px #dde7f8;
}

.fsm-brand-image {
    min-height: 120px;
}

.fsm-brand-image > img {
    width: initial !important;
    display: initial !important;
    max-height: 120px;
    max-width: 80%;
}

.fsm-owl-control.fsm-brands-absolute-left {
    position: absolute;
    z-index: 100;
    left: -50px;
    margin-top: 159px;
    float: left;
}

.fsm-owl-control.fsm-brands-absolute-right {
    position: absolute;
    z-index: 100;
    right: -50px;
    margin-top: 159px;
    float: right;
}

.fsm-line-section {
    display: block;
    height: 9.6px;
    background-color: #2248a0;
}

.fsm-forms-section {
    margin-top: 70px;
    margin-bottom: 70px;
}

.fsm-form-navigation {
    min-width: 220px;
}

.fsm-form-navigation span {
   
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
    margin-left: 13px;
    margin-top: 25px;
}

.fsm-form-navigation a {
    display: inline-flex;
    text-decoration: none;
}

.fsm-form-navigation i {
    width: 84px;
}

.fsm-socials {
    height: 60px;
    background-color: var(--template-color);
}

.fsm-socials-section {
    min-height: 60px;
    justify-content: space-between;
    align-items: center;
}

.fsm-social-icons ul {
    list-style: none;
    margin-left: -35px;
    margin-top: -6px;
}

.fsm-social-icons li {
    float: left;
}

.fsm-social-icons li i:before {
    width: 32px;
    height: 32px;
    top: 6px;
    opacity: 1;
    margin-top: 3px;
    margin-right: 25px;
}

.fsm-social-icons li:last-child i:before {
    margin-top: 5px;
}

.fsm-social-slogan {
    float: right;
    margin-top: 9px;
    font-family: SusaBold;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.73;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-align: -webkit-center;
}

.fsm-footer-menu {
    display: block;
    margin-top: 40px;
}

.fsm-footer-menu > ul {
    padding-left: 0;
    display: inline-table;
    list-style: none;
    -moz-column-rule: 1px solid #e6e6e6;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    -moz-column-width: 222px;
    -moz-column-fill: balance;
    column-width: 222px;
    column-fill: auto;
}

.fsm-footer-menu > ul > li {
    float: left;
    display: block;
   
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    width: 25%;
    min-height: 250px;
    color: #000000;
    overflow: hidden;
}

.fsm-footer-menu > ul > li span {
}

.fsm-footer-menu > ul > li > ul {
    list-style: none;
    margin-top: 5px;
    padding-left: 0;
    border-top: solid 1px #707070;
    padding-top: 5px;
    margin-right: 45px;
}

.fsm-footer-menu > ul > li > ul > li a {
   
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
    text-decoration: none;
}

.fsm-footer-menu > ul > li > ul > li a:hover {
    color: #93011B;
}

.fsm-footer-map {
    margin-top: 2em;
    width: 377px;
    /* height: 193.3px; */
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.fsm-footer-map-and-logos {
    display: inline-block;
    float: right;
}

.fsm-footer-bottom {
    display: block;
    height: 50px;
    background-color: var(--template-color);
    margin-top: 65px;
}

.fsm-copyright-left,
.fsm-copyright-logo,
.fsm-copyright-right {
    width: 131%;
}

.fsm-copyright-right {
    text-align: right;
}

.fsm-footer-bottom span {

    color: #fff;
}

.fsm-copyright-logo {
    position: relative;
    display: flex;
    transform: rotate(180deg);
}

.fsm-copyright-logo-back {
    /*background-image: url(./../images/clip-path-01.svg);*/
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    position: relative;
    top: -21px;
}

.fsm-copyright-logo > img {
    /* width: 105px; */
    /* height: 105px; */
    position: absolute;
    top: -89px;
    left: -63px;
    /* border-radius: 100%; */
    /* border: 5px solid #f7f7f7; */
    /* background-color: #f7f7f7; */
    object-fit: contain;
}

footer {
    background: white;
}

.fsm-copyright-left,
.fsm-copyright-right {
   
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: right;
    color: #A7BBE8;
}

.fsm-copyright-left {
    text-align: left;
}

.fsm-footer-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

i.icon-mezunlarimizdan-sag-ok,
i.icon-mezunlarimizdan-sol-ok {
    top: -37px !important;
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    border-radius: 20px;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #f8f7f8;
}

li.nav-item {
    flex: 1;
    text-align: center;
}

.nav-pills .nav-link {
    border-radius: 16px;
    color: #14387f;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.72;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.34);
    background-color: var(--template-color);
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
    background: var(--template-color) !important;
}
.btn {
    display: inline-block;
    color: #000;
    border-radius: 7px;
    border: solid 3px #000000;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0.375rem 0.75rem;
    font-size: 14pt;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #404040;
    height: 50px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.btn-danger {
    border-color: #dc3545;
}

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

.btn-warning {
    border-color: #ffc107;
}

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

.bg-primary {
    background-color: var(--template-color) !important;
    color: #fff;
    border: unset;
}

.wrapperOut {
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #f5f5f5;
    z-index: 1000000000000;
}

.loadingWrapper {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
}

.st0,
.st1 {
    fill: #c3080b;
    stroke: #c3080b;
    stroke-miterlimit: 10;
    stroke-width: 1;
}

.st2 {
    fill: #0266a5;
    stroke: #0266a5;
    stroke-miterlimit: 20;
    stroke-width: 1;
}

#loading-bg path {
    stroke-dasharray: 1800;
    animation: fsm_animate 2s infinite;
    animation-direction: alternate-reverse;
}

@keyframes fsm_animate {
    from {
        stroke-dashoffset: 1800;
        fill: transparent;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
}

.fsm-forms {
    overflow: hidden;
}

.col-3.col-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}


.fsm-graduates-section .fsm-toolbar-navigation {
    position: absolute;
    float: unset !important;
    width: 100%;
    text-align: center;
    margin-top: 220px;
    justify-content: space-between;
}

.fsm-owl-control.fsm-graduate-absolute-left {
    left: unset;
    right: unset;
    bottom: unset;
    width: 10%;
}

.fsm-owl-control.fsm-graduate-absolute-right {
    left: unset;
    right: unset;
    bottom: unset;
    width: 10%;
}

.fsm-brands .fsm-toolbar-navigation {
    position: relative;
}

.fsm-brand-item:hover {
    border: solid 1px #8c8c8c;
}

.fsm-page-contact {
    background-color: #fff;
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 50px;
}

.card-header {
    background-color: transparent;
    padding: 0.75rem 0;
}

.card {
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 0;
}

.card-body {
    padding: 0.75rem 0;
}

.fsm-page-contact h5 {
   
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: left;
    color: #2248a0;
    cursor: pointer;
}

.collapsed {
    color: #000 !important;
}

.fsm-page-contact img {
    width: 100%;
    object-fit: cover;
}

.fsm-page-contract-group {
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 5px;
    display: inherit;
}

.fsm-page-contact-navigation {
    border-top: solid 1px var(--template-color);
    border-bottom: solid 1px var(--template-color);
    margin-top: 25px;
    margin-bottom: 25px;
    flex: auto;
}

.fsm-page-contract-group span,
.fsm-page-contract-group a {
    text-decoration: none;
   
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.fsm-page-contact i:before {
    top: 0;
    width: 2em;
}

.fsm-page-contact h5:before {
    content: url("./../images/icons/asagi-ok.svg");
    float: right;
    filter: brightness(0) saturate(100%) invert(24%) sepia(18%) saturate(5870%) hue-rotate(201deg) brightness(95%) contrast(87%);
    margin-right: 10px;
    transform: rotate(180deg);
}

.fsm-page-contact .collapsed:before {
    content: url("./../images/icons/asagi-ok.svg");
    float: right;
    margin-right: 10px;
    filter: unset;
    transform: rotate(0deg);
}

.fsm-page-graduates,
.fsm-page-news {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.fsm-breadcrumb {
    background-color: var(--template-color);
    padding-top: 25px;
    /* padding-bottom: 15px; */
}

.fsm-breadcrumb-list {
    margin-top: 20px;
}

.fsm-breadcrumb-list ul {
    list-style: none;
    display: flex;
    padding: 0;
    flex-flow: wrap;
}

.fsm-breadcrumb-list ul li a {
    text-decoration: none;
    color: #fff;
   
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
}

.fsm-breadcrumb-list ul li {
    margin-right: 10px;
}

.fsm-breadcrumb-list ul li:not(:last-child):before {
    content: '/';
    color: #fff;
    float: right;
    margin-left: 10px;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
}

.fsm-page-news-title {
   
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.51;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.fsm-page-news-tag {
   
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background-color: var(--template-color);
    display: inline-block;
    padding: 3px 10px;
    margin-right: 10px;
    margin-top: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
    align-self: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.fsm-page-news-category,
.fsm-page-news-date {
    margin-top: 6px;
    margin-bottom: 15px;
   
    font-size: 12px;
    line-height: 0.83;
    color: #696969;
}

.fsm-page-news-tags {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-flow: column;
}

.fsm-page-news-header .fsm-page-news-tags {
    flex-flow: row;
}

.fsm-page-news-gallery-item img,
.fsm-page-news-image img {
    width: 100%;
    object-fit: cover;
    /* max-height: 450px; */
}

.fsm-page-news-content {
    margin-top: 25px;
    margin-bottom: 25px;
   
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: justify;
    color: #000000;
}

.fsm-page-news-gallery-container,
.fsm-page-news-gallery {
    display: block;
    position: relative;
}

.fsm-page-news-gallery-navs {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.fsm-page-news-navigation {
    margin-top: 25px;
    border-top: solid 1px #acacac;
    margin-bottom: 20px;
    padding-top: 50px;
    clear: both;
}

.fsm-page-news-navigation-buttons {
    width: 100%;
    padding: 7px 15px 7px 7px;
    border-radius: 5px;
    background-color: var(--template-color);;
    cursor: pointer;
}

.fsm-page-news-navigation-buttons:last-child {
    margin-left: 15px;
}

.fsm-page-news-navigation-buttons:last-child i {
    float: right;
}

.fsm-page-news-all span,
.fsm-page-news-navigation-buttons span {
    float: right;
    margin-top: 3px;
   
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-left: 5px;
}

.fsm-page-news-navigation-buttons:last-child span {
    float: left;
    padding-left: 10px;
}

.fsm-page-news-all:hover,
.fsm-page-news-navigation-buttons:hover {
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16);
}


.fsm-page-news-other-item .fsm-page-news-title {
    font-size: 16px;
   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.fsm-page-news-other-item {
    padding-bottom: 25px;
    border-bottom: solid 0.8px #707070;
    margin-bottom: 25px;
}


.fsm-page-news-all {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    background-color: var(--template-color);
    cursor: pointer;
}


.fsm-page-news-all span {
    float: unset;
}

.fsm-page-news-all i {
    float: right;
}


.fsm-page-news-all i:before {
    top: 0;
}

.fsm-page-news-other-item .fsm-page-news-image img {
    max-height: 211px;
}

.fsm-page-events-title {
   
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.51;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.fsm-page-events-tag {
   
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background-color: #93011B;
    display: inline-block;
    padding: 3px 10px;
    margin-right: 10px;
    margin-top: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
    align-self: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.fsm-page-events-category,
.fsm-page-events-date {
    margin-top: 9px;
    margin-bottom: 15px;
   
    font-size: 12px;
    line-height: 0.83;
    color: #696969;
}

.fsm-page-events-tags {
    margin-top: 10px;
}

.fsm-page-events-header .fsm-page-events-tags {
    flex-flow: row;
}

.fsm-page-events-gallery-item img,
.fsm-page-events-image img {
    width: 100%;
    object-fit: cover;
    min-height: 223px;
    min-width: 150px;
}

.fsm-page-events-content {
    margin-top: 25px;
    margin-bottom: 25px;
   
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: justify;
    color: #000000;
    display: flex;
    justify-content: start;
    flex-flow: column;
    align-items: center;
}

.fsm-page-events-content img {
    width: 70%;
    object-fit: cover;
    clear: both;
}

.fsm-page-events-gallery-container,
.fsm-page-events-gallery {
    display: block;
    position: relative;
}

.fsm-page-events-gallery-navs {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.fsm-page-events-navigation {
    margin-top: 25px;
    border-top: solid 1px #acacac;
    margin-bottom: 20px;
    padding-top: 50px;
}

.fsm-page-events-navigation-buttons {
    width: 100%;
    padding: 7px 15px 7px 7px;
    border-radius: 5px;
    background-color: #2248a0;
    cursor: pointer;
}

.fsm-page-events-navigation-buttons:last-child {
    margin-left: 15px;
}

.fsm-page-events-navigation-buttons:last-child i {
    float: right;
    width: 1.7em;
}

.fsm-page-events-all span,
.fsm-page-events-navigation-buttons span {
    float: right;
    margin-top: 3px;
   
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-left: 5px;
}

.fsm-page-events-navigation-buttons:last-child span {
    float: left;
    padding-left: 10px;
}

.fsm-page-events-all:hover,
.fsm-page-events-navigation-buttons:hover {
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16);
}


.fsm-page-events-other-item .fsm-page-events-title {
    font-size: 16px;
   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.fsm-page-events-other-item {
    padding-bottom: 25px;
    border-bottom: solid 0.8px #707070;
    margin-bottom: 25px;
}

.fsm-page-events-other-item a {
    display: flex;
}


.fsm-page-events-all {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    background-color: var(--template-color);
    cursor: pointer;
}


.fsm-page-events-all span {
    float: unset;
}

.fsm-page-events-all i {
    float: right;
}


.fsm-page-events-all i:before {
    top: 0;
}

.fsm-page-events-other-item .fsm-page-events-image img {
    max-width: 150px;
    max-height: 223px;
}

.fsm-page-events-right {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.fsm-page-events-all a,
.fsm-page-events-navigation-buttons a,
.fsm-page-news-navigation-buttons a {
    display: flow-root;
}

.fsm-page-news-navigation-buttons.disabled,
.fsm-page-events-navigation-buttons.disabled {
    background-color: #8c8c8c;
    pointer-events: none;
    visibility: hidden;
}

.fsm-page-events-filter select {
    width: 100%;
}

.fsm-page-events-filter input[type='text'] {
    width: 100%;
}


.fsm-input-group input,
.fsm-input-group select {
    height: 47px;
}

.fsm-input-group input,
.fsm-input-group select,
.fsm-input-group textarea {
   
    font-size: 14px;
    padding: 15px;
    border-radius: 8px;
    background-color: #f7f7f7;
    color: #868686;
    border: 1px solid #b9b9b9;
    border-radius: 8px;


}

.fsm-input-group input:focus,
.fsm-input-group textarea:focus {
   
    font-size: 14px;
    padding: 15px;
    border-radius: 8px;
    background-color: #f7f7f7;
    color: #000;
    border: 1px solid #000;
    -webkit-box-shadow: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}

.fsm-input-group select:focus {
    -webkit-box-shadow: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    color: #000;
    border: 1px solid #000;
   
    font-size: 14px;
}


.fsm-input-group input::placeholder {
    color: #868686;
}

.fsm-input-group textarea::placeholder {
    color: #868686;
}

.fsm-input-group input[type="file"],
.fsm-input-group select {
    padding: 5px;
}

.fsm-with-search-icon:before {
    content: url("./../images/icons/arama.svg");
    position: absolute;
    right: 0;
    margin-right: 25px;
    margin-top: 15px;
    pointer-events: none;
    filter: brightness(0) saturate(100%) invert(57%) sepia(5%) saturate(11%) hue-rotate(84deg) brightness(92%) contrast(96%);
}

.fsm-page-events-list-item .fsm-page-events-title {
    font-size: 16px;
   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.fsm-page-graduates-other-item,
.fsm-page-events-list .fsm-announce-item,
.fsm-page-events-list-item {
    padding-bottom: 15px;
    border-bottom: solid 0.8px #707070;
    margin-bottom: 25px;
    height: 460px;
}

.fsm-page-events-list-item a {
    display: flex;
}

.fsm-page-events-list-item .fsm-page-events-image img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    min-height: unset;
    min-width: unset;
}

.fsm-page-events-list {
    margin-top: 50px;
}

.fsm-page-events-tags {
    display: flex;
    flex-direction: column;
}

.fsm-page-list ul {
    list-style: none;
}

.fsm-page-list ul li {
    padding-top: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: solid 1px #acacac;
    width: 53px;
    height: 53px;
    text-align: center;
   
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.60;
    letter-spacing: normal;
    color: #868686;
    margin-right: 15px;
    z-index: 1;
    cursor: pointer;
}

.fsm-page-list ul li a {
    color: #868686;
}

.fsm-page-list {
    position: relative;
    margin-top: 25px;
}

.fsm-page-list ul:before {
    content: 'pagination';
    color: transparent;
    background-color: #acacac;
    height: 1px;
    width: 100%;
    position: absolute;
    margin-top: 25px;
    z-index: 0;
}

.fsm-page-list ul li:hover,
.fsm-page-list ul li.active,
.fsm-page-list ul li:hover a,
.fsm-page-list ul li.active a {
    background-color: var(--template-color);
    color: #fff;
}


.fsm-page-list .disabled {
    background-color: #8c8c8c;
    pointer-events: none;
}

.fsm-page-list .disabled a {
    color: #fff;
}

.fsm-page-events-title:hover,
.fsm-page-news-title:hover {
    color: #93011B;
}

.fsm-page-events-list .fsm-announce-tag {
   
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background-color: #93011B;
    display: inline-block;
    padding: 3px 7px;
    line-height: 1.9;
    position: relative;
    bottom: 36px;
    cursor: default;
    margin-left: 14px;
    margin-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: auto;
}

.fsm-page-graduates-list {
    margin-top: 25px;
}

.fsm-page-graduates-list .fsm-graduate-faculty,
.fsm-page-graduates-list .fsm-graduate-student {
   
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #000000;
}

.fsm-page-graduates-list .fsm-graduate-avatar {
    margin-top: unset;
    margin-bottom: 25px;
}

.fsm-page-graduates-list .d-flex.flex-column.align-items-center {
    margin-bottom: 75px;
}

.fsm-page-graduates-list .fsm-graduate-avatar img {
    width: 168px !important;
    height: 168px;
    border: 1px solid #93011B;
}

.fsm-page-graduates .fsm-graduate-faculty,
.fsm-page-graduates .fsm-graduate-student {
   
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #000000;
}

.fsm-page-graduates .fsm-graduate-avatar {
    margin-top: unset;
    margin-bottom: 25px;
}

.fsm-page-graduates .fsm-graduate-avatar img {
    width: 168px !important;
    height: 168px;
    border: 1px solid #93011B;
}

.fsm-page-graduates .fsm-graduate-right {
    margin-left: 25px;
}

.fsm-page-graduates .fsm-graduate-student {
   
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.51;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.fsm-page-graduates .fsm-graduate-faculty {
   
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #696969;
}

.fsm-page-graduates-other-item .fsm-graduate-student,
.fsm-page-graduates-other-item .fsm-graduate-faculty {
   
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #000000;
}

.fsm-navi-left .fsm-navi-group {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.fsm-navi-right .fsm-navi-group {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.fsm-navi-right .fsm-navi-group i {
    order: 1;
}

.fsm-footer-logos img {
    height: 78px;
}

.fsm-social-slogan img {
    width: 48%;
}

.g-recaptcha {
    transform: scale(0.90);
    -webkit-transform: scale(0.90);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}


table {
    /* width: 100% !important; */
    /* min-width: 100% !important; */
    overflow: hidden;
    height: auto !important;
    overflow-x: auto;
    display: inline-grid;
}

td {
    width: auto !important;
    height: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10pt !important;
}

p {
    width: 100%;
    position: relative;
    clear: both;
}


.fsm-page-search {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #ffffff;
}

.fsm-search-item {
    padding: 15px;
}

.search-style-1,
.search-style-2 {
    background: #fff;
}

.search-style-1:nth-child(odd),
.search-style-2:nth-child(odd) {

    background-color: #f7f7f7;
}


.fsm-profile-card-avatar {;
    /* border: 0.5px solid #000;*/
}

.fsm-profile-card:nth-child(even) .fsm-profile-card-avatar {
    padding-left: 1.1px;
}

.fsm-search-avatar img {
    height: 110px;
    width: 110px;
    object-fit: contain;
    border: solid 1px #ffffff;
    border-radius: 100%;
    background-color: #f7f7f7;
}

.fsm-search-title,
.fsm-search-title a {
   
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-decoration: none;
}

.fsm-search-desc,
.fsm-search-other,
.fsm-search-desc a,
.fsm-search-other a {
   
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-decoration: none;
}

.fsm-search-category {
   
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #2248a0;
    margin-bottom: 14px;
}


.fsm-page-normal {
    padding-top: 25px;
    padding-bottom: 50px;
    background-color: #ffffff;
}

.fsm-page-normal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fsm-page-normal ul a {
    text-decoration: none;
   
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #646464;
}

.fsm-page-normal ul a:hover,
.fsm-page-normal ul a.active {
    color: var(--template-color);
}

.fsm-page-normal ul li {
    padding-bottom: 8px;
    padding-top: 9px;
    border-bottom: solid 0.5px #707070;
}

.fsm-profile-card-avatar img {
    width: 157px;
    object-fit: contain;
    height: 213px;
}

.fsm-profile-card .fsm-profile-card-title,
.fsm-profile-card .fsm-profile-card-grade,
.fsm-profile-card .fsm-profile-card-another {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.fsm-profile-card-title {
    min-height: 41px;
    background-color: var(--template-color);
   
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #f7f7f7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-decoration: none;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.fsm-profile-card {
    margin-bottom: 28px;
    padding: 0;
    height: 213px;
    float: left;
}

.fsm-profile-card:nth-child(even) {
    padding-left: 28px;
}

.fsm-profile-card-grade {
    color: var(--template-color);
   
    font-size: 15px;
    line-height: 1.2;
    padding: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
}

.fsm-profile-card-line {
    clear: both;
    height: 1px;
    border: 0.5px solid #707070;
    margin: 2px 15px;
}

.fsm-profile-card-another span:first-child {
    color: var(--template-color);
   
    font-size: 13px;
    margin-right: 5px;
    line-height: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-decoration: none;
}

.fsm-profile-card-another span:last-child {
   
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    /*text-align: center;*/
    color: #393939;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-decoration: none;
}

.fsm-profile-card-detail {
    background-color: #f7f7f7;
}

.fsm-organizational-detail {
    padding: 10px;
    background-color: #2248a0;
    color: #fff;
}

.fsm-organizational-card img {
    width: 241.3px;
    object-fit: cover;
}

.fsm-organizational-detail span:first-child {
   
    font-size: 15px;
    padding-bottom: 10px;
}

.fsm-organizational-detail span:last-child {
    padding-top: 10px;
   
    border-top: 1px solid #7fc4fd;
    font-size: 13px;
}

.d-flex .fsm-organizational-card {
    margin-left: 60px;
    margin-top: 40px;
}

.d-flex .fsm-organizational-card:first-child {
    margin-left: 0;
}

.fsm-text {
   
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: justify;
    color: #646464;
}

.fsm-text b,
.fsm-text h1,
.fsm-text h2,
.fsm-text h3,
.fsm-text h4,
.fsm-text h5 {
   
    color: #2248a0;
    line-height: 3;
}

.fsm-graduates-section .fsm-toolbar-navigation .fsm-button-group {
    position: absolute;
    right: 0;
    top: -220px;
    background-color: #fff;
}

.fsm-graduates-section .fsm-toolbar-navigation .fsm-button-group a {
    color: #000;
}

.fsm-brand-logo-item:hover {
    border: solid 1px #656565;
}

.fsm-brand-logo-title a,
.fsm-brand-logo-title {
   
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
    text-decoration: none;
    text-align: center;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fsm-brand-logo-image img {
    object-fit: contain;
    height: 119px;
}

.fsm-brand-logo-item {
    border-radius: 13px;
    border: solid 1px #bababa;
    padding: 15px;
}

.fsm-brand-logo-button {
    text-align: center;
    margin-top: 15px;
}

.fsm-brand-logo-button .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.fsm-text p,
.fsm-text span {
    
}

.fsm-no-breadcrumb {
    height: 200px;
    background-image: url('../images/fsm-lifes/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 2px;
}

.fsm-page-banner {
    height: 200px;
    align-items: center;
    display: flex;
}

.fsm-banner-image {
    display: flex;
}

.fsm-page-banner > div {
    width: 100%;
}

.fsm-page-banner img {
    object-fit: contain;
}

.fsm-page-banner .fsm-banner-image img {
    height: 200px;
    transform: scale(1.18);
    margin-top: -40px;
}

.fsm-page-banner .fsm-banner-image:last-child img {
    width: 162.1px;
    height: 104.2px;
    transform: unset;
    margin-top: unset;
}

.fsm-page-banner .fsm-title {
   
    font-size: 47px;
    line-height: 1.17;
    width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
}

.fsm-page-lifes .fsm-page-news-image img {
    min-height: 320px;
}


.fsm-page-lifes .fsm-page-news-title a {
   
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.fsm-page-lifes .fsm-page-news-title a:hover {
    color: #93011B;
}

.fsm-page-lifes hr {
    margin: unset unset 2rem;
}

.fsm-lifes-news-thumb-item {
    cursor: pointer;
}

.fsm-lifes-news-thumb-item:last-child {
    padding-right: unset;
}

.fsm-lifes-news-thumb-item .fsm-lifes-news-thumb img {
    width: 149.9px;
    height: 103.5px;
    object-fit: cover;
}

.fsm-page-lifes .fsm-toolbar {
    margin-top: 15px;
}

.fsm-life-big-item {
    display: none;
}

.fsm-life-big-item.active {
    display: flex !important;
}

.fsm-page-lifes .fsm-page-news-content {
    margin-bottom: 16px;
}

.fsm-page-lifes-tabs {
    background-color: #f7f7f7;
}

.fsm-page-lifes-tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.fsm-page-lifes-tabs ul li {
    padding: 7px;
    border-bottom: solid 0.8px #bcbcbc6b;
}

.fsm-page-lifes-tabs ul li,
.fsm-page-lifes-tabs ul li a {
   
    font-size: 13px;
    line-height: 2.29;
    color: #5d5d5d;
}

.fsm-page-lifes-tabs ul li a {
    display: flex;
    align-items: center;
}

.fsm-page-lifes-tabs ul li.active,
.fsm-page-lifes-tabs ul li.active a,
.fsm-page-lifes-tabs ul li:hover,
.fsm-page-lifes-tabs ul li:hover a {
    background-color: #2248a0;
    color: #fff;
}

.fsm-page-lifes-tabs ul li.active i:before,
.fsm-page-lifes-tabs ul li:hover i:before {
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(252deg) brightness(103%) contrast(106%); */
}

.fsm-life-tab-content-left {
    padding-right: 25px;
    max-width: 800px;
}

.fsm-life-tab-content {
    font-size: 13px;
    line-height: 2;
    text-align: justify;
}

.fsm-life-tab-content h1,
.fsm-life-tab-content h2,
.fsm-life-tab-content h3,
.fsm-life-tab-content h4,
.fsm-life-tab-content h5,
.fsm-life-tab-content h6 {
    color: #2248a0;
    font-size: 14px;
   
    line-height: 3.21;
}

.fsm-life-tab-content b {
    font-size: 13px;
    color: #000;
   
    font-weight: bold;
}

.fsm-life-tab-content-right img {
    height: 366.4px;
    object-fit: contain;
}

.fsm-life-tab-menu {
    min-width: 189px;
}

.fsm-life-tab-content {
    display: none !important;
}

.fsm-life-tab-content.active {
    display: flex !important;
}

.fsm-life-category img {
    border-radius: 15px;
    width: 100%;
    object-fit: contain;
}

.fsm-life-category:first-child {
    padding-left: 0 !important;
}

.fsm-life-category:last-child {
    padding-right: 0 !important;
}

.fsm-life-category:hover img {
    filter: drop-shadow(0px 1px 2px black);
    transform: scale(1.02);
}

.fsm-life-bfv-section {
    background-color: #ffd100;
}

.fsm-life-bfv {
    min-height: 165px;
}

.fsm-life-bfv-title {
   
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.fsm-life-bfv-button > a {
    color: #fff;
}

.fsm-life-svg-sub {
    width: 272px;
    height: 86px;
}

.fsm-life-photo img {
    width: 279px;
    height: 279px;
    object-fit: contain;
}

.fsm-life-photo {
    margin-bottom: 10px;
    position: relative;
}

.fsm-life-photo2:hover img,
.fsm-life-photo:hover img {

    filter: brightness(0.3);
}

.fsm-life-photo.active:after {
    content: attr(data-title) '\A\A' attr(data-category) '\A\A' url("./../images/icons/arama.svg");
    white-space: pre-wrap;
    cursor: pointer;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 96%;
    height: 100%;
    top: 0;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7473%) hue-rotate(52deg) brightness(115%) contrast(98%);
}

.fsm-chat-response {
    min-height: 548px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fsm-life-title a {
    color: #fff;
}

.fsm-life-photo2 img {
    width: 256px;
    height: 256px;
    object-fit: cover;
}

.fsm-life-photo2 {
    margin-bottom: 15px;
    position: relative;
}

.home-page-slider img {
    max-height: 600px;
    object-fit: cover;
    width: 100%;
}

.fsm-page-news-all a {
    display: block;
}

.fsm-chat-detail .accordion button:before {
    content: url("./../images/icons/menu-ok-isareti.svg");
    float: right;
    filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(0%) hue-rotate(316deg) brightness(98%) contrast(104%);
    margin-right: 0;
    transform: rotate(180deg);
}

.fsm-chat-detail .accordion button.collapsed:before {
    content: url("./../images/icons/menu-ok-isareti.svg");
    float: right;
    filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(0%) hue-rotate(316deg) brightness(98%) contrast(104%);
    margin-right: 0;
    transform: rotate(0deg);
}

#mobileMenu .collapse:not(.show) {
    display: block;
}

#mobileMenu > li > a {
    pointer-events: none;
}

.fsm-page-events-list-item {
    height: 690px;
}

.fsm-graduates-section .fsm-button-group a {
    color: #000;
}

.search-type.delay-1s {
    animation-delay: unset;
}

.fsm-mega-menu .col-3 ul > li:hover:after,
.fsm-mega-menu .col-3 ul > li[class="active"]:after {
    content: url("../images/icons/menu-ok-isareti.svg");
    transform: scale(1.2) rotate(-90deg);
    margin-top: 0;
    right: 25px;
    position: absolute;
    filter: brightness(0) saturate(100%) invert(100%) sepia(65%) saturate(2%) hue-rotate(285deg) brightness(109%) contrast(100%);
}

#menu-111 ul {
    /* column-width: 65px; */
    -moz-column-width: 65px;
    /* width: 60%; */
}

#menu-1463 ul {
    width: 72%;
}


.fsm-button-group:hover {
    /* filter: drop-shadow(0px 0px 3px #000);*/
}

button.owl-prev:hover {
    filter: drop-shadow(0px 0px 3px #000);
}

button.owl-next:hover {
    filter: drop-shadow(0px 0px 3px #000);
}

.fsm-owl-control i:hover {
    filter: drop-shadow(0px 0px 3px #000);
}

.fsm-page-normal li ul a {
   
    font-size: 12px;
}

.fsm-mega-menu .row.no-gutters {
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0 5px 5px 0;
}

.fsm-lifes-news-thumb .fsm-life-title {
    padding-top: 7px;
    font-size: 12px;
    color: #000;
   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fsm-page-news-content *,
.fsm-page-events-content * {
    /* text-align: left !important; */
}

figure {
    float: left;
}

figcaption {
    display: none;
}

.fancybox-content {
    background: #000 !important;
    color: #FFF !important;
}

.popup-ribbon-content {
    width: 60%
}

.popup-ribbon-content img {
    width: 70%;
}

.fsm-life-news img {
    object-fit: cover !important;
}

.fsm-mega-menu .tabs ul > li:hover > div {
    display: list-item;
    position: absolute;
    padding-left: 88px;
    margin-left: 88px;
    width: 690px;
    top: 10px;
}

.fsm-mega-menu .tabs ul > li > div {
    display: none;
}

.fsm-mega-menu .tabs ul > li:hover > a.sub:after {
    content: url('../images/icons/menu-ok-isareti.svg');
    transform: scale(1.2) rotate(-90deg);
    margin-top: 0;
    margin-left: 15px;
    position: absolute;
}

.sub span,
.sub2 {
   
    text-transform: uppercase;
}

ul.one-col {
    -webkit-columns: 1 !important;
    columns: 1 !important;
    width: 100% !important;
    float: left;
    line-height: 30px !important;
}

.fsm-mega-menu .tabs ul ul {
    padding-left: 1.3em;
    margin-top: 0;
    line-height: 20px;
    list-style: disc;
    color: #fff;
}

.fsm-mega-menu .icon-merkezler-sag-ok:before {
    zoom: 66%;
    top: 1px;
}

.bg-menu-1 {
    background-color: #f7f7f7 !important;
    border-radius: 5px 0 0 5px;
    display: inline-table;
}

.bg-menu-2 {
    background-color: #2248a0 !important;
    border-radius: 0 5px 5px 0;
    display: none;
}

.col-3.col-sm-3.bg-menu-1 {
    max-width: 100%;
}

.fsm-announce-tag a,
.fsm-page-news-tag a {
    color: #FFF;
}

.fsm-page-news-category a {
    color: #696969;
}

.fsm-news-author a {
    color: #2248a0;
}

.fsm-page-news-title a {
    color: #000;
}

.fsm-navigation .fsm-navi-right:hover:not(.right-hover) {
    background-color: #880018;
}

.fsm-navigation .fsm-navi-left:hover:not(.left-hover) {
    background-color: #204390;
}


.fsm-navigation .fsm-navi-right:hover:not(.right-hover) .fsm-navi-group i:before,
.fsm-navigation .fsm-navi-right:hover:not(.right-hover) .fsm-navi-subject i:before {
    content: url("./../images/icons/kurumsal-online-islemler-cizgisel-hover.svg");
}

.fsm-navigation .fsm-navi-left:hover:not(.left-hover) .fsm-navi-group i:before,
.fsm-navigation .fsm-navi-left:hover:not(.left-hover) .fsm-navi-subject i:before {
    content: url("./../images/icons/ogrenci-online-islemler-cizgisel-hover.svg") !important;
}

.fsm-navigation {
    cursor: pointer;
}

.fsm-navigation .d-flex.row.no-gutters.h-100.justify-content-center:hover {
    background: rgb(33, 67, 144);
    background: -moz-linear-gradient(90deg, rgba(36, 79, 154, 1) 0%, rgba(36, 79, 154, 1) 10%, rgba(36, 79, 154, 1) 15%, rgba(239, 244, 248, 0) 15%, rgba(223, 224, 231, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%, rgba(135, 4, 24) 85%, rgba(135, 4, 24) 100%);
    background: -webkit-linear-gradient(90deg, rgb(33, 67, 144) 0%, rgb(33, 67, 144) 10%, rgb(33, 67, 144) 15%, rgba(239, 244, 248, 0) 15%, rgba(223, 224, 231, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%, rgb(135, 4, 24) 85%, rgb(135, 4, 24) 100%);
    background: linear-gradient(90deg, rgb(33, 67, 144) 0%, rgb(33, 67, 144) 10%, rgb(33, 67, 144) 15%, rgba(239, 244, 248, 0) 15%, rgba(223, 224, 231, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%, rgb(135, 4, 24) 85%, rgb(135, 4, 24) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2248a0", endColorstr="#93011B", GradientType=1);
}

strong,
b {
   
}

.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
    background-color: transparent;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 200;
}

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
    background-color: transparent;
}

/* Styling the links */
nav a {
    display: block;
    padding: 14px 20px;
    color: #000;
    font-size: 14px;
    text-decoration: none;
}


nav ul li ul li:hover {
    background: #f5f5f5;
}

/* Background color change on Hover */
nav li:hover {
    background-color: #f5f5f5;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul, nav ul ul ul {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 49px;
    z-index: 200;

    transition: 350ms all;
}

nav ul ul ul {
    top: 59px;
}

/* Display Dropdowns on Hover */
nav ul > li:hover > ul {
    /*display: inherit;*/
    visibility: visible;
    opacity: 1;
}

nav ul > li > ul > li:hover > ul {
    /*display: inherit;*/
    visibility: visible;
    opacity: 1;
}

nav ul > li > ul > li > ul > li:hover ul {
    /*display: inherit;*/
    visibility: visible;
    opacity: 1;
}


/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 250px;
    float: none;
    display: list-item;
    position: relative;
    background-color: #f5f5f5;
}

/* Second, Third and more Tiers
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */

}

nav ul ul ul {
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 250px;
}


/* Change ' +' in order to change the Dropdown symbol */


nav li > a:after {
    content: url("../images/icons/asagi-ok.svg");
    transform: scale(.5);
    display: inline-block;
    margin-left: 20px;
    transition: 250ms all;
    float: right;
}


nav > ul > li:hover > a:after {
    content: url("../images/icons/asagi-ok.svg");

    -webkit-transform: rotate(180deg) scale(.5);
    -moz-transform: rotate(180deg) scale(.5);
    -o-transform: rotate(180deg) scale(.5);
    -ms-transform: rotate(180deg) scale(.5);
    -sand-transform: rotate(180deg) scale(.5);

}

nav > ul > li:hover > a:only-child:after {
    content: '';
}

nav > ul > li > ul > li:hover > a:after {
    content: url("../images/icons/asagi-ok.svg");
    transform: scale(.5);
    display: inline-block;
    -webkit-transform: rotate(-90deg) scale(.5);
    -moz-transform: rotate(-90deg) scale(.5);
    -o-transform: rotate(-90deg) scale(.5);
    -ms-transform: rotate(-90deg) scale(.5);
    -sand-transform: rotate(-90deg) scale(.5);

}

nav > ul > li > ul > li:hover > a:only-child:after {
    content: '';
}

li > a:only-child:after {
    content: '';
}

li > a:hover {
    color: var(--template-color);
}

/*menu end*/


.event-hover-title {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    padding-right: 16px;
    padding-left: 10px;
    opacity: 0;
    transition: 300ms all;
    border-radius: 5px;
}

.event-hover-title > .fsm-event-date {
    background: #FFFFFF;
    border-color: var(--template-color);
}

.event-hover-title > .fsm-event-date > span {
    color: var(--template-color);
}

.fsm-event-image img {
    border-radius: 5px;
}

.fsm-event-image:hover .event-hover-title {
    opacity: 1;
}

.fsm-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 200;
}

.fsm-navigation ul li {
    font-size: 14px;
    color: #000;
    width: calc(100% / 7);
    transition: 300ms all;
    font-weight: 600;
    padding: 5px;
    padding-top: 21px;
    display: inline-block;

}


.fsm-navigation ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -10px;
    z-index: 200;
    transition: 350ms all;
    width: calc(100% / 7 + 50px );
    background: white;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    margin-left: calc(100% / 6 - 215px);
    padding: 15px;
    -webkit-box-shadow: -24px 24px 40px rgb(18 18 61 / 10%);
    box-shadow: -24px 24px 40px rgb(18 18 61 / 10%);
    padding-top: 30px;
}

.fsm-navigation ul li:hover > ul {
    visibility: visible;
    opacity: 1;

}

.fsm-navigation ul ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: normal;

}

.fsm-navigation ul ul li:first-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

.fsm-navigation ul li ul li .navigation-icon {
    background: var(--template-color);
    opacity: 1;
    -webkit-box-shadow: -24px 24px 40px rgb(18 18 61 / 10%);
    box-shadow: -24px 24px 40px rgb(18 18 61 / 10%);
}

.fsm-navigation ul li ul li span {
    display: block;
    padding-left: 15px;
    padding-right: 15px;


}


.fsm-navigation ul li .navigation-icon {
    background: var(--template-color);
    display: block;
    width: 75px;
    height: 75px;
    border-radius: 39%;
}


.fsm-graduate-item-detail {
    position: absolute;
    top: 0;
}


/*search*/

body.search-active {
}

.icon-close {
    display: none;
}

.search-input {
    display: none;
}

body.search-active .control .btn-material {
    position: absolute;
    top: calc(-60px / 2);
    width: 60px;
    height: 60px;
    right: 60px;
    border-radius: 100%;
    box-sizing: border-box;
    background: var(--template-color);
    z-index: 1000;
    outline: 0;
    transform-origin: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(22);
}

body.search-active .icon-close {
    position: fixed;
    top: 30px;
    right: 30px;
    color: #FFF;
    cursor: pointer;
    font-size: 70px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    z-index: 10000;
    display: block;
}

.icon-close:hover {
    transform: rotate(0);
}

body.search-active .search-input {
    display: block;
    z-index: 10000;
    width: 50%;
    height: 80px;
    position: absolute;
    top: 20%;
    right: 50px;
    pointer-events: none;
    opacity: 1;
    transform: translate(40px, 0);
    transition: all 0.3s ease-in-out;
}

body.search-active .search-input input {
    color: #fff;
    width: 85%;
    font-size: 34px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    font-weight: 200;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
}

body.search-active .search-input input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

body.search-active .search-input input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

body.search-active .search-input input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

body.search-active .search-input input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}


#fsm-departments-items-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    z-index: 1;
}

#fsm-departments-items-dots li {

    background: var(--template-color);
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 7px 7px 0px 0px;
    width: 200px;
    height: 74px;
    text-align: center;
    padding: 15px;
    margin-right: 15px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;

}

#fsm-departments-items-dots li.active {
    background: #FFF;
    color: var(--template-color);

}

.rounded {
    border-radius: 7px !important;
}

.fsm-departments-items img {
    border-radius: 7px;
}

.fsm-dark-opac-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 0;
}

#home-activities-month {
    padding-right: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-radius: 7px;
    color: #006580;
    font-size: 17px;
    font-weight: 600;

}

.home-activity-paginate .item {
    height: 39px;
    font-size: 17px !important;
    text-align: center;
    color: white;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.home-activity-paginate .owl-item.active.center {
    background: white;
    border-radius: 7px;

}

.home-activity-paginate .owl-item.active.center .item {
    color: #006580;
}

.fsm-event-container {
    position: initial;
}

.owl-carousel .owl-item .fsm-event-activity img {
    border-radius: 7px !important;
    height: 322px;
    object-fit: cover;
}


.fsm-event-activity .row .position-absolute {
    -webkit-transition: .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 2;
    left: 15px;
    top: 0;
    right: 15px;
    border-radius: 7px;
    color: white;
    font-weight: 600;
}
.fsm-event-activity:hover .position-absolute {
    visibility: visible;
    opacity: 1;
}
.white-bottom-border{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid white;
}
.fsm-event-activity .row .position-absolute .circle-date {

    width: 70px;
    height: 70px;
    margin: auto;
    background: white;
    color: #006580;
    font-weight: inherit;
    border-radius: 26px;
    border:1px solid white;
}

.form-title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: var(--template-color);
    color:#FFF;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 7px;
    font-weight: 700;
    font-size: 14pt;
}

.fsm-header-top-menu > li > ul{
    display: none;
    position: absolute;
    left: 0px;
    top: 30px;
    background: #006580;
    list-style-type: none;
    margin: 0;
    width: 100%;
    z-index: 600;
    padding: 8px;
    text-align: center;
    border-radius: 7px;
}
.fsm-header-top-menu > li > ul > li{
    width: 100%;
    height: 25px;
    line-height: 25px;
    display: list-item;
    position: relative;
}
.fsm-header-top-menu > li > ul > li > a{
    color: #FFF;
    font-size: 13px;
}

.fsm-header-top-menu > li:hover ul{
    display: block;
}

 .h-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .h {
            position: absolute;
            font-size: 24px;
            color: hotpink;
            animation: h-uc 3s linear infinite;
            opacity: 0;
        }

        @keyframes h-uc {
            0% {
                transform: translateY(0) scale(1);
                opacity: 1;
            }
            100% {
                transform: translateY(-150px) scale(1.5);
                opacity: 0;
            }
        }