@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    transition: all 300ms;
    font-style: normal;
    font-weight: 400;
    z-index: 0;
}
body{
    background: #161C25;
    /*background: #2364c5;*/
    overflow-x: hidden;
}
ul,ol{list-style: none;padding: 0;margin: 0;}
a{display: block;color: #fff;}
a,a:hover{text-decoration: none;}
a:hover{color: #fff}
img{max-width: 100%;}
p{margin: 0;}
section{
    position: relative;
}
.sectionLine {
    position: absolute;
    top: 0;
    left: 4%;
    width: 1.6em;
    height: 100%;
    padding: 0;
    text-align: center;
    z-index: 0;
    display: inline-block;
}
.subPage .sectionLine {
    z-index: 1;
}
.sectionLine .topLine {
    position: absolute;
    width: 1px;
    height: 15%;
    background: rgb(255 255 255 / 50%);
    left: 48%;
    top: 0;
}
.sectionLine .content {
    position: absolute;
    top: 16%;
    display: inline-block;
    left: 0;
}
.sectionLine .content .number {
    color: #C22032;
    font-size: 1.2em;
    display: inline-block;
    float: left;
}
.sectionLine .content .name {
    transform: rotate(270deg);
    width: 13em;
    transform-origin: top left;
    margin-top: 14em;
    font-weight: 300;
    text-align: right;
    padding-right: 1em;
}
.sectionLine .bottomLine{
    position: absolute;
    width: 1px;
    height: 67%;
    background: rgb(255 255 255 / 50%);
    left: 48%;
    bottom: 0;
}
.mainHeader .sectionLine {
    padding: 0;
}
.mainHeader .sectionLine .topLine{
    height: 40%;
}
.mainHeader .sectionLine .content {
    top: 41%;
}
.mainHeader .sectionLine .bottomLine {
    height: 36%;
}
/*loader*/
.loaderSection {
    background: #161C25;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
}
.loaderSection .content {
    width: 40%;
    position: absolute;
    top: 30%;
    left: 30%;
    height: 40%;
}
.loaderSection .loader{
    font-style: normal;
    font-weight: 400;
}
.loaderSection .loaderBgIcon {
    position: absolute;
    opacity: 30%;
    right: 0;
    bottom: 0;
    width: 30%;
}

.circular{
    height:100px;
    width: 100px;
    position: relative;
    transform:scale(.8);
    display: inline-block;
}
.circular .inner {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    height: 92px;
    width: 92px;
    margin: -46px 0 0 -46px;
    background: #161c25;
    border-radius: 100%;
}
.circular .number{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:10;
    font-size:1.3em;
    font-weight:500;
    color:#fff;
    width: 78%;
}
.circular .bar{
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 100%;
    clip: rect(0px, 100px, 100px, 50px);
}
.circle .bar .progress {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 50px, 100px, 0px);
    background: #C22032;
}
.circle .left .progress{
    z-index:1;
    animation: left 1s linear both;
}
@keyframes left{
    100%{
        transform: rotate(180deg);
    }
}
.circle .right {
    transform: rotate(180deg);
    z-index:3;

}
.circle .right .progress{
    animation: right 1s linear both;
    animation-delay:1s;
}
@keyframes right{
    100%{
        transform: rotate(180deg);
    }
}
/*loader*/
/*header*/
header {
    padding-top: 1em;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    padding-bottom: 1em;
}
header.stickyActive {
    background: linear-gradient(0deg, #161c25 -2%, rgb(22 28 37 / 80%) 100%);
    padding-bottom: 1em;
}
header .logo{
    text-align: center;
}
header .logo img{
    max-width: 200px;
}
header.stickyActive .logo img {
    max-height: 50px;
}
.mainMenu {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 0;
}
header.stickyActive .mainMenu {
    margin-top: 1em;
}
.mainMenu li {
    display: inline-block;
    position: relative;
    margin: 0 1em;
}
.mainMenu li a {
    letter-spacing: 1px;
    font-size: 1.1em;
}
.mainMenu li a.active {

}
.mainMenu li a.active:after {
    content: " ";
    position: absolute;
    border-bottom: 2px solid #C22032;
    width: 100%;
    bottom: -0.3em;
    left: 0;
}
.mainMenu li a i{
    font-size: .9em;
    margin-left: .3em;
}
.mainMenu li ul {
    position: absolute;
    display: none;
    background: transparent;
    min-width: 22em;
    margin-top: 0;
    right: -1.3em;
    padding: 0;
    border-top: 2em solid transparent;
}
.mainMenu li:hover ul{
    display: block;
}
.mainMenu li ul:before {
    content: " ";
    position: absolute;
    right: 1em;
    top: -0.75em;
    width: 1.5em;
    height: 1.5em;
    transform: rotate(45deg);
    background: #161c25;
}
.mainMenu li ul.active {
    display: block;
}
.mainMenu li ul li {
    display: block;
    margin: 0;
    background: #161C25;
    padding: 0 3em;
}
.mainMenu li ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5em 0;
}
.mainMenu li ul li:nth-last-child(1) a{
    border-bottom:0;
}
.userMenu {
    position: absolute;
    right: 0;
    bottom: -0.5em;
    text-align: right;
}
.userMenu > li{
    display: inline-block;
    position: relative;
}
.userMenu > li > a{
    color: #fff;
    font-size: .9em;
    padding: 0.6em;
    margin-left: 0.4em;
    width: 7em;
    text-align: center;
}
.userMenu li a.registerMenuButton{
    border: 1px solid #C22032;
}
.userMenu li a.loginMenuButton {
    background: #C22032;
}
.userMenu .userBar {
    position: absolute;
    display: none;
    background: #161c25;
    padding: 4em;
    margin-top: 2em;
    right: 1.3em;
    min-width: 45em;
    text-align: left;
    max-width: 100%;
}
.userMenu .userBar.active{
    display: block;
}
.userMenu .userBar:before {
    content: " ";
    position: absolute;
    right: 1em;
    top: -0.75em;
    width: 1.5em;
    height: 1.5em;
    transform: rotate(45deg);
    background: #161c25;
}
.userMenu .userBar .barTitle {
    color: #c22032;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    display: inline-block;
}
.userMenu .close {
    background: #c22032;
    width: 1.8em;
    height: 1.8em;
    display: inline-block;
    text-align: center;
    padding: 0 .45em;
    border-radius: 100%;
    font-size: .8em;
    border: 2px solid #fff;
    position: absolute;
    right: 0;
    font-weight: bold;
    cursor: pointer;
    top: 0.4em;
}
.userBar .row label{
    display: block;
    width: 45%;
    float: left;
}
.userBar .row label + label{
    margin-left: 10%;
}
.userBar label span{
    font-weight: 300;
    color: #fff;
    display: block;
}
.userBar label input,
.userBar label select{
    background: #161c25;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: block;
    width: 100%;
}
.userBar label input:focus,
.userBar label select:focus{
    outline: none;
}
.userBar input[type="submit"]{
    background: #c22032;
    padding: 1em 5em;
    margin-top: 2em;
}
.userBar .birthDate2{
    position: relative;
}
.userBar .birthDate2::-webkit-calendar-picker-indicator {
    background:transparent;
    position: absolute;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
}
.userBar .birthDate2::-webkit-datetime-edit-year-field:not([aria-valuenow]),
.userBar .birthDate2::-webkit-datetime-edit-month-field:not([aria-valuenow]),
.userBar .birthDate2::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent !important;
}
.userMenu .loginMenuBar{
    width: 25em;
    min-width: 25em;
}
.userMenu .loginMenuBar .row label{
    width: 100%;
}
.userMenu .forgotPasswordLink{
    font-size: .6em;
    font-weight: 200;
}
.userMenu .profilMenuBar {
    width: 25em;
    min-width: 25em;
    max-width: 100%;
}
.userMenu .profilMenuBar .logoutButton {
    background: #c22032;
    padding: 1em 5em;
    margin-top: 2em;
    text-align: center;
}
.userMenu .profilMenuBar .barTitle {
    color: #fff;
}
.userMenu .profileMenuList{

}
.userMenu .profileMenuList li{

}
.userMenu .profileMenuList li a {
    font-weight: 400;
    padding-bottom: 1em;
    margin-top: 0.6em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
/*header*/

/*main header*/
.mainHeader {
    height: 100vh;
    padding-top: 30vh;
    background-repeat: no-repeat;
    background-position: top center;
}
.mainHeader h1 {
    font-size: 4.5em;
    font-weight: bold;
    position: relative;
    padding-bottom: 0.1em;
}
.mainHeader h1:after{
    content: " ";
    height: 5px;
    background: #C22032;
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 50px;
}
.mainHeader p {
    font-size: .8em;
    width: 35%;
    margin-top: 2em;
    font-weight: 300;
}
.more{
    color: #C22032;
    font-size: .8em;
    font-weight: 400;
    margin-top: 1em;
}
.more img {
    height: 10px;
}
.mainHeader .mainScroll {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 2em;
}
.mainHeader .mainScroll a {
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 2em;
    position: relative;
}
.mainHeader .mainScroll a{

}

/*main header*/

/*main about*/
.about {
    height: 100vh;
}
.about .container-fluid {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 60%;
    padding: 0;
    z-index: -1;
}
.about .imageBar {
    position: relative;
    text-align: right;
    padding-right: 0;
    height: 38em;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.about .imageBar:after{
    content: " ";
    position: absolute;
    background: linear-gradient(270deg, #161C25 25%, rgba(22, 28, 37, 2.25%) 100%);
    width: 30%;
    height: 100%;
    right: 0;
    top: 0;
}
.about .imageBar img{

}
.about .imageBar .imageContent {
    position: absolute;
    bottom: 6em;
    right: 0;
    width: 100%;
    z-index: 1;
    font-weight: 700;
    text-align: right;
}
.about .pageContent {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
}
.about .pageContent h2{
    color: #C22032;
}
.about .pageContent .wings {
    width: 3em;
}
.about .pageContent p {
    font-weight: 400;
    margin-top: 1em;
}
/*main about*/
/*main news*/
.sectionTitle {
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 1em;
}
.news {
    height: 100vh;
}
.news .container-fluid {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.news .paginateNavigations {
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    width: 15%;
}
.news .paginateNavigations .paginate{

}
.news .paginateNavigations .paginate span {
    position: relative;
    display: inline-block;
    text-align: center;
}
.news .paginateNavigations .paginate .swiper-pagination-current{
    font-size: .8em;
    font-weight: 600;
    width: 1.2em;
}
.news .paginateNavigations .paginate .sperator {
    height: 0;
    border-bottom: 2px solid #fff;
    width: 1.2em;
    position: absolute;
    bottom: 0.6em;
    left: 0.9em;
}
.news .paginateNavigations .paginate .swiper-pagination-total {
    font-size: .8em;
    font-weight: 600;
    margin-left: 1.4em;
}
.news .paginateNavigations .navigation{

}
.news .paginateNavigations .navigation .swiper-button-prev {
    left: unset;
    right: 3em;
}
.news .paginateNavigations .navigation .swiper-button-next{

}
.news .newsSlider {
    overflow: hidden;
}
.news .newsSlider .swiper-slide{

}
.news .newsSlider .swiper-slide .image {
    height: 30em;
    overflow: hidden;
}
.news .newsSlider .swiper-slide .image img{

}
.news .newsSlider .swiper-slide .content {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 75%;
    right: 0;
    height: 7em;
    border-left: 6px solid #C22032;
}
.news .newsSlider .swiper-slide .content .title {
    color: #000;
    font-size: .7em;
    font-weight: 800;
    height: 6.2em;
    padding: 1.4em;
    overflow: hidden;
}
.news .newsSlider .swiper-slide .content .more{
    font-size: .7em;
    padding: 0 1.4em;
    font-weight: 700;
}
.news .newsSlider .swiper-slide .content .more:hover{
    color: #C22032;
}
.news .newsSlider .swiper-slide .content .more img {
    height: 8px;
}
.news .allNewsButton {
    background: #C22032;
    display: inline-block;
    font-size: .7em;
    padding: 1em 2em;
}
/*main news*/
/*main gift*/
.gift{
    background: url("../../images/destekOl.png");
    padding: 7em 0;
    background-position: center center;
}
.gift h3 {
    font-size: 2.3em;
    font-weight: 700;
    margin: 0;
}
.gift p {
    width: 50%;
    margin-top: 2em;
}
.gift a{
    background: #C22032;
    display: inline-block;
    font-size: .7em;
    padding: 1em 2em;
    margin-top: 2em;
}
.gift .sectionLine .bottomLine {
    height: 62%;
}
/*main gift*/
/*main anouns*/
.anouns {
    height: 100vh;
}
.anouns .sectionLine .bottomLine {
    height: 65%;
}
.anouns .container-fluid {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.anouns .paginateNavigations {
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    width: 15%;
}
.anouns .paginateNavigations .paginate{

}
.anouns .paginateNavigations .paginate span {
    position: relative;
    display: inline-block;
    text-align: center;
}
.anouns .paginateNavigations .paginate .swiper-pagination-current{
    font-size: .8em;
    font-weight: 600;
    width: 1.2em;
}
.anouns .paginateNavigations .paginate .sperator {
    height: 0;
    border-bottom: 2px solid #fff;
    width: 1.2em;
    position: absolute;
    bottom: 0.6em;
    left: 0.9em;
}
.anouns .paginateNavigations .paginate .swiper-pagination-total {
    font-size: .8em;
    font-weight: 600;
    margin-left: 1.4em;
}
.anouns .paginateNavigations .navigation{

}
.anouns .paginateNavigations .navigation .swiper-button-prev {
    left: unset;
    right: 3em;
}
.anouns .paginateNavigations .navigation .swiper-button-next{

}
.anouns .anounsSlider {
    overflow: hidden;
}
.anouns .anounsSlider .swiper-slide {
    background: url("../../images/anounsSlideBackground.png") #C22032;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 35%;
    padding: 5em 5em 3em;
}
.anouns .anounsSlider .swiper-slide .content {
}
.anouns .anounsSlider .swiper-slide .content img {
    width: 2em;
}
.anouns .anounsSlider .swiper-slide .content .description {
    padding-left: 1em;
    border-left: 3px solid #FFFFFF80;
    margin-top: 1em;
}
.anouns .anounsSlider .swiper-slide .content .subDesc {
    margin-top: 6em;
}
.anouns .anounsSlider .swiper-slide .content .subDesc .name{
    font-weight: 600;
    font-size: .9em;
}
.anouns .anounsSlider .swiper-slide .content .subDesc span + span{
    font-size: .9em;
}
/*main anouns*/

/*main contact*/
.contact {
    background: url(../../images/contactBackground.png);
    padding: 7em 0;
    background-position: center center;
    background-size: auto 100%;
}
.contact h3 {
    font-size: 5em;
    font-weight: 700;
    margin: 0;
}
.contact a{
    background: #C22032;
    display: inline-block;
    font-size: .7em;
    padding: 1em 2em;
    margin-top: 3em;
}
.contact .sectionLine .bottomLine {
    height: 64%;
}
/*main contact*/
/*footer*/
footer {
    text-align: center;
    padding: 4em 0;
    position: relative;
}
footer .footerLogo {
    width: 13em;
    background: #161c25;
    padding: 0 2em;
}
footer .followTitle {
    color: #C22032;
    font-size: .8em;
    margin-top: 2em;
}
footer .socialMenu{
    margin-top: .7em;
}
footer .socialMenu li{
    display: inline-block;
    margin-left: 1.8em;
}
footer .socialMenu li:nth-child(1){
    margin-left: 0;
}
footer .socialMenu li a{

}
footer .socialMenu li a i{
    font-size: 2em;
}
footer .footerMenu {
    margin-top: 2em;
}
footer .footerMenu li{
    display: inline-block;
    margin-left: 1em;
}
footer .footerMenu li:nth-child(1){
    margin-left: 0;
}
footer .footerMenu li a{
    color: #5E6070;
    font-size: .7em;
}
footer .sectionLine .topLine {
    height: 28%;
}
footer:before {
    content: " ";
    background: #8A8D92;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 28%;
}
/*footer*/
/*news page*/
section.pageHeader {
    height: 54vh;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 5em;
}
.pageHeader h1 {
    font-size: 5em;
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
}
.pageHeader .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.newsPageContent .newsItem{
    padding: 0 2em;
    margin-bottom: 4em;
}
.newsPageContent .newsItem .newsItemContentBar{
    position: relative;
}
.newsPageContent .newsItem .image {
    height: 37em;
    overflow: hidden;
}
.newsPageContent .newsItem .image img {
    width: 100%;
}
.newsPageContent .newsItem .content {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    right: 0;
    height: 7em;
    border-left: 6px solid #C22032;
    border-top: 3px solid #C22032;
}
.newsPageContent .newsItem .content .title {
    color: #000;
    font-size: .7em;
    font-weight: 800;
    height: 6.2em;
    padding: 1.4em;
    overflow: hidden;
}
.newsPageContent .newsItem .content .more{
    font-size: .7em;
    padding: 0 1.4em;
    font-weight: 700;
}
.newsPageContent .newsItem .content .more:hover{
    color: #C22032;
}
.newsPageContent .newsItem .content .more img {
    height: 8px;
}
.subPage .sectionLine .line {
    position: absolute;
    width: 1px;
    height: 15%;
    background: rgb(255 255 255 / 50%);
    left: 48%;
    top: 0;
}
/*news page*/
/*pages page*/
.subPage .pageContent{
    z-index: 1;
    margin-bottom: 4em;
}
.pageContent .leftTitle,
.contactContent .leftTitle,
.companiesPageContent .leftTitle {
    color: #fff;
    font-size: 2.5em;
    background: #161c25;
    z-index: 99999 !important;
    position: absolute;
    width: 100%;
    left: -50px;
    padding: .2em 0;
}
.pageContent .leftTitle span,
.contactContent .leftTitle span,
.companiesPageContent .leftTitle span{
    color: #C22032;
    font-weight: bold;
    font-size: 1em;
    display: block;
}
.subPage p {
    margin-top: 1em;
}
/*pages page*/
/*giftsPageContent page*/
.giftsPageContent{

}
.giftsItem{
    margin-bottom: 5em;
}
.giftsItemContentBar {
    padding-left: 1em;
    border-left: 2px solid #fff;
    min-height: 19em;
}
.giftsItemContentBar:hover{
    border-left-color: #C22032;
}
.giftsItemContentBar img {
    height: 52px;
}
.giftsItemContentBar .title {
    margin-top:.6em;
}
.giftsItemContentBar p {
    margin-top: 0;
}


/*giftsPageContent page*/
/*mainpage Galleries*/
.galleries{
    height: 100vh;
    padding-top: 8em;
}
.galleries .contentContainer{
    background: url('../../images/mainGalleries.png');
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 40em;
    max-height: 100vh;
}
.galleries .contentContainer h3 {
    font-size: 5em;
    font-weight: 700;
    position: relative;
}
.galleries .contentContainer h3:after{
    content: " ";
    height: 5px;
    background: #C22032;
    position: absolute;
    bottom: -10px;
    left: 5px;
    width: 50px;
}
.galleries .contentContainer p{
    margin-top: 3em;
    font-weight: 260;
}
.galleriesPage .hiddenContent{
    position: absolute;
    left: -999999px;
    top: -999999px;
    visibility: hidden;
}
.galleriesPage #dateYear {
    background: #161c25;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 0 0.7em;
    width: 12em;
}
.galleriesPage #dateYear:focus,
.galleriesPage #dateYear:active,
.galleriesPage #dateYear:visited{
    border: 0;
    outline: none;
}
.galleryFilter input[type="submit"]{
    position: absolute;
    left: -99999px;
    top: -99999px;
}
.galleriesPage .imageList {
    margin-top: 4em;
}
.galleriesPage .imageList .imageItem {
    height: 18em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 4em;
}
.galleriesPage .imageList .imageItem img{
    object-fit: cover;
    width: 380px;
    height: 288px;
}
.galleriesPage .formSubmit{
    z-index: -1;
    visibility: hidden;
}
/*mainpage Galleries*/
/*contact page*/
.contactContent{
    z-index: 1;
}
.contactForm{

}
.contactForm .formInput {
    display: block;
    width: 100%;
    margin-bottom: 2em;
    background: #161c25;
    color: #fff;
    padding: 0.2em 0 0.6em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.contactForm .formTextarea {
    display: block;
    width: 100%;
    margin-bottom: 2em;
    background: #161c25;
    color: #fff;
    padding: 0.2em 0 0.6em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    resize: none;
    height: 6em;
}
.contactForm .formInput::placeholder,
.contactForm .formTextarea::placeholder
{
    color: #fff;
    opacity: 1; /* Firefox */
}

.contactForm .formInput:-ms-input-placeholder,
.contactForm .formTextarea:-ms-input-placeholder
{
    color: #fff;
}

.contactForm .formInput::-ms-input-placeholder,
.contactForm .formTextarea::-ms-input-placeholder
{
    color: #fff;
}
.contactForm input[type="submit"]{
    background: #C22032;
    display: inline-block;
    padding: 1em 4em;
}
.contactForm input,
.contactForm textarea{
    outline: none;
}
.contactInfo h3 {
    font-size: 1.3em;
    margin-top: 2em;
    margin-bottom: 0;
}
.contactInfo p {
    font-size: .9em;
    margin-top: 0.6em;
}
.contactInfo .map{
    margin-top: 2em;
}
.contactInfo .map iframe {
    width: 100%;
}
.cakirogluSignature {
    position: absolute;
    width: 35em;
    max-width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    top: -7em;
}
.companiesPageContent {
    padding-top: 0em;
}
.companiesItem {
    margin-bottom: 2em;
}
.companiesItemContentBar {
    text-align: center;
    height: 12em;
    position: relative;
    padding: 1em; /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid rgba(204, 204, 204, 0.56);
    overflow: hidden;
}
.companiesItemContentBar img{
    object-fit: cover;
}
.companiesItemContentInfoBar{
    margin-top: 1em;
}
.companiesItemContentInfoBar .cmpName{
    float: left;
}
.companiesItemContentInfoBar .status{
    float: right;
}
.pagination {
    display: block;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.pagination li {
    display: inline-block;
}
.pagination .page-item .page-link{
    color: #0b0b0b;
}
.pagination .page-item.active .page-link {
    background-color: #bd1e28;
    border-color: #bd1e28;
    color: #fff;
}
.companiesPageContent .cmpLogo{
    height: 5em;
}
.companiesPageContent .cmpLogo img{
    height: 5em;
}
.companiesPageContent .cmpAuthor{
    margin-top: 3em;
}
.companiesPageContent .cmpSektor{
    margin-top: 1em;
}
.companiesPageContent .aboutTitle {
    margin-top: 1em;
    font-size: 4em;
    font-weight: bold;
    margin-bottom: 1em;
}
.popupGeneral {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #e5e5e575;
}
.popupGeneral.active{
    display: block;
}
.popupGeneral .content {
    position: absolute;
    width: 70%;
    margin: 10% 15%;
    overflow: hidden;
    height: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}
.popupGeneral .content:after{
    content: url("../../images/galleryOverlay.png");
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 2;
}
.popupGeneral .content .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    padding: 2em 4em;
}
.popupGeneral .content .bar .title {
    font-size: 2em;
    font-weight: 600;
}
.popupGeneral .content .bar .date {
    font-size: .9em;
    font-weight: 400;
}
.popupGeneral .content .bar .description {
    font-size: .9em;
    font-weight: 400;
    margin-top: 0.5em;
    line-height: 1.4em;
}
.popupGeneral .content .bar .close{
    background: #C22032;
    display: inline-block;
    padding: 1em 4em;
}
/*contact page*/
/*users page*/
.usersPage .nav-tabs {
    border: 0;
    margin-bottom: 1em;
}
.usersPage .nav-tabs .nav-link{
    border-radius: 0;
    border: 1px solid #C22032;
     width: 91%;
     padding: 0.7em 0;
 }
.usersPage .nav-tabs .nav-link.active{
    background: #C22032;
}

.usersPage .infoPanel .row label{
    display: block;
    width: 45%;
    float: left;
}
.usersPage .infoPanel .row label + label{
    margin-left: 10%;
}
.usersPage .infoPanel label span{
    font-weight: 300;
    color: #fff;
    display: block;
}
.usersPage .infoPanel label input,
.usersPage .infoPanel label select,
.usersPage .infoPanel label textarea{
    background: #161c25;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: block;
    width: 100%;
    padding-bottom: 1em;
}
.usersPage .infoPanel label textarea{
    resize: none;
    height: 7em;
}
.usersPage .infoPanel label input:focus,
.usersPage .infoPanel label select:focus,
.usersPage .infoPanel label textarea:focus{
    outline: none;
}

.usersPage .infoPanel .birthDate::-webkit-calendar-picker-indicator {
    filter:invert(100%)
}
.usersPage .infoPanel .birthDate::-webkit-datetime-edit-year-field:not([aria-valuenow]),
.usersPage .infoPanel .birthDate::-webkit-datetime-edit-month-field:not([aria-valuenow]),
.usersPage .infoPanel .birthDate::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent !important;
}
.usersPage .infoPanel input[type="submit"]{
    background: #c22032;
    padding: 1em 5em;
    margin-top: 2em;
}
.usersPage .odemeDurumu{

}
.usersPage .odemeDurumu li {
    display: inline-block;
    width: 49%;
}
.usersPage .odemeDurumu li +li{
    text-align: right;
}
.usersPage .odemeDurumu li.noPaid{
    color: #EF174B;
}
.usersPage .odemeDurumu li.noPaid span{
    color: #EF174B;
}
.usersPage .odemeDurumu li.noPaid span i{
    color: #EF174B;
}
.usersPage .odemeDurumu li.yesPaid{
    color: #37CE2A;
}
.usersPage .odemeDurumu li.yesPaid span{
    color: #37CE2A;
}
.usersPage .odemeDurumu li.yesPaid span i{
    color: #37CE2A;
}
/*users page*/
/*companies create*/

.companiesPageContent .row label{
    display: block;
    width: 45%;
    float: left;
}
.companiesPageContent .row label + label{
    margin-left: 10%;
}
.companiesPageContent label span{
    font-weight: 300;
    color: #fff;
    display: block;
}
.companiesPageContent label input,
.companiesPageContent label select,
.companiesPageContent label textarea{
    background: #161c25;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: block;
    width: 100%;
}
.companiesPageContent label textarea{
    resize: none;
    height: 7em;
}
.companiesPageContent label input:focus,
.companiesPageContent label select:focus,
.companiesPageContent label textarea:focus{
    outline: none;
}
.companiesPageContent input[type="submit"]{
    background: #c22032;
    padding: 1em 5em;
    margin-top: 2em;
}
.imageUpload {
    background: #ccc;
    margin: 0 auto;
    width: 17em;
    height: 9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 1em;
    cursor: pointer;
}
.imageUpload label{

}
.imageUpload label span{
    color: #000;
    font-weight: bold;
    cursor: pointer;
}
.imageUpload label input{
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
/*companies create*/
/*ekoSystems*/
.ekoSystemPage .cakirogluSignature{
    top: 6em;
}
.ekoSystems{

}
.ekoSystems li {
    display: inline-block;
    width: 32%;
    float: left;
    padding: 0 2em;
    margin-bottom: 1.5em;
}
.ekoSystems li .sectorName {
    text-align: center;
    display: block;
    border: 1px solid #C22032;
    padding: 0.6em;
    color: #ffffffd1;
    cursor: pointer;
}
.ekoSystems li .sectorName.active{
    background: #C22032;
    color: #fff;
}
.ekoSystemList {
    margin-top: 11em;
    min-height: 20em;
}
.ekoSystemList .ekoSystemItem{
    display: none;
    cursor: pointer;
    margin-bottom: 1.5em;
}
.ekoSystemList .ekoSystemItem.active{
    display: block;
}
.ekoSystemList .ekoSystemItem .profileBar {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 1em;
    text-align: center;
    height: 14em;
    overflow: hidden;
}
.ekoSystemList .ekoSystemItem .profileBar .image{

}
.ekoSystemList .ekoSystemItem .profileBar .image img {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.ekoSystemList .ekoSystemItem .profileBar .info{
    margin-top: 1em;
}
.ekoSystemList .ekoSystemItem .profileBar .info .name {
    font-size: 1.7em;
    line-height: 1em;
    height: 2.2em;
}
.ekoSystemList .ekoSystemItem .profileBar .info .title {
    font-size: 1em;
    margin-top: .8em;
}
.ekoSystemList .ekoSystemItem .profileBar .info .name + div{
    margin-top: .8em;
}

.directoryPage .ekoSystemItem .profileBar .info .name + div +div{
    margin-top: .2em;
}
.directoryPage .ekoSystemItem .profileBar {
    height: 16em;
}
.directoryPage .firstYonetim{
    margin-right: 3em;
}
.ekoSystemList .ekoSystemItem .profileBar .content{
    visibility: hidden;
    position: absolute;
    left: -99999px;
    top: -99999px;
}
.ekoSistemPopup .content {
    width: 40%;
    margin: 20% 30%;
    overflow: hidden;
    height: auto;
}
.ekoSistemPopup .content:after{
    display: none;
}
.ekoSistemPopup .contentBar {
    background: url(../../images/profileBarTop.png) #161C25;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 35%;
    padding: 3em;
    float: left;
}
.ekoSistemPopup .contentBar .info {
    width: 100%;
    float: left;
}
.ekoSistemPopup .contentBar .info .image {
    float: left;
    margin-right: 1em;
}
.ekoSistemPopup .contentBar .info .image img{
    border-radius: 100%;
    width: 80px;
    height: 80px;
}
.ekoSistemPopup .contentBar .info .name{
    float: left;
    font-size: 2em;
}
.ekoSistemPopup .contentBar .description {
    margin-top: 2em;
    float: left;
    width: 100%;
}
.ekoSistemPopup .description + div{
    margin-top: 2em;
    float: left;
    width: 100%;
}
.ekoSistemPopup .close{
    background: #C22032;
    padding: .7em 2em;
    display: inline-block;
}

/*ekoSystems*/
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    display: none;
}
.mobilMenuIcon{
    display: none;
}
.profilMenuBar.userBar {
    height: auto !important;
}
@media screen and (min-width: 1399px) and (max-width: 1499px) {
    .sectionLine {
        left: 1%;
    }
}

.newsPageContent .newsItem .image {
    height: 25em;
}
@media screen and (max-width: 1199px){
    .userMenu {
        bottom: 5em;
    }
    .anouns .anounsSlider .swiper-slide {
        padding: 3em 3em 3em;
    }
    .newsPageContent .newsItem .image {
        height: 25em;
    }
}

@media screen and (max-width: 991px){
    
    .ekoSistemPopup .content {
    width: 95%;
    margin-left: 3%;
    margin-top: 10% !important;
    overflow: hidden;
    height: auto;
}

    .directoryPage .firstYonetim{
        margin-right: 0;
    }
    .news .paginateNavigations,
    .anouns .paginateNavigations{
        width: 9em;
    }
    .anouns .anounsSlider .swiper-slide .content .subDesc {
        margin-top: 3em;
    }
    .sectionLine {
        display: none;
    }
    .anouns .anounsSlider .swiper-slide .content .description {
        font-size: .9em;
    }
    .mainHeader h1 {
        font-size: 3em;
    }
    .userMenu {
        bottom: 0em;
        width: 7em;
        z-index: 2;
    }
    .userMenu>li{
        margin-bottom: 1em;
    }
    .mobilMenuIcon{
        display: block;
        position: absolute;
        right: 0;
        top: 0.8em;
        font-size: 2em;
        z-index: 1;
    }
    .mainMenu {
        display: none;
    }
    .mainMenu.active {
        display: block;
        position: absolute;
        width: 22em;
        top: 4em;
        right: 0;
        background: #161c25;
        padding: 1em;
    }
    .mainMenu li {
        width: 100%;
        display: block;
        padding: 0 ;
        margin: 0;
    }
    .mainMenu li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0.5em 0;
    }
    .mainMenu> li:nth-last-child(1) a{
        border-bottom: unset;
    }
    .mainMenu li ul {
        position: relative;
        border-top: 0;
        min-width: 100%;
        right: unset;
    }
    .mainMenu li ul:before{
        display: none;
    }
    .mainMenu li ul li{
        padding: 0;
    }
    .mainMenu li ul li:nth-last-child(1) a{
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .stickyActive .userMenu {
        bottom: 2em;
        width: 15em;
    }
    .stickyActive .mobilMenuIcon{
        top: 0;
    }
    .userMenu .userBar {
        right: 5%;
        position: fixed;
        max-width: 100%;
        top: 8em;
        z-index: 4;
        padding: 3em;
        overflow: auto;
    }
    .userMenu .loginMenuBar {
        overflow: unset;
    }
    .userMenu .userBar:before{
        display: none;
    }
    .userBar .row label {
        width: 100%;
    }
    .userBar .row label + label{
        margin-left: 0;
        padding-top: 1rem;
    }
    .news .newsSlider .swiper-slide .image img {
        width: 100%;
    }
    section.pageHeader {
        height: 43vh;
    }
    .pageHeader h1 {
        margin-top: 4em;
        text-align: center;
        font-size: 2.5em;
        font-weight: bold;
    }
    .pageContent .leftTitle, .contactContent .leftTitle, .companiesPageContent .leftTitle {
        position: relative;
        text-align: center;
        left: 0;
        margin-bottom: 1em;
    }
    .newsPageContent .newsItem .image {
        height: 37em;
    }
    .about .imageBar .imageContent {
        bottom: 7em;
        text-align: right;
        width: 100%;
        padding-right: 1em;
    }
    .profilMenuBar.userBar {
        height: auto !important;
    }
}
@media screen and (max-width: 767px) {
    .userMenu > li > a {
        font-size: .6em;
    }
    .about .imageBar{
        height: 17em;
        overflow: hidden;
    }
    .about .imageBar .imageContent{
        display: none;
        height: 34em;
    }
    .about .pageContent {
        position: relative;
        width: 100%;
        top: 5em;
        padding: 0 13%;
    }
    .galleries .contentContainer h3 {
        font-size: 4em;
    }
    .galleries .contentContainer{
        background-position: top left;
    }
}
@media screen and (max-height: 700px){
    .mainHeader h1 {
        font-size: 3em;
        margin-top: 20px;
    }
    .mainHeader .mainScroll{
        bottom: 0em;
    }
    .mainHeader .mainScroll a {
        margin-bottom: 1em;
    }
    .sectionLine .topLine {
        height: 30%;
    }
    .sectionLine .content {
        top: 31%;
    }
    .sectionLine .bottomLine {
        height: 47%;
    }
    section {
        height: auto;
        min-height: 100vh;
    }
    .about .container-fluid,
    .news .container-fluid,
    .anouns .container-fluid{
        position: relative;
        transform: unset;
        top: unset;
        padding: 2em 0;
    }
    .about .imageBar .imageContent{
        /*bottom: 3em;*/
    }
    section.gift,
    section.pageHeader{
        min-height: unset;
    }
    .contact h3{
        font-size: 4em;
    }
    .stickyActive .userMenu {
        bottom: 1.2em;
        width: 15em;
    }
    .userMenu .userBar{
        top: 6em;
        max-height: 25em;
        overflow: scroll;
    }
    .stickyActive .userMenu .userBar{
        top: 5em;
    }
    .userMenu .loginMenuBar {

    }
    .mainMenu.active {
        top: 4em;
        overflow-y: scroll;
        max-height: 25em;
    }

}
@media screen and (max-height: 700px) and (min-width: 991px) {
    .stickyActive .userMenu {
        bottom: 2em;
    }
    .pageContent .leftTitle, .contactContent .leftTitle, .companiesPageContent .leftTitle{
        left: -20px;
    }
}