body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #646464;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-contain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-parallax {
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.over-bg-1 {
    background-color: rgba(0,0,0,0.8);
}
.topMenu {
    z-index: 995;
    padding: 22px 0 20px 0;
    top:0;
    left:0;
}
body.topmenu-bg .topMenu {
    /*background-color: rgba(32,32,57,0.5);*/
    -webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.16);
    background: linear-gradient(90deg, rgb(60, 56, 73) 0%, rgb(113, 90, 119) 100%);
}
.top-menu-list li a {
    display: inline-block;
    padding: 2px 0;
    margin: 0 18px 0 0;
    color:inherit;
}
    .top-menu-list li a:hover,
    .top-menu-list li.active a {
        color: #c1b7c3;
    }
.top-menu-list li.underline-link a {
    border-bottom: 2px solid #eb4652;
}
.topMenuSpace {
    height:78px;
}
.topMenuSpaceBg {
    height: 110px;
    background-image: url('../images/subpage-banner-1.jpg');
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
*:hover.hover-opacity-8 {
    opacity: 0.8;
}

.center-flex {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content: center;
}
.middle-flex {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
}
.right-middle-flex {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.transition-3 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.radius-0 {
    border-radius: 0;
}

@media (min-width: 1260px) {
    .social-link {
        margin: 15px 38px !important;
    }
    .social-link:nth-last-child(1) {
        margin-right: 12px !important;
    }
}
.radius-half {
    border-radius: 50%;
}
.input-div {
    position: relative;
    /*border-bottom: 1px solid rgba(255,255,255,1);*/
    border-radius: 0;
    padding: 0 0 0 0;
    max-width:100%;
    margin:0 0 6px 0;
}
.form-group.error .input-div {
    border-color: #eb4652;
}
.form-group.error .form-label {
    color: #eb4652;
    opacity: 1 !important;
}
.form-group.error label.error {
    color: #FFF;
    position:absolute;
    bottom:-8px;
    left:12px;
    font-size:10px;
}
.form-group.focus .input-div {
    /*border-color: #F00;*/
}
.form-group.focus .form-label {
    color: #F00;
    opacity: 1 !important;
}
.form-group:not(.error) label.error {
    display:none !important;
}
.input-div.input-select2 {
    padding: 5px 1px;
}
.input-div input,
.input-div textarea:not(.oneri-textarea),
.input-div select {
    background-color: #ffffff;
    border:none;
    padding-top:10px;
    padding-bottom:10px;
}
.input-div select {
    height:44px !important;
}
.input-div input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.input-div input:-webkit-autofill,
.input-div input:-webkit-autofill:hover,
.input-div input:-webkit-autofill:focus,
.input-div input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.outline-0 {
    outline-width: 0;
}
.input-div .form-control {
    outline-width: 0;
    box-shadow: none;
    color: #827d8d;
    border-radius:10px;
    /*border: 2px solid #6cf3be;*/
}
.input-div .form-control::placeholder {
    color: #827d8d;
    opacity: 1;
}
.input-div .form-control:-ms-input-placeholder {
    color: #827d8d;
}
.input-div .form-control::-ms-input-placeholder {
    color: #827d8d;
}
.input-div .form-control:focus {
    background-color: #312d39;
}
.select2-container .select2-selection--single{
    height:36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:36px !important; 
}
.select2-container--default .select2-selection--single{
    border:none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 42px !important;
    font-size: 16px;
    color: #495057 !important;
}
.z-index-2{
    z-index:2;
}
body.rightmenu-open {
    overflow: hidden;
}
.rightMenu {
    width: 428px;
    background-color: rgba(63,164,124,0.9);
    max-width: 100% !important;
    color: #FFF;
    right: 0;
    top: 0;
    z-index: 1000;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-auto {
    overflow-x: auto;
}
.right-menu-ul > li > a:hover {
    color: #FFF;
}
body:not(.rightmenu-open) .rightMenu {
    width: 0 !important;
    padding: 0 !important;
}
.lightBox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 999;
}
body:not(.lightbox-open) .lightBox {
    display: none;
}
.body-loading {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index:9999;
}
body:not(.loading-open) .body-loading {
    display: none;
}
body.loading-open {
    overflow:hidden;
}
.radius-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


@media (max-width: 991.98px) {
    .notlg-h-70px{
        height:70px;
    }
    .home-slider-container{
        padding:150px 15px 0 15px;
    }
    .min-h-ul-550{
        min-height:550px;
    }
    .carousel-1 .owl-next {
        margin-right: -20px !important;
    }
    .carousel-1 .owl-prev {
        margin-left: -20px !important;
    }
}
/*lg and up*/
@media (min-width: 992px) {
    .f-lg-45 {
        font-size: 45px;
    }
    .f-lg-50 {
        font-size: 50px;
    }
    .f-lg-60 {
        font-size: 60px;
    }
    .f-lg-90 {
        font-size: 90px;
    }
    .home-slider-container {
        /*display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: flex-end;*/
        padding:170px 15px 220px 15px;
    }
    .max-lg-w-580{
        max-width:580px;
    }
    .feature-section {
        margin: -135px 0 50px 0 !important;
        z-index:3;
        position:relative;
    }
    .carousel-2 .owl-nav {
        text-align: right !important;
        bottom:195px !important;
    }
    .carousel-1 .owl-next {
        margin-right: -90px !important;
    }
    .carousel-1 .owl-prev {
        margin-left: -90px !important;
    }
    .min-h-lg-780{
        min-height:780px;
    }
    .homepage-app {
        background-image: url('../images/home-app-bg.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position-y: bottom;
    }
    .min-h-lg-616 {
        min-height: 616px;
    }
    .project-row2 {
        max-width:900px;
        margin:0 auto;
    }
    .topMenuSpaceBg{
        height: 69px !important;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .w-xs-200 {
        width: 200px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1259.98px) {
    .carousel-2 .owl-nav {
        max-width:930px !important;
    }
}

/*Extra large devices (large desktops, 1260px and up)*/
@media (min-width: 1260px) {
    ul.breadcrumb-1 li.active.breadcrumb-1-item:before {
        display: block;
        content: '';
        width: 100%;
        height: 6px;
        background-color: #65b9eb;
        position: absolute;
        left: 0;
        top: -16px;
    }
}

@media (max-width: 1259.98px) {
    .top-menu-list li a {
        margin:0 5px 0 0 !important;
    }
}

.opacity-3 {
    opacity: 0.3;
}

.overflow-hidden {
    overflow: hidden;
}
.scale-hover:hover .scale-div {
    transform: scale(1.1);
}
.radius-8 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
a:hover.hover-underline{
    text-decoration:underline;
}
.info-box-kayit-ol {
    background-image: url('../images/finanstech-e-kayit-ol-bg.png');
    background-repeat:no-repeat;
    background-position:bottom left;
}
.left-top-0{
    left:0;
    top:0;
}
.right-top-0 {
    right: 0;
    top: 0;
}
.left-bottom-0{
    left:0;
    bottom:0;
}
.right-bottom-0 {
    right: 0;
    bottom: 0;
}
.text-overflow{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*
.owl-carousel.carousel-1 .owl-dots {
    position:absolute;
    left:0;
    bottom:0;
    padding:40px;
}
.owl-carousel.carousel-1 .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
}
.owl-carousel.carousel-1 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #eb4652;
}
*/

@media print {
    /*#header, #footer {
        display: none !important;
    }*/
}
.nowrap{
    white-space:nowrap;
}
.home-banner {
    background-image: url('../images/home-banner-1.jpg');
}
.line-1 {
    border-top: 1px solid #dcdcdc;
}
.line-2 {
    border-top: 4px solid #a0a0a0;
    max-width:200px;
}
.line-3 {
    height: 5px;
    border-radius: 3px;
    background-color: #6cf3be;
}
.line-4 {
    border-top: 4px solid #dcdcdc;
    width: 36px;
    display:inline-block;
}
.line-5 {
    width: 1px;
    height:40px;
    display: inline-block;
    background-color:#FFF;
    margin-bottom:-4px;
}
.social-link {
    display: inline-block;
    background-image: url('../images/social.png');
    background-repeat:no-repeat;
    height:37px;
    margin:15px 15px;
}
.social-link:hover {
    background-position-y: -37px;
}
.social-facebook {
    background-position:0 0;
    width:20px;
}
.social-twitter {
    background-position: -20px 0;
    width: 33px;
}
.social-instagram {
    background-position: -53px 0;
    width: 35px;
}
.social-youtube {
    background-position: -88px 0;
    width: 37px;
}
a.btn1,
button.btn1 {
    background-color: rgb(112, 89, 118);
    color: #FFF;
    padding: 7px 10px 4px 10px !important;
    display: inline-block;
    border:none;
}
.topMenu a.btn1 {
    color: #ffffff;
}
a.btn1:hover {
    color: #d2d2d2 !important;
}
.color-green-1 {
    color: #a992b0;
}
.color-green-2 {
    color: #705976;
}
.color-green-3 {
    color: #33f9aa;
}
.color-black-1 {
    color: #000;
}
.color-purple-1 {
    color: #6f5875;
}
.color-purple-2 {
    color: #827d8d;
}
.min-h-550 {
    min-height: 550px;
}
.ls--1{
    letter-spacing:-1px;
}
.max-w-580{
    max-width:580px;
}
.btn2{
    background-color:rgba(148,136,158,1);
    padding:8px 15px 6px 15px;
    color:#FFF;
    display:inline-block;
}
.btn2:hover {
    background-color: rgba(148,136,158,0.8);
}
.feature-section{
    margin:30px 0 40px 0;
}
.carousel-2 .owl-nav {
    max-width:1170px;
    text-align:center;
    z-index:3;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    bottom:50px;
    height:0;
    margin-top:0 !important;
}
.carousel-1 .owl-nav {
    position:absolute;
    width:100%;
    top:calc(50% - 25px);
}
.carousel-1 .owl-next {
    float:right;
}
.carousel-1 .owl-prev {
    float: left;
}
.carousel-1.owl-theme .owl-nav button[class*=owl-],
.carousel-2.owl-theme .owl-nav button[class*=owl-] {
    background: none !important;
    outline: none !important;
    opacity: 0.5;
}
    .carousel-1.owl-theme .owl-nav button[class*=owl-]:hover,
    .carousel-2.owl-theme .owl-nav button[class*=owl-]:hover {
        opacity:1;
    }
/*.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none !important;
}*/
.feature-box {
    min-height: 285px;
    background-color: #FFF;
    position: relative;
    padding: 30px 10px;
}
.feature-box:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 11px;
    background-color: #ededed;
    bottom: 0;
    left: 0;
}
.feature-box.active {
    background-color: #705976;
}
.feature-box.active:before {
    background-color: #b5aab9;
}
.feature-box:hover .feature-unhover {
    display: none;
}
.feature-box:not(:hover) .feature-hover {
    display: none;
}
.row.gutters-0 {
    margin-right: 0;
    margin-left: 0;
}
.row.gutters-0 > [class^="col-"],
.row.gutters-0 > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
.row.gutters-8 {
    margin-right: -8px;
    margin-left: -8px;
}
.row.gutters-8 > [class^="col-"],
.row.gutters-8 > [class*=" col-"] {
    padding-right: 8px;
    padding-left: 8px;
}
.row.gutters-5 {
    margin-right: -5px;
    margin-left: -5px;
}
.row.gutters-5 > [class^="col-"],
.row.gutters-5 > [class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.row.gutters-3 {
    margin-right: -3px;
    margin-left: -3px;
}
.row.gutters-3 > [class^="col-"],
.row.gutters-3 > [class*=" col-"] {
    padding-right: 3px;
    padding-left: 3px;
}
.color-gray-1 {
    color: #705976;
}
.color-gray-2 {
    color: #362d4a;
}
.color-gray-3 {
    color: #868686;
}
.color-gray-4 {
    color: #dcdcdc;
}
.color-gray-5 {
    color: #7af3c3;
}
.min-h-130{
    min-height:130px;
}
.ml--12{
    margin-left:-24px;
}
.bg-gray-1 {
    background-color: #ededed;
}
.bg-gray-2 {
    background-color: #e0e0e0;
}
.bg-blue-1 {
    background-color: #009fe2;
    color: #312783!important;
}
.bg-blue-2 {
    background-color: #ffffff;
}

.proje-box {
    color: #868686;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    padding: 20px 0;
}
    .proje-box h3 {
        color: #6f5875;
        font-size: 18px;
        font-weight: 700;
    }
.max-w-570{
    max-width:570px;
}
.oneri-textarea {
    padding: 10px 15px !important;
    color: #646464 !important;
    border: 2px solid #6cf2bd;
    margin-top:10px;
    border-radius:0 !important;
}
.oneri-focus .oneri-textarea {
    height: auto;
    border-color: #6cf2bd !important;
    background-color:#FFF !important;
}
.btn-size-1{
    min-width:120px;
}
form:not(.oneri-focus) .show-only-oneri-focus {
    display: none;
}
.oneri-textarea::placeholder {
    color: #6cf3be !important;
    opacity: 1;
}
.oneri-textarea:-ms-input-placeholder {
    color: #6cf3be !important;
}
.oneri-textarea::-ms-input-placeholder {
    color: #6cf3be !important;
}
.list-1 a{
    font-size:16px;
    font-weight:700;
    color:#FFF;
    display:block;
    padding:10px 5px;
    position:relative;
    text-decoration: none;
}
    .list-1 a:hover {
        color: #59547c;
    }
.list-1 li.active a {
    color: #312783;
}
.list-1-line {
    display: block;
    width: 6px;
    height: 32px;
    background-color: #312783;
    position: absolute;
    left: 12px;
    top: 29px;
    border-radius: 3px;
    z-index:2;
}
.sep-td-1{
    width:20px;
    text-align:center;
}
.table-1 td{
    text-align:center;
}
.table-1 td a{
    text-align: left;
}
.va-middle{
    vertical-align:middle;
}
ul.breadcrumb-1 {margin-top: -69px;}
ul.breadcrumb-1 li.breadcrumb-1-item {
    color: #c6c6c6;
    font-size:16px;
    display:inline-block !important;
    padding:15px 0 10px 0;
    position:relative;
}
ul.breadcrumb-1 li.breadcrumb-1-item a {text-decoration: none;}
ul.breadcrumb-1 li:not(:nth-last-child(1)).breadcrumb-1-item:after {
    content: '';
    margin: 0 15px;
    display: inline-block;
    background-image: url('../images/bread-arrow.png');
    background-repeat:no-repeat;
    width:8px;
    height:12px;
}
ul.breadcrumb-1 li:hover.breadcrumb-1-item {
    color: #666;
}
ul.breadcrumb-1 li.active.breadcrumb-1-item {
    color: #ffffff;
    font-weight: 500;
}
.p-10{
    padding:10px;
}
.title-1 {
    font-size: 21px;
    font-weight: 700;
    padding: 15px 0 5px 0;
    position:relative;
    color: #fff;
}
    .title-1:after {
        position: absolute;
        content: '';
        display: block;
        background-image: url('../images/title-1-bg.png');
        background-repeat:repeat-x;
        width: 100%;
        height: 1px;
        bottom:0;
        left:0;
    }
.btn-1 {
    background-color: #ffffff !important;
    color: #312d39;
    border:none !important;
    padding:8px 15px;
    font-weight:700;
}
    .btn-1:hover {
        background-color: #312d39 !important;
        color: #FFF;
    }