@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
:root {
    --main-text-color: #141414;
    --main-link-color: #4285f4;
    --main-link-hover-color: #0d5bdd;
    --main-background-color: #ffffff;
    --menu-background-color: #122c48;
    --user-menu-background-color: #f5f5f5;
    --user-menu-border-color: rgba(0, 0, 0, 0.05);
    --user-menu-color: #353535;
    --user-menu-hover-background-color: #122c48;
    --user-menu-hover-border-color: #122c48;
    --user-menu-hover-color: #ffffff;
    --user-menu-active-background-color: #122c48;
    --user-menu-active-border-color: #122c48;
    --user-menu-active-color: #ffffff;
    --user-menu-active-hover-background-color: #111111;
    --user-menu-active-hover-border-color: #111111;
    --user-menu-active-hover-color: #ffffff;
    --color-facebook: #3b5998;
    --color-twitter: #1da1f2;
    --color-pinterest: #bd081c;
    --color-instagram: #c13584;
    --color-google-plus: #dd4b39;
    --color-linkedin: #0077b5;
    --color-youtube: #ff0000;
    --color-flickr: #0063dc;
    --color-vimeo: #1ab7ea;
    --background-color-primary: #3d82f4;
    --background-color-info: #66a1ff;
    --background-color-success: #33a451;
    --background-color-danger: #ea3f30;
    --background-color-warning: #f7b904;
    --background-color-light: #ffffff;
    --background-color-dark: #333232;
    --font-main: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif;
    --input-background-color: #ffffff;
    --input-color: #495057;
    --input-border-color: #ced4da;
    --input-focus-background-color: #ffffff;
    --input-focus-color: #495057;
    --input-focus-border-color: rgba(0, 123, 255, 0.80);
    --input-focus-box-shadow-color: rgba(0, 123, 255, .25)
}

::-moz-selection {
    background: #999;
    color: #fff
}

::selection {
    background: #999;
    color: #fff
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth!important
}

@-ms-viewport {
    width: device-width
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571;
    color: var(--main-text-color);
    text-align: left;
    background-color: var(--main-background-color);
    overflow-x: hidden;
    font-family: Rajdhani, sans-serif
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--main-link-color);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a:hover {
    color: var(--main-link-hover-color);
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
    color: #fff
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

*,
:focus {
    outline: 0!important
}

*,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

::-moz-focus-inner {
    border: 0!important
}

img {
    max-width: 100%
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
    background: #292929;
    padding: 5px;
    color: #888787;
    border-radius: 5px;
    color: #e53885;
    line-height: 22px
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

pre.code {
    background: #000;
    padding: 30px;
    border-radius: 17px;
    color: #b3dd00;
    background-color: #2d2d2d;
    letter-spacing: .1em;
    text-shadow: -1px 2px 1px #111, 2px -2px 1px #363636
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit
}

.h1,
h1 {
    font-size: 2.539rem
}

.h2,
h2 {
    font-size: 2.077rem
}

.h3,
h3 {
    font-size: 1.769rem
}

.h4,
h4 {
    font-size: 1.308rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .923rem
}

.tooltip {
    font-family: var(--font-main)!important
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--user-menu-active-background-color)
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem var(--user-menu-active-background-color);
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem var(--user-menu-active-background-color)
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--user-menu-active-background-color)
}

.modal-content {
    border: none;
    border-radius: 0
}

.modal .close {
    opacity: 1!important;
    text-shadow: none!important;
    background: rgba(0, 0, 0, .3);
    color: rgba(255, 255, 255, .6)
}

.modal .close:hover {
    color: #fff!important;
    background: rgba(0, 0, 0, .9)
}

.modal-backdrop.show {
    opacity: .9;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.modal-header {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.modal-body {
    background: #fff;
    color: #000
}

.modal-footer {
    background: #fff;
    border-top: 0;
    color: #000
}

.bg-black {
    background-color: #000!important
}

#compareProducts .card-img {
    opacity: .4!important
}

.primary .modal-content {
    background: var(--primary)
}

.primary .modal-header {
    color: #fff;
    background: var(--primary)
}

.secondary .modal-content {
    background: var(--secondary)
}

.secondary .modal-header {
    color: #fff;
    background: var(--secondary)
}

.success .modal-content {
    background: var(--success)
}

.success .modal-header {
    color: #fff;
    background: var(--success)
}

.danger .modal-content {
    background: var(--danger)
}

.danger .modal-header {
    color: #fff;
    background: var(--danger)
}

.warning .modal-content {
    background: var(--warning)
}

.warning .modal-header {
    background: var(--warning)
}

.info .modal-content {
    background: var(--info)
}

.info .modal-header {
    color: #fff;
    background: var(--info)
}

.dark .modal-content {
    background: var(--dark)
}

.dark .modal-header {
    color: #fff;
    background: var(--dark)
}

.dark .modal-body {
    background: var(--dark);
    color: #fff
}

.dark .modal-footer {
    background: var(--dark);
    border-top: 0;
    color: #fff
}

form.nav_search {
    position: relative
}

form.nav_search .result-wrap {
    position: absolute;
    z-index: 99;
    left: 0;
    width: 280px;
    display: none;
    top: 100%;
    margin-top: -3px;
    -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .3)
}

form.nav_search .result {
    position: relative
}

.navbar-nav ul>li>ul {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0
}

.navbar-nav li ul {
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding-top: 25px
}

.navbar-nav ul ul {
    background: #08131f
}

.navbar-nav li a {
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-transform: uppercase
}

html[lang=en] .navbar-nav li ul li a {
    font-size: 14px
}

.navbar-nav>li+li {
    padding-left: 35px
}
.navbar-nav > li + li:last-child {
    padding-right: 35px
}
header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 15;
    transition: 0.4s;
}

.navbar-nav li:hover>ul {
    opacity: 1;
    visibility: visible;
    z-index: 999
}

.navbar-nav li ul li {
    margin-left: 0!important;
    list-style-type: none!important;
    position: initial!important
}

.navbar-nav li ul li a {
    padding: 0!important;
    display: block;
    position: relative;
    text-transform: inherit;
    font-weight: 500
}

nav.navbar.navbar-expand-lg {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-nav li ul li ul {
    right: 0!important;
    left: 100%!important;
    top: 0!important
}

.navbar-nav li ul li a i {
    margin-right: 7px
}

.login>ul>li {
    position: relative;
    margin-left: 0;
    border-left: solid 1px #122c48;
    float: left;
    height: 100%
}

.login>ul>li>a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-left: 0;
    display: block;
    text-transform: uppercase;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 99;
    border-top: 1px solid #122c48
}

.login>ul>li>ul {
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    position: absolute;
    right: -30px;
    top: 100%;
    background: #091019;
    padding: 15px;
    text-align: left;
    display: inline-table;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: 0;
    width: 100%
}

.login>ul>li>a i {
    padding-right: 12px
}

.login>ul>li>a span {
    padding-left: 5px;
    font-weight: 700
}

.login>ul>li>ul>li {
    position: relative
}

.login>ul>li>ul>li>a {
    display: block;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.57;
    letter-spacing: normal;
    color: #fff
}

.login>ul>li>ul>li>a:hover {
    padding-left: 5px;
    font-weight: 700;
    color: #3f536b
}

.login>ul {
    float: left;
    height: 52px
}
.ml-35{
    margin-left:35px !important;
}

.language {
    border-left: solid 1px #122c48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0;
    width: 38px;
    height: 38px;
    border: solid 1px #ecf2f8;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    margin-left: 5px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.language li a {
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0
}

.language ul,
.language ul li {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.language li a:hover {
    color: #fff
}

.login>ul>li>a:hover {
    color: #4c6177
}

.ust-bar {
    background: #07101b
}

a.navbar-brand {
    padding: 0!important;
    margin: 0!important;
    font-size: initial!important;
    line-height: normal!important
}

a.navbar-brand img {
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height:85px;
}

input#aramatxt {
    display: block;
    width: 100%;
    padding: 0 0 0 29px;
    height: 50px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #36312c;
    border-radius: 0!important;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border: 1px solid rgba(0, 123, 255, 0)

}

nav.header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto
}

.search {
    position: relative;
    right: 0;
    top: 0;
    width: 350px
}

.menu {
    width: calc(100% - 190px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.catalog-button {
    margin-left: 35px;
}

.catalog-button a {
    border-radius: 3px;
    border: solid 1px #0e3c60;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.4px;
    color: rgb(92 228 255);
    display: inline-block;
    user-select: none;
}

.catalog-button a:hover {
    color: #ffffff;
    border-color: #ffffff;
}

.menu ul li.noActive a {
    color: #c2c2c2
}

.navbar-nav {
    width: auto;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    position: relative
}

.menu ul li ul li {
    float: left;
    width: auto;
    position: relative
}

button.btn.btn-arama {
    position: absolute;
    right: 0;
    background: 0 0;
    pointer-events: none;
    padding: 0;
    margin: 0;
    right: 10px
}

input#aramatxt:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #3b5673
}

section.slider {
    height: calc(100vh - 50px);
    margin-top: 0
}

.main-slide {
    height: 100%
}


	.slider .swiper-pagination {
		position: absolute;
		bottom: 50px;
		left: auto;
		right: 66px;
		top: auto;
		width: auto;
		flex-direction: row;
		align-items: center;
		color: #fff;
		font-size: 23px;
	}




	.slider .container2 {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: -20px;
		width: auto;
		max-width: 1140px;
		height: auto;
		top: auto;
		display: flex;
		justify-content: flex-end;
		margin: 0 auto;
		padding: 0 20px 30px;
	}


	.slider .swiper-container .swiper-slide:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 250px;background: linear-gradient(to top, rgb(0 0 0 / 0.5), #ffffff00);z-index: 2;pointer-events: none;/* visibility: hidden; */}

	.slider .swiper-pagination .swiper-pagination-current {
		font-size: 27px;
		font-weight: 500;
		margin-right: 4px;
		margin-top: -6px;
	}


	.slider .swiper-pagination span+span {
		margin-top: 0 !important;
		margin-left: 5px;
	}

		.slider-buttons > div {
		width: 40px;
		height: 40px;
		/* background: #13406e; */
		position: relative;
		top: -18px;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 0;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.slider-buttons > div.swiper-button-prev {
		left: -44px;
	}



	.slider-buttons {
		display: flex;
		align-items: center;
	}

	.slider-buttons > div > svg {
		fill: #ffffff;
		width: 25px;
		height: 25px;
	}

	.slider-buttons > .swiper-button-next {
		margin-left: 10px;
	}

	.slider-buttons > .swiper-button-prev svg {
		transform: rotate(180deg);
	}


.main-slide .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    position: relative;
    background-image: -webkit-linear-gradient(332deg, #0e3c60, #126891 42%, #0e3c60);
    background-image: -o-linear-gradient(332deg, #0e3c60, #126891 42%, #0e3c60);
    background-image: linear-gradient(118deg, #0e3c60, #126891 42%, #0e3c60);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

h2.slide-baslik {
    font-size: 55px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    color: #fff;
    text-transform: uppercase
}

.slider-content {
    width: 700px;
    display: none;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

p.slide-aciklama {
    margin-bottom: 14px;
    color: #fff;
    font-size: 21px
}

.slider-content a {
    border-radius: 3px;
    border: solid 1px #fff;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 1.4px;
    text-align: left;
    color: #fff;
    margin-top: 15px!important;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin: 0;
    opacity: 1
}

.swiper-pagination-bullet-active {
    background: #5490d0;
    opacity: 1
}

.swiper-slide-active .slider-content {
    display: block
}

.albumSlide .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

#resim_isaret img {
    width: 25px;
    height: 25px
}

.nf404 {
    position: relative;
    text-align: center;
    line-height: 75px;
    padding: 139px 0!important;
    min-height: 45vh
}

.nf404 h2 {
    font-weight: 500;
    font-size: 65px
}

.nf404 h3 {
    font-weight: 200;
    font-size: 23px
}

.nf404 i.fa-exclamation-triangle {
    position: absolute;
    font-size: 25rem;
    -webkit-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    transform: rotate(-27deg);
    top: -10rem;
    left: 19rem;
    opacity: .1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


.copyright .mobil-text{
    display: none;
}

.copyright p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    color: #a8a8a8
}

.footer-alt-bar {
    padding: 15px 0;
    background: #f7f7f7
}

footer .footer-alt-bar .footer-menu ul {
    display: flex;
    align-items: center;
}

footer .footer-alt-bar .footer-menu ul li + li {
    margin-left: 20px;
}

footer .footer-alt-bar .footer-menu ul li a {
    font-size: 14px;
    color: #606060;
    font-weight: 500;
}

footer .footer-alt-bar .footer-menu ul li a:hover {
    color: #0e3c60;
}

.alysweb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.alysweb a+a:hover {
    color: #22c2f2
}

.language:hover {
    border: 1px solid #0e3c60;
    color: #0e3c60;
    background: #0e3c60
}

img.obj1 {
    width: 105px!important
}

.alysweb a:nth-child(1) img {
    line-height: normal
}

.alysweb a:nth-child(2) img {
    width: 60px
}

.alysweb a:nth-child(1) {
    color: #73828c;
    display: inline-block;
    line-height: 23px;
    font-size: 12px
}

.alysweb a {
    height: 18px;
    display: block
}

.alysweb a:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 24px;
    background: rgba(115, 130, 140, .3)
}

.alysweb a:nth-child(2) {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    top: -2px
}

.breadcrumb {
    margin: 25px 0 0;
    padding: 0;
    background: 0 0
}

section.page-title {
    padding: 0;
    position: relative;
    height: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0e3c60), to(rgba(19, 65, 111, 0)));
    background-image: -webkit-linear-gradient(top, #0e3c60, rgba(19, 65, 111, 0));
    background-image: -o-linear-gradient(top, #0e3c60, rgba(19, 65, 111, 0));
    background-image: linear-gradient(to bottom, #0e3c60, rgba(19, 65, 111, 0))
}

.title-first h1 {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

ol.breadcrumb li a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #bfbfbf!important
}

.bread-bg {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .85;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    height: 305px;
    background-position: center center!important
}

section.page-title .container {
    position: relative
}

ol.breadcrumb li a:hover {
    color: #999
}

li.breadcrumb-item:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.breadcrumb-item+.breadcrumb-item::before {
    font-weight: 900;
    content: ">";
    color: #bfbfbf!important;
    font-size: 11px
}

.page {
    padding: 60px 0
}

.pageTitle h2 {
    margin-bottom: 20px
}

.pageTitle strong {
    font-size: 15px;
    margin-bottom: 10px;
    display: inline-block
}

.pageBaslik h2:before {
    content: "";
    position: absolute;
    left: 0;
    width: 75px;
    top: 50%;
    height: 1px;
    background: #0e3c60;
    margin-top: -.5px
}

.pageBaslik h2 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.27;
    color: #0e3c60;
    padding-left: 90px;
    position: relative
}

.pageTitle p {
    line-height: 25px;
    font-size: 16px
}

.pageTitle ol li,
.pageTitle ul li {
    list-style-type: inherit;
    margin-left: 18px;
    margin-bottom: 5px
}

.pageTitle ul {
    margin-bottom: 20px
}

.albumKapsayici {
    overflow: hidden;
    position: relative;
    height: 235px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center CENTER!important;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.albumSlider {
    padding: 0;
}

.about-album .albumSlider {
    width: 100%;
}

.albumPagi {
    position: absolute;
    left: -56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56px;
    height: 46px;
    bottom: 0;
    background: #dee0eb;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.albumKapsayici a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0e416f;
    opacity: .3;
    visibility: visible;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.albumKapsayici a {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center CENTER!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.albumKapsayici a i {
    font-size: 27px;
    color: #fff;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden
}

.albumKapsayici:hover {
    top: 0
}

.albumKapsayici a:hover i {
    opacity: 1;
    visibility: visible
}

.albumKapsayici a:hover:before {
    opacity: 0;
    visibility: hidden
}

.pageAlbum h3 {
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #0e3c60
}

.pageAlbum {
    margin-top: 0
}

.fancybox-infobar {
    display: none
}

.albumPagi .swiper-button-next,
.albumPagi .swiper-button-prev {
    top: 0;
    position: relative;
    margin: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    color: #a4a5ac
}

.elements li {
    line-height: 25px;
    font-size: 16px;
    font-weight: 300;
    list-style-type: inherit !important;
    list-style-position: inherit !important;
    list-style-image: inherit !important;
}

.elements ol,
.elements ul {
    padding-left: 20px
}

.album {
    height: auto
}

.album-img a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.album-img {
    height: 360px
}

.album-img a span {
    height: 100%;
    display: block;
    width: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: relative;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.album-img a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.album-img a span i {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff;
    font-size: 46px;
    position: relative
}

.albumIsim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.albumIsim p {
    margin-bottom: 0;
    font-size: 15px
}

.albumIsim a {
    font-size: 16px;
    color: #555;
    font-weight: 700
}

.albumIsim {
    margin-top: 10px
}

.album-img a:hover .album-bg {
    opacity: .3
}

.album-img a:hover .album-bg:before {
    opacity: 1;
    visibility: visible
}

.album-img a:hover:before {
    opacity: 1;
    visibility: visible
}

.album-img a:hover i {
    opacity: 1;
    visibility: visible
}

.album-img a i {
    position: relative;
    font-size: 40px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.album-resim {
    display: block
}

.album-resim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.album-resim a span {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: .5;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.album-resim a i {
    position: relative;
    font-size: 30px;
    color: rgba(255, 255, 255, .46);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.album-resim a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.album-item {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-radius: 3px;
    padding: 10px;
    padding-bottom: 0;
    top: 0;
    position: relative;
    margin-bottom: 30px
}

.album-item:hover {
    top: -8px
}

.album-img-isim {
    text-align: center;
    padding: 10px 0;
    display: inline-block;
    width: 100%
}

.album-img-isim h2 {
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 19px;
    overflow: hidden;
    font-size: 14px
}

.album-resim a:hover:before {
    opacity: 0;
    visibility: hidden
}

.album-resim a:hover span {
    opacity: 1;
    visibility: visible
}

.album-resim a:hover i {
    opacity: 0;
    visibility: hidden
}

section.page.albumDetay {
    padding-top: 0
}

.bank-item {
    height: 205px;
    border: 1px solid #e2e5f0;
    padding: 0 25px 0 25px;
    width: 100%;
    margin-bottom: 30px
}

.bank-img {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bank-content {
    width: calc(100% - 120px);
    float: left;
    padding-left: 45px
}

.bank-content h5 {
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #0e3c60;
    margin-bottom: 10px
}

.bank-content h5 span {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 13px
}

.bank-bilgi p+p {
    margin-top: 7px
}

span.title {
    font-weight: 500
}

.bank-bilgi p span {
    position: relative
}

.bank-bilgi p span.title:after {
    content: ":"
}

.iletisim-alt {
    padding: 60px 0 100px
}

.form-div {
    float: left;
    width: 100%;
    margin-bottom: 0!important;
    overflow: initial!important;
    position: relative
}

.select2-container .select2-selection--single {
    height: 50px;
    width: 100%;
    border-radius: 0!important;
    border-color: #999
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    border-radius: 0!important;
    padding-left: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px
}

.select2-container {
    width: 100%!important
}

.select2-results__option {
    padding: 15px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #122c48
}

h5.contact-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 23px
}

.contact-aciklama {
    font-size: 16px;
    margin-bottom: 40px
}

.vm h6 {
    margin-bottom: 10px;
    font-weight: 600
}

.vm i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #0e3c60;
    width: 15px
}

.iletisim-bilgileri ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

.vm+.vm {
    padding-left: 20px
}

.vm a,
.vm p {
    margin-bottom: 0;
    font-size: 14px;
    color: #000
}

.iletisim-bilgileri ul li+li {
    margin-top: 0
}

.iletisim-bilgileri {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vm a:hover {
    color: #d7d7d7
}

.form-div input:not([type=submit]) {
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #0e3c60;
    height: 50px;
    padding-left: 20px;
    width: 100%;
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #2a2a2a;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.w-33 {
    float: left;
    width: 32%
}

.w-33+.w-33 {
    margin-left: 2%
}

.form-div textarea {
    height: 140px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0e3c60;
    -webkit-appearance: none;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #0e3c60
}

a.button.button-facebook {
    background: #3b5998;
    color: #fff;
    padding: 11px 73px;
    border-radius: 4px;
    display: table;
    text-transform: uppercase;
    margin: auto;
    width: auto!important
}

.form-div p {
    font-weight: 600;
    margin-bottom: 5px
}

.form-div+.form-div {
    margin-top: 10px
}


.contact4 .iletisim-alt .guvenlikKodu {
    display: flex;
    align-items: center;
}



.contact4 .form-div.form-info {
    margin-top: 10px;
}

.contact4 .form-div.form-info p {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 14px;
    padding: 0 20px;
    color: #2a2a2a;
    line-height: 1.5;
}
.contact4 .form-div.form-info p a{
    color:#2a2a2a;
    font-weight:800;
    text-decoration:underline !important;

}
.iletisim .form-div input {
    width: 100%
}

.iletisim .form-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iletisim .form-div textarea {
    width: 100%;
    float: left;
    height: 170px;
    resize: none
}

.form-div input:not([type=submit]):focus {
    border: 1px solid #bbbbbb;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-div textarea:focus {
    border: 1px solid #bbbbbb;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.iletisim .form-div:nth-last-child(3) {
    display: inline-block;
    width: 100%
}

.iletisim .w-120 {
    float: left;
    width: 100%
}

.w-120 .w-50 {
    width: 49%!important;
    float: left;
    margin-right: 1%!important;
    position: relative
}

.w-120 .w-50 input {
    width: 100%!important;
    border: 0;
    border: 1px solid #c3d0de
}

.w-120 .w-50 img {
    margin: 0!important;
    border: 0!important;
    height: 100%
}

.w-120 .w-50+.w-50 {
    margin-right: 0!important;
    margin-left: 1%!important
}

img.captcha_img {
    width: 100%!important;
    height: 100%!important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.submit {
    float: right;
    width: 49%!important;
    margin-top: 10px
}

input[type=submit] {
    border: none;
    width: auto;
    height: 50px;
    background-color: #999;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding: 0 30px;
    font-weight: 500;
    border-radius: 0!important;
    color: #000;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    cursor: pointer
}

input[type=submit]:hover {
    background: #10100f;
    color: #fff
}

a.btn.btn-exit {
    height: 50px;
    background-color: #999;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding: 0 30px;
    font-weight: 500;
    border-radius: 0!important;
    color: #000;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    line-height: 50px!important;
    border: none!important;
    box-shadow: none!important
}

a.btn.btn-exit:hover {
    background: #10100f;
    color: #fff
}

.w-120 .w-50:first-child {
    height: 50px;
    border: 1px solid #c3d0de
}

.captcha a {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 26px;
    height: 26px;
    background: #0e3c60;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #fff;
    margin-top: -13px
}

.captcha {
    position: relative
}

.captcha a:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.map-responsive {
    height: 400px
}

.map-responsive iframe {
    height: 400px;
    width: 100%
}

.row.sayfalama {
    margin-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ul.pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

nav ul.pagination {
    margin: 20px 0
}

form .w-50 {
    width: 49%!important;
    margin-right: 1%!important;
    float: left
}

form .w-50+.w-50 {
    margin-right: 0!important;
    margin-left: 1%!important
}

section.page.customerComment .row+.row {
    margin-top: 40px
}

.musteriler ul li {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 15px -3px rgba(0, 0, 0, .24);
    padding: 35px;
    min-height: 376px;
    margin: 18px 0
}

.musteriler ul li .d-flex h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px
}

.musteri i {
    font-size: 35px
}

.musteriler ul li p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px
}

.yorum-bilgileri .tarih {
    float: right;
    font-weight: 500
}

.proje-list ul li {
    width: 31%;
    margin: 0 1%;
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 15px -3px rgba(0, 0, 0, .24);
    position: relative;
    float: left;
    position: relative;
    margin-bottom: 20px;
    min-height: 245px
}

.proje-list ul li a {
    height: 100%;
    display: block
}

.proje-list ul li img {
    width: auto!important
}

.pImage a {
    position: relative;
    display: block
}

.proje-list ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    width: 100%;
    position: relative;
    background: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

h3.proje-title {
    margin: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 19px;
    color: #000;
    text-transform: uppercase
}

b.hover {
    font-size: 18px;
    color: #fff;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.projeBack {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.proje-list ul li:hover b {
    opacity: 1;
    visibility: visible
}

.proje-list ul li:hover .projeBack {
    opacity: 1
}

.p-title h2 {
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-bottom: 0
}

.p-title img {
    width: 200px
}

.p-title {
    padding-bottom: 0;
    border-bottom: 1px solid #122c48;
    margin-bottom: 40px
}

.projeBg {
    height: auto;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
    position: relative
}

.projeManset {
    margin-bottom: 10px
}

.projeOzellik p {
    margin-bottom: 0;
    font-weight: 500
}

.projeOzellik {
    margin-top: 10px
}

.proje-slide img {
    width: 100%;
    display: block
}

.turItems {
    float: left;
    width: 100%
}

.turItems+.turItems {
    margin-top: 20px
}

.turBaslik h3 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 20px
}

.projeAciklama p {
    font-size: 15px;
    line-height: 31px
}

.projeMap {
    width: 100%;
    height: 350px
}

section.page.projectDetail {
    padding-bottom: 0
}

.turItems:last-child {
    margin-bottom: 60px
}

.mobile-menu {
    display: none
}

ul.f-listeleme.activeMenu h3 {
    color: #486f98
}

ul.f-listeleme li {
    padding-bottom: 8px
}

h3.f-baslik:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #4d80b7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

ul.f-listeleme.activeMenu h3:before {
    width: 100%
}

.alert {
    padding: 7px;
    position: relative;
    line-height: 25px;
    border-width: 0;
    margin-bottom: 17px;
    color: #2a2a2a;
    font-weight:600;

}

.alert .icon {
    width: 55px;
    font-size: 1.846rem;
    vertical-align: middle;
    text-align: center;
    line-height: 22px;
    display: table-cell;
    cursor: default;
    padding-top: 1px
}

.alert .icon span {
    width: 25px
}

.alert .close {
    position: absolute;
    font-size: 1.538rem;
    right: 1.385rem;
    text-shadow: none;
    padding: 1.5388rem 0;
    opacity: .2;
    right: 4px;
    top: -20px
}

.alert .message {
    display: table-cell;
    padding: 1.385rem 2.1542rem 1.385rem .231rem;
    border-left-width: 0
}

@media (max-width:575.98px) {
    .alert .message {
        padding: 1.385rem 2.539rem 1.385rem .231rem
    }
}

.alert .message>p,
.alert .message>ul {
    margin-bottom: 0
}

.alert .message>p+p {
    margin-top: 5px
}

.alert-primary {
    background-color: #d5eff9;
    border: 1px solid #b2dff1
}

.alert-success {
    background-color: #c5efd0;
    border: 1px solid #94d2a4
}

.alert-info {
    background-color: #dde8f9;
    border: 1px solid #b3c1d6
}

.alert-warning {
    background-color: #fdf4db;
    border: 1px solid #ecd5a0
}

.alert-danger {
    background-color: #ffe6e4;
    border: 1px solid #f5c1c1
}

.alert-light {
    background-color: var(--background-color-light);
    outline: 1px solid rgba(115, 115, 115, .08);
    color: #404040
}

.alert-dark {
    background-color: var(--background-color-dark)
}

.alert-light>.icon {
    color: #737373
}

.alert-light.alert-spec>.icon {
    background-color: rgba(115, 115, 115, .08)
}

.alert-dismissible.alert-primary .close {
    color: #093d94
}

.alert-dismissible.alert-primary .close:hover {
    color: #093d94;
    opacity: .5
}

.alert-dismissible.alert-success .close {
    color: #103319
}

.alert-dismissible.alert-success .close:hover {
    color: #103319;
    opacity: .5
}

.alert-dismissible.alert-info .close {
    color: #0050d1
}

.alert-dismissible.alert-info .close:hover {
    color: #0050d1;
    opacity: .5
}

.alert-dismissible.alert-warning .close {
    color: #654c02
}

.alert-dismissible.alert-warning .close:hover {
    color: #654c02;
    opacity: .5
}

.alert-dismissible.alert-danger .close {
    color: #79150d
}

.alert-dismissible.alert-danger .close:hover {
    color: #79150d;
    opacity: .5
}

.alert-dismissible.alert-light .close {
    color: #404040;
    opacity: .35
}

.alert-dismissible.alert-light .close:hover {
    color: #404040;
    opacity: .5
}

.alert-dismissible.alert-dark .close {
    color: #fff;
    opacity: .35
}

.alert-dismissible.alert-dark .close:hover {
    color: #404040;
    opacity: .5
}

.alert-spec {
    padding: 0;
    position: relative;
    width: 100%
}

.alert-spec>.icon {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, .25)
}

.alert-spec>.message {
    display: table-cell;
    padding: 14px 15px;
    border-left-width: 0
}

@media (max-width:575.98px) {
    .alert-spec>.message {
        padding: 1.385rem 2.539rem 1.385rem 1.385rem
    }
}

.alert-icon {
    background-color: #fff;
    border: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
    -webkit-box-shadow: .5px .9px 0 rgba(0, 0, 0, .07);
    box-shadow: .5px .9px 0 rgba(0, 0, 0, .07)
}

.alert-icon>.icon {
    position: relative;
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    cursor: default
}

.alert-icon>.icon:after {
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 11px solid #fff;
    -moz-transform: scale(.9999);
    border-bottom: 11px solid transparent;
    border-top: 11px solid transparent
}

.alert-icon>.message {
    display: table-cell;
    padding: 1.385rem 1.385rem;
    color: #404040;
    border: 1px solid #d4d4d4;
    border-left-width: 0
}

@media (max-width:575.98px) {
    .alert-icon>.message {
        padding: 1.385rem 2.539rem 1.385rem 1.385rem
    }
}

.alert-icon.alert-dismissible .close,
.alert-icon.alert-dismissible .close:focus {
    color: #404040;
    opacity: .35
}

.alert-icon.alert-dismissible .close:focus:hover,
.alert-icon.alert-dismissible .close:hover {
    color: #404040;
    opacity: .5
}

.alert-icon.alert-primary>.icon {
    background-color: #4285f4
}

.alert-icon.alert-primary>.icon:after {
    border-left-color: #4285f4
}

.alert-icon.alert-success>.icon {
    background-color: #34a853
}

.alert-icon.alert-success>.icon:after {
    border-left-color: #34a853
}

.alert-icon.alert-info>.icon {
    background-color: #6ba4ff
}

.alert-icon.alert-info>.icon:after {
    border-left-color: #6ba4ff
}

.alert-icon.alert-warning>.icon {
    background-color: #fbbc05
}

.alert-icon.alert-warning>.icon:after {
    border-left-color: #fbbc05
}

.alert-icon.alert-danger>.icon {
    background-color: #ea4335
}

.alert-icon.alert-danger>.icon:after {
    border-left-color: #ea4335
}

.alert-icon.alert-light {
    outline-color: #d4d4d4
}

.alert-icon.alert-light>.icon {
    background-color: #fff
}

.alert-icon.alert-light>.icon:after {
    border-left-color: #fff
}

.alert-icon.alert-light>.icon {
    border-right: 1px solid #d4d4d4
}

.alert-icon.alert-light>.icon:before {
    position: absolute;
    right: -22px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border: solid transparent;
    border-width: 11px;
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #d4d4d4
}

.alert-icon.alert-light>.message {
    border: 0
}

.alert-icon.alert-dark>.icon {
    background-color: #a1a1a1
}

.alert-icon.alert-dark>.icon:after {
    border-left-color: #a1a1a1
}

.alert.alert-spec.alert-success.alert-dismissible {
    color: #03982a
}

.alert.alert-spec.alert-info.alert-dismissible {
    color: #2858a2
}

.alert.alert-spec.alert-warning.alert-dismissible {
    color: #b57e01
}

.alert.alert-spec.alert-danger.alert-dismissible {
    color: #e30505
}

.alert.alert-spec.alert-primary.alert-dismissible {
    color: #00959e
}

.alert.alert-spec.alert-success.alert-dismissible div.icon span:before {
    color: #39a355
}

.alert.alert-spec.alert-info.alert-dismissible div.icon span:before {
    color: #4273bd
}

.alert.alert-spec.alert-warning.alert-dismissible div.icon span:before {
    color: #dca321
}

.alert.alert-spec.alert-danger.alert-dismissible div.icon span:before {
    color: red
}

.alert.alert-spec.alert-primary.alert-dismissible div.icon span:before {
    color: #2fc1ca
}

.form-control {
    font-size: 1rem;
    color: var(--input-color);
    background-color: var(--input-background-color);
    border: 1px solid var(--input-border-color);
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.form-control:focus {
    color: var(--input-focus-color);
    background-color: var(--input-focus-background-color);
    border-color: var(--input-focus-border-color);
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem var(--input-focus-box-shadow-color);
    box-shadow: 0 0 0 .2rem var(--input-focus-box-shadow-color)
}

.belgeTablo tr td,
.belgeTablo tr th {
    border: 1px solid #00cad7;
    padding: 15px!important;
    font-weight: 400;
    line-height: 27px;
    font-style: normal
}

.belgeTablo tr td,
.belgeTablo tr th,
.scrollArea.sozlesmeDetay ol li {
    font-family: Montserrat;
    font-size: 14px;
    letter-spacing: normal;
    color: #095257
}

.wd100.belge .head h4 {
    font-weight: 700;
    margin-bottom: 30px
}

.wd100.belge {
    padding-top: 20px;
    border-top: 1px solid #00cad7;
    margin-top: 30px
}

.belgeTablo tr th {
    font-weight: 700
}

.belgeTablo tr td:first-child a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.belgeTablo tr td img {
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.belgeTablo tr th small {
    font-size: 100%;
    font-weight: 700
}

.belgeTablo tr td i {
    font-style: normal
}

.belgeTablo tr td a {
    color: #000
}

div#onbilgilendirme_detay .sozlesmeDetay {
    padding: 50px;
    background: #fff;
    border: 1px solid #00cad7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 0;
    width: calc(100% - 30px);
    background: #eafdfe!important;
    max-height: 400px;
    overflow-y: scroll
}

table.ozelTablo6.productsL tr td {
    border: 1px solid #00cad7;
    padding: 10px;
    text-align: center
}

table.ozelTablo6.productsL {
    width: 100%
}

.scrollArea.sozlesmeDetay p {
    font-weight: 400;
    font-family: Montserrat;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #095257;
    line-height: 27px
}

.scrollArea.sozlesmeDetay ul li {
    font-weight: 400;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 2;
    letter-spacing: normal;
    color: #095257;
    list-style-type: initial;
    margin-left: 20px
}

.info p:first-child {
    text-align: center;
    font-size: 18px
}

h4.scrollHead.inlineS {
    display: table;
    text-align: center;
    font-size: 26px;
    color: #1c8d90;
    text-transform: uppercase;
    margin: 30px auto
}

.scrollArea.sozlesmeDetay ol li {
    font-weight: 400;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 2;
    letter-spacing: normal;
    color: #095257;
    list-style-type: inherit;
    margin-left: 15px
}

.scrollArea.sozlesmeDetay {
    padding: 50px;
    background: #fff;
    border: 1px solid #00cad7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 0;
    width: calc(100% - 30px);
    background: #eafdfe!important;
    max-height: 400px;
    overflow-y: scroll
}

.backIndex {
    padding: 13px 21px;
    display: inline-block;
    background: #122c48;
    color: #fff!important
}

.backIndex:hover {
    background: #000
}

.belgeler ul {
    border: 1px solid #e2e5f0
}

.belgeler li a {
    position: relative;
    padding: 20px 40px 20px 34px;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #0e3c60;
    align-items: center
}

.belgeler li a i {
    position: absolute;
    right: 20px;
    line-height: normal;
    color: #0e3c60;
    font-size: 19px
}

.belgeler ul li+li {
    border-top: 1px solid #e2e5f0;
    background: #fff
}

.blogIndContent {
    background: #fdfdfd;
    padding: 20px
}

a.tanitim {
    display: block;
    height: 325px;
    position: relative;
    width: 86%;
    margin-left: 7%;
    top: 0
}

.kurumsalTani {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kurumsalTaniItems {
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kurumsalTaniItems img {
    width: 100%;
    height: 42px;
    z-index: 9;
    margin-bottom: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kurumsalTani h3 {
    margin-bottom: 0;
    margin-top: 12px;
    position: relative;
    z-index: 9;
    font-size: 21px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #0e3c60;
    text-align: center
}

.kurumsalTani h3 span {
    font-weight: 700;
    display: block;
    margin-top: 6px
}

a.tanitim:hover {
    -webkit-box-shadow: 0 18px 25px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 18px 25px 0 rgba(0, 0, 0, .11);
    top: -10px
}

a.tanitim:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #f4f5fa;
    z-index: 9;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    opacity: .9
}

a.tanitim:hover:before {
    opacity: .7
}

.sideKadro .sidebar {
    border: 1px solid #000;
    padding: 0;
    background: #fff
}

.sideKadro .sidebar ul li a {
    display: block;
    padding: 10px;
    color: #000;
    padding-left: 0
}

.sideKadro .sidebar ul li+li a {
    border-top: 1px solid #122c48
}

.sideKadro .sidebar ul {
    padding: 10px 20px 20px
}

.sideKadro .sidebar h4 {
    padding: 15px 20px;
    background: #122c48;
    display: block;
    color: #fff
}

section.kadroDetay {
    padding: 100px 0
}

.kadro-item-detay .general-title h3 {
    font-size: 23px;
    font-weight: 700;
    color: #122c48
}

.kadro-item-detay p {
    margin-bottom: 7px
}

.kadro-item-detay .content {
    margin-top: 12px
}

.kadro-item-detay {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 11px rgba(18, 44, 72, .49);
    box-shadow: 1px 1px 11px rgba(18, 44, 72, .49)
}

.kadro-item-detay h3 {
    text-align: center
}

section.kadroIliski h3 {
    font-weight: 500;
    text-transform: uppercase
}

section.kadroIliski {
    padding: 50px 0 50px
}

.sideKadro .sidebar ul li a:hover {
    background: #122c48;
    color: #fff;
    padding-left: 10px
}

section.page.productList form {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.indHeader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    padding: 15px 0
}

header .logo a h1 {
    display: none;
}

header.indHeader .logo a h1 {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.27;
    color: #fff;
    letter-spacing: 3px;
    margin: 5px 0 0 52px;
}

.slideBg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .65;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 280px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(19, 65, 111, 0)));
    background-image: -webkit-linear-gradient(top, #000000, rgba(19, 65, 111, 0));
    background-image: -o-linear-gradient(top, #000000, rgba(19, 65, 111, 0));
    background-image: linear-gradient(to bottom, #000000, rgba(19, 65, 111, 0));
    z-index: 99;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

.copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f-social a+a {
    margin-left: 15px
}

.f-social a {
    color: #a8a8a8;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-social a:last-child {
    border-right: 1px solid #a8a8a8;
    margin-right: 12.5px;
    padding-right: 12.5px
}

.f-social a:hover {
    color: #606060
}

.slider-content a:hover {
    background: #fff;
    color: #14416f;
    border-color: #fff
}

.logo {
    width: 240px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slider .swiper-pagination {
    top: -15px;
    bottom: 0;
    left: 40px;
    right: auto;
    position: relative;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
}

.slider-buttons {
    /* display: none; */
}

.slider .swiper-pagination span+span {
    /* margin-top: 33px!important */
}

.container2 {
    position: absolute;
    top: 215px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    width: 1140px;
    left: 50%;
    margin-left: -640px;
    height: calc(100% - 332px);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.alt-bar {
    position: relative;
    z-index: 99;
    padding: 40px 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

header.indHeader .alt-bar {
    padding: 0
}

.pageBread {
    background: #fff
}

.f-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pageContent>h1,
.pageContent>h2,
.pageContent>h3,
.pageContent>h4,
.pageContent>h5,
.pageContent>h6 {
    font-size: 23px;
    line-height: 1.09;
    color: #0e3c60;
    font-weight: 700;
    margin-bottom: 13px;
    margin-top: 11px!important
}

.pageContent>p h1,
.pageContent>p h2,
.pageContent>p h3,
.pageContent>p h4,
.pageContent>p h5,
.pageContent>p h6 {
    display: inline-block
}

.pageContent ol li, .pageContent ul li {
    list-style: inherit;
}

.pageContent ol, .pageContent ul {
    padding-left: 20px;
}

.pageContent ol li,
.pageContent p,
.pageContent ul li {
    font-size: 17px;
    line-height: 1.5;
    color: #0e2e4e
}

.pageContent .table td,
.pageContent .table th {
    border: 1px solid #0e3c60;
}

section.icAlbum {
    background: #f4f5fa
}

section.page.hakkimizda {
    padding-bottom: 100px;
    min-height: 50vh
}

section.page.hakkimizda.uygulamaDetay {
    min-height: 57vh
}

.pageAlbum {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.albumHakkinda {
    width: 415px
}

.albumSlide {
    width: calc(100% - 415px);
    position: relative
}

.pageAlbum p {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #476b8e;
    padding-right: 40px
}

.swiper-button-next,
.swiper-button-prev {
    background: 0 0
}

.albumPagi .swiper-button-next {
    margin-left: 6px
}

.albumPagi:before {
    content: "";
    position: absolute;
    left: -15px;
    top: -7px;
    bottom: -9px;
    background: #f4f5fa;
    width: 20px;
    -webkit-transform: rotate(195deg);
    -ms-transform: rotate(195deg);
    transform: rotate(195deg)
}

.albumPagi .swiper-button-prev {
    margin-left: 10px
}

header.fixHeader:before {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

header.indHeader.fixHeader:before {
    height: 280px;
    opacity: 1;
    visibility: visible;
    z-index: 99
}

.copyright p strong {
    color: #606060;
    font-weight: 800
}

.bank-img img {
    max-width: 115px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

span.title {
    font-weight: 800
}

.bank-bilgi p {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #0e2e4e;
    margin: 0;
    width: 100%
}

.bank-bilgi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bank-bilgi p:first-child {
    width: 100%!important
}

section.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
section.page.referanslar{
    padding-bottom:25px;
}

.banka-hesaplari .col-12.col-md-12.col-lg-6 {
    margin-bottom: 20px
}

.iletisimTab {
    position: absolute;
    z-index: 10;
    margin-top: -149px;
    left: 0;
    right: 0;
    background-color: #f4f5fa;
    overflow: hidden
}

.iletisimTab a.nav-link {
    font-size: 23px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #9ba0b9;
    border: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    padding: 40px 0;
    display: block;
    background: #f4f5fa;
    border-radius: 0!important;
    position: relative;
    -webkit-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out
}

.iletisimTab li {
    width: 50%
}

.iletisimTab .nav-tabs {
    border: 0
}

.iletisimTab a.nav-link.active {
    background: #cfd8e2;
    color: #0e3c60!important;
    font-weight: 600
}

.iletisimTab li:last-child a {
    text-align: right
}

.iletisimTab li:first-child a.nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5000px;
    width: 5000px;
    background: #cfd8e2;
    opacity: 1;
    visibility: visible
}

.iletisimTab li:last-child a.nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5000px;
    width: 5000px;
    background: #cfd8e2;
    opacity: 1;
    visibility: visible
}

ol.breadcrumb li a:hover {
    color: #134173!important
}

.iletisimCard {
    width: 480px;
    float: left;
    height: 280px;
    background: #0e3c60;
    padding: 0 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain !important;
    background-position: left -30px center !important;
    background-repeat: no-repeat !important;
    background-image: url(../img/card.png) !important
}

.iletisim-bilgileri h3 {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 100%
}

.vm a,
.vm p {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: calc(100% - 15px);
    padding-left: 10px
}

.vm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iletisim-bilgileri ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.iletisim-bilgileri ul li:first-child {
    width: 100%
}

.iletisimBot>a {
    font-size: 27px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.iletisimBot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 27px
}

a.blue-border-btn {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 1.4px;
    text-align: left;
    color: #0e3c60;
    width: 50%;
    text-align: center;
    padding: 11px 0;
    border: 1px solid #0e3c60;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a.blue-border-btn:hover {
    border-color: #0e3c60;
    background: #0e3c60;
    color: #fff!important
}

.iletisim-alt .tab-content>.active {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.iletisim {
    width: calc(100% - 480px);
    padding-left: 30px
}

.iletisim-ust {
    width: 100%;
    margin-top: 40px
}

.iletisim .pageBaslik h2 {
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 20px
}

::-webkit-input-placeholder {
    font-size: 14px!important;
    font-weight: 500!important;
    color: #2a2a2a!important
}

::-moz-placeholder {
    font-size: 14px!important;
    font-weight: 500!important;
    color: #2a2a2a!important
}

:-ms-input-placeholder {
    font-size: 14px!important;
    font-weight: 500!important;
    color: #2a2a2a!important
}

:-moz-placeholder {
    font-size: 14px!important;
    font-weight: 500!important;
    color: #2a2a2a!important
}

.guvenlikKodu {
    width: 100%
}

.btn.btn-primary {
    width: 100%;
    border-radius: 3px;
    background-color: #0e3c60 !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.iletisim .w-100 {
    margin-top: 10px!important;
    float: left
}

.btn.btn-primary:hover {
    background: #2a2a2a!important
}

.iletisimBot>a:hover {
    color: #d7d7d7
}

#adresKart2 {
    background: #0e3c60
}

#adresKart2 h3 {
    color: #0e3c60
}

#adresKart2 .vm i {
    color: #0e3c60
}

#adresKart2 a.blue-border-btn {
    border-color: #0e3c60;
    color: #0e3c60
}

#adresKart2 a.blue-border-btn:hover {
    background: #0e3c60
}

#adresKart2 .vm a:hover {
    color: #0e3c60
}

#adresKart2 .iletisimBot>a:hover {
    color: #0e3c60
}

.backgrounds {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.back {
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 9
}

a.proje-item {
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .56;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0
}

.filtr-item {
    padding: 0;
    border-top: 1px solid rgba(131, 145, 159, .15);
    position: relative
}

section.page.uygulamalar {
    overflow: hidden;
    position: relative;
    padding-top: 158px;
    min-height: 100vh
}

.filtr-container {
    margin-top: 100px;
    position: relative
}

.uygulamalar .filtr-item:last-child {
    border-color: rgba(131, 145, 159, .15)
}

a.proje-item i:before {
    color: #fff;
    font-size: 27px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

a.proje-item i {
    line-height: normal;
    top: -9px;
    position: relative;
    margin-right: 18px
}

.main-footer-text p {
    font-size: 20px;
    margin-bottom: 0;
    padding: 40px 0;
}

.main-footer-text h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.main-footer-text {
    padding: 30px 0;
    display: none;
}

footer.footer-menu {
    z-index: 99;
    position: relative
}
footer.main-footer .copyright .arrow {
    display: block;
}
footer .copyright .arrow {
    width: 10px;
    margin-right: 10px;
    transform: rotate(0);
    transition: 0.4s;
    display: none;
}

footer.mian-footer .copyright .arrow {
    display: block;
}

footer .copyright .arrow.active {
    transform: rotate(180deg);
}

footer .copyright .arrow svg {
    fill: #a8afc4;
}

.filtr-item:before {
    content: "";
    position: absolute;
    left: -5000px;
    width: 5000px;
    top: -1px;
    bottom: -1px;
    border: 1px solid rgba(131, 145, 159, .15);
    border-right: 0;
    border-left: 0
}

.filtr-item:after {
    content: "";
    position: absolute;
    right: -5000px;
    width: 5000px;
    top: -1px;
    bottom: -1px;
    border: 1px solid rgba(131, 145, 159, .15);
    border-right: 0;
    border-left: 0
}

.filtr-item:last-child {
    border-bottom: 1px solid #a8dce6
}

a.proje-item:hover i:before {
    color: #a8dce6
}

.back2 {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    height: 100%
}

.backItems {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: 0;
    visibility: visible;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    bottom: 0;
    background-image: -webkit-linear-gradient(332deg, #0e3c60, #126891 42%, #0e3c60);
    background-image: -o-linear-gradient(332deg, #0e3c60, #126891 42%, #0e3c60);
    background-image: linear-gradient(118deg, #0e3c60, #126891 42%, #0e3c60)
}

.backgrounds.active .back {
    opacity: 0;
    visibility: hidden
}

.backgrounds.active .backItems {
    opacity: 1;
    visibility: visible
}

.backgrounds.active .back2 {
    opacity: .4
}

a.proje-item:hover {
    color: #a8dce6;
    padding-left: 30px
}

header.blueHeader:before {
    height: 130px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0e3c60), to(rgba(19, 65, 111, 0)));
    background-image: -webkit-linear-gradient(top, #0e3c60, rgba(19, 65, 111, 0));
    background-image: -o-linear-gradient(top, #0e3c60, rgba(19, 65, 111, 0));
    background-image: linear-gradient(to bottom, #0e3c60, rgba(19, 65, 111, 0))
}

header.blueHeader.fixHeader:before {
    opacity: 0
}

header.blueHeader.fixHeader {
    background: #214568
}

header.blueHeader.fixHeader .alt-bar {
    padding: 20px 0
}

.pageContent ul li:before {
    content: "*"
}

.pageAlbum.uygulamaGoruntuleri .albumHakkinda {
    width: 255px;
    padding-right: 20px
}

.about-album .albumSlide {
    display: flex;
    align-items: center;
}

.about-album .albumSlide-vidoe-item {
    min-width: 280px;
    height: 235px;
    margin-left: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.about-album .albumSlide-vidoe-item:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #0e3c60;pointer-events: none;opacity: 0.7;transition: 0.4s;}

.about-album .albumSlide-vidoe-item a {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-album .albumSlide-vidoe-item a svg {
    width: 60px;
    height: 60px;
    fill: #ffffff;
    transition: 0.4s;
}

.about-album .albumSlide-vidoe-item a:hover svg {
    transform: scale(1.1);
}

.about-album .albumSlide-vidoe-item:hover:before {
    opacity: 0.8;
}

.uygulamaGoruntuleri .albumSlide {
    width: calc(100% - 255px);
}

.albumPagi .swiper-button-next:hover i:before,
.albumPagi .swiper-button-prev:hover i:before {
    color: #2e527a
}

.albumPagi .swiper-button-next i:before,
.albumPagi .swiper-button-prev i:before {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.uygulamaGoruntuleri h3 {
    font-size: 30px!important
}

.projeler .filtr-item {
    width: 33.33%;
    height: 28.33vh;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow: hidden;
    border: 1px solid rgba(131, 145, 159, .25)
}

.filtr-container.projeler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    width: 100%
}

.projeler .filtr-item a {
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: right;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.projeler .filtr-item:before {
    display: none
}

.projeler .filtr-item:after {
    display: none
}

.projeler .filtr-item:nth-child(3n),
.projeler .filtr-item:nth-child(3n-1) {
    border-left: 0!important
}

.projeler .filtr-item {
    border-bottom: 0!important
}

.projeler .filtr-item:nth-last-child(1),
.projeler .filtr-item:nth-last-child(2),
.projeler .filtr-item:nth-last-child(3) {
    border-bottom: solid 1px rgba(50, 85, 121, .44)!important
}

.projeler .filtr-item:nth-child(3n-2) {
    border-left: 0
}

section.page.uygulamalar.projects {
    padding-bottom: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-start
}

.filtr-container.projeler {
    margin: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.projeler .filtr-item a {
    padding-right: 30px
}

.projeler .filtr-item:hover {
    background: #0e3c60
}

.projeler .filtr-item:hover a {
    color: #0e3c60
}

.projeler .filtr-item a span {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    margin-top: 25px;
    position: absolute;
    bottom: -30px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.projeler .filtr-item a span i:before {
    font-size: 13px;
    color: #fff
}

.projeler .filtr-item a span i {
    top: 1px;
    margin: 0;
    margin-left: 10px
}

.projeler .filtr-item a:hover {
    padding-bottom: 80px
}

.projeler .filtr-item a:hover span {
    bottom: 35px;
    color: #fff
}

.ic-slide a {
    height: 645px;
    display: block;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.littleBg {
    height: 173px;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    opacity: .64;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer
}

.tum {
    position: relative;
    width: 87%;
    margin: 20px auto
}

.swiper-slide-container {
    background: #0e416f
}

.swiper-slide.swiper-slide-active .swiper-slide-container .littleBg {
    opacity: 1
}

.swiper-slide-container:hover .littleBg {
    opacity: 1
}

.kapsa {
    position: absolute;
    left: calc(-12% + 27px);
    top: 50%;
    right: calc(-12% + 27px)
}

.kapsa i:before {
    font-size: 33px;
    color: #a4a5ac;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.kapsa .swiper-button-next:hover i:before,
.kapsa .swiper-button-prev:hover i:before {
    color: #163f6b
}

.tum.smallSlide .kapsa {
    display: none
}

.tum.smallSlide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.oneSlide .gallery-thumbs {
    display: none
}

.projeBaslik ul li {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #0e3c60;
    text-align: center;
    padding: 22px 0;
    border: solid 1px #cfd8e2;
    width: 100%
}

.projeBaslik ul li strong {
    font-weight: 700;
    color: #0e3c60;
    font-size:15px;
    line-height:17px;
}

.projeBaslik ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.projeBaslik ul li {
    text-align: center
}

section.page.projeGaleri {
    padding-bottom: 30px
}

.projeBilgiList ul li {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #0e2e4e;
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.projeBilgiList ul li {
    border: 1px solid #cfd8e2;
    border-bottom: 0
}

.projeBilgiList ul li:first-child {
    border-top: 0
}

.projeBilgiList {
    margin-bottom: 60px;
    border-bottom: 1px solid #cfd8e2
}

.projeBilgiList ul li:before {
    content: "";
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #11afd2;
    display: inline-block;
    margin-right: 10px
}

.navbar-nav li a svg {
    position: absolute;
    left: 50%;
    margin-left: -6.5px;
    top: -18px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    height:25px;
    visibility: hidden
}

.navbar-nav li a i:before {
    color: #0e3c60
}

.navbar-nav>li.active>a {
    color: #d7d7d7
}

.navbar-nav li a:hover i {
    opacity: 1;
    visibility: visible
}

.navbar-nav li ul:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    top: 33px;
    background: #d7d7d7;
    height: 1px;
    margin-right: 30px
}

.menu ul li ul li+li {
    padding-left: 15px!important
}

.navbar-nav>li:nth-child(2) ul:before,
.navbar-nav>li:nth-child(4) ul:before {
    width: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.navbar-nav>li:nth-child(2).active ul:before {
    width: 34%
}

.navbar-nav>li:nth-child(2) ul li:nth-child(1) {
    padding-left: 38%
}

.navbar-nav>li:nth-child(4).active ul:before {
    width: 12%
}

.navbar-nav>li:nth-child(4) ul li:nth-child(1) {
    padding-left: 14%
}

.navbar-nav>li.active>a i {
    opacity: 1;
    visibility: visible
}

.navbar-nav li ul li a:hover {
    color: #d7d7d7
}

.fluActive .main-slide .swiper-slide .slideBg {
    opacity: .3
}

.fluActive .main-slide .swiper-slide {
    background-image: -webkit-linear-gradient(332deg, #000, #000 42%, #000);
    background-image: -o-linear-gradient(332deg, #000, #000 42%, #000);
    background-image: linear-gradient(118deg, #000, #000 42%, #000)
}

.fluActive .slider-content {
    opacity: .5
}

.fluActive .logo {
    opacity: .45
}

.fluActive header:before {
    opacity: .6!important
}

.fluActive .language {
    opacity: .5
}

.fluActive .container2 {
    opacity: .5
}

.slider .swiper-pagination-bullet {
    text-indent: -60px;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    text-align: left;
    color: #fff;
    -webkit-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
    position: relative;
    background: #fff
}

.slider .swiper-pagination-bullet i:before {
    content: "";
    position: absolute;
    left: -35px;
    width: 0;
    background: #fff;
    height: 1px;
    top: 7px;
    opacity: 1;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.slider .swiper-pagination-bullet-active i:before {
    width: 30px;
    -webkit-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    transition: all 6s ease-out
}

.slider .swiper-pagination-bullet i:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    border-radius: 100px;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    opacity: 0
}

.slider .swiper-pagination-bullet-active i:after {
    opacity: 1;
    background: #fff;
    -webkit-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    transition: all 6s ease-out
}

.hamburger-menu {
    display: none;
    width: 30px;
    height: 22px;
    top: 37px;
    right: 30px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    transition: 0.4s;
    cursor: pointer;
    z-index: 999999;
}

.mobile-menu>ul>li:hover {
    padding-left: 20px
}

.mobile-menu>ul>li:hover a {
    color: #fff
}

.hamburger-menu span {
    display: block;
    height: 4px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    position: absolute
}

.mobile-menu-active .hamburger-menu span:nth-child(1),
.mobile-menu-active .hamburger-menu span:nth-child(4) {
    width: 0%;
    left: 50%;
    top: 18px
}

body.mobile-menu-active .hamburger-menu span {
    background: #1b75bc
}

.hamburger-menu span:nth-child(1) {
    top: 0
}

.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {
    top: 9px
}

.hamburger-menu span:nth-child(4) {
    top: 18px
}

.mobile-menu-active .hamburger-menu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.mobile-menu-active .hamburger-menu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.mobile-menu {
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    padding: 10px 25px;
    overflow-y: auto;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(19, 65, 111, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(19, 65, 111, 1)), color-stop(100%, rgba(19, 65, 111, .8)));
    background: -webkit-linear-gradient(top, rgba(19, 65, 111, 1) 0, rgba(19, 65, 111, .8) 100%);
    background: -o-linear-gradient(top, rgba(19, 65, 111, 1) 0, rgba(19, 65, 111, .8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 65, 111, 1)), to(rgba(19, 65, 111, .8)));
    background: linear-gradient(to bottom, rgba(19, 65, 111, 1) 0, rgba(19, 65, 111, .8) 100%);
    transition: all .5s ease;
    position: fixed;
    display: none
}

.mobile-menu-active .mobile-menu {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.egitimForm .w-120 .w-50:first-child,
.file ul li img,
.sanalForm .w-120 .w-50:first-child,
section.customerService {
    overflow: hidden
}

.mobile-menu h3 {
    margin: 0;
    color: #fff;
    padding: 10px 0 0;
    font-size: 19px
}

.mobile-menu>ul,
.mobile-menu>ul>li>ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.mobile-menu h3.menu-name:before {
    content: "\f104";
    font-family: FontAwesome;
    cursor: pointer;
    margin-right: 5px
}

.mobile-menu .rtl {
    left: 100%;
    opacity: 1;
    visibility: visible
}

.mobile-menu .ltl {
    left: -100%
}

.mobile-menu>ul {
    padding: 40px 25px;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.mobile-menu>ul>li,
.tesekkurler {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.mobile-menu>ul>li {
    list-style: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn-save,
.mobile-menu>ul>li>ul {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease
}

.mobile-menu>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    position: relative;
    font-weight: 600;
    text-transform: uppercase
}

.mobile-menu>ul>li>a>i:Before {
    font-size: 15px
}

.mobile-menu>ul>li>a>svg {
    margin-right: 0;
    width: 25px;
    height:20px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    fill: #ffffff;
    margin-top: -9px
}

.mobile-menu>ul>li:last-child > a {
    border: 0
}

.mobile-menu>ul>li>ul {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 35px 25px
}

.mobile-menu>ul>li>ul>li>a>i,
.mobile-menu>ul>li>ul>li>ul>li>a>i {
    margin-right: 5px;
    width: 25px;
    text-align: center
}

.mobile-menu>ul>li>ul>li>a {
    color: #fff!important;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    position: relative;
    font-weight: 600
}

.mobile-menu>ul>li>ul>li>ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-left: 40px;
    display: none
}

.mobile-menu>ul>li>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 15px
}

.fixedHamburger,
.mobilFirstItems,
.mobilGosterim,
.white-btn i {
    display: none
}

h3.gorunmez-baslik {
    display: none;
    opacity: 0;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    position: fixed;
    margin: 0;
    top: 14px;
    left: 20px;
    font-size: 17px!important;
    line-height: 29px;
    font-weight: 500;
    z-index: -1
}

.fixedHamburger.fixedHamburgerScr .hamburger-menu span,
.mobile-menu-active .fixedHamburger.fixedHamburgerScr .hamburger-menu span {
    background: #1b75bc
}

header.fixHeader {
    background: #0e3c60;
    -webkit-box-shadow: 1px 1px 11px rgba(255, 255, 255, .19);
    box-shadow: 1px 1px 11px rgba(255, 255, 255, .19);
}

header.fixHeader .alt-bar {
    padding: 20px 0
}

body.headerFix.fluActive .alt-bar.acilirActive {
    padding-bottom: 55px
}

header.indHeader.fixHeader {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

header.indHeader.fixHeader .alt-bar {
    padding: 0
}

.projeBaslik+.projeBaslik {
    margin-top: 15px
}

.page-item.active .page-link {
    color: #fff;
    background-color: rgba(19, 65, 110, .5);
    border-color: rgba(19, 65, 110, .5)
}

.page-item.active .page-link:hover {
    color: #0d2e4f;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.page-link {
    font-weight: 900;
    padding: .8rem 1rem;
    color: #96c9ff;
    background-color: rgba(21, 93, 115, .5);
    border: 1px solid rgba(21, 93, 115, .5)
}

.min100h {
    min-height: 100vh
}

.fancybox-bg {
    background: #062e56
}

.fancybox-is-open .fancybox-bg {
    opacity: .94
}

.fancybox-caption {
    text-align: center
}

.fancybox-image,
.fancybox-spaceball {
    -webkit-box-shadow: 0 13px 40px rgba(0, 0, 0, .7);
    box-shadow: 0 13px 40px rgba(0, 0, 0, .7)
}

.fancybox-caption:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.project-loading {
    height: 15vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
    position: relative;
    background: #214568;
    z-index: 9;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.bankaAltText {
    width: 100%;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.bankaAltText span {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #0e2e4e;
    padding: 12px 20px;
    display: block
}

.bankaAltText h3 {
    font-size: 17px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #0e2e4e;
    padding: 12px 20px
}

.slider .swiper-pagination-bullet.sifir:before {
    content: "0"
}

.belgeler li a img {
    width: 45px;
    margin-right: 30px
}

.belgeler li a:hover {
    color: #0e3c60
}

.projeler .filtr-item.hover-active a {
    padding-bottom: 80px;
}

.projeler .filtr-item.hover-active a span {
    bottom: 35px;
    color: #fff;
}

.projeler .filtr-item.hover-active {
    background: #0e3c60;
}

.projeler .filtr-item.hover-active a {
    color: #0e3c60;
}

section.page.projeGaleri .back-btn {
    display: none;
}
.ic-slide a svg {
    width: 90px;
    height: 90px;
    background: #0e3c60;
    padding: 27px;
    border-radius: 34px;
    transition: .4s;
    fill: #fff;
}

.ic-slide a:hover svg {
    transform: scale(1.2);
}
@media only screen and (max-width: 767px){
    .ic-slide a svg {
    transform: scale(0.6);
}

.ic-slide a:hover svg {
    transform: scale(0.8);
}
}
.img-wrap {
    height: 245px;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto 10px;
    border-radius: 15px;
}
.img-wrap:before {
    display: block;
    opacity: 0.8;
    transition: 0.3s ease-out;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background-image: linear-gradient(to top, #000, transparent);
    z-index: 1;
}
.location_wrap_content {
    position: absolute;
    z-index: 1;
    padding: 1rem 0.7rem;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
}
.location_wrap_content_first {
    flex: 1;
}
.location_wrap_content h4 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0px;
    width: auto;
}
.location_wrap_content span {
    font-size: 14px;
    color: #fff;
}
.location_btn {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    font-size: 15px;
    color: #ffffff;
    border-radius: 50%;
}
.location_btn svg{
   fill:#ffffff;
   height:15px;
}
.img-wrap-background {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    transition: all 0.55s;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform 0.35s ease-out;
}
@media only screen and (max-width:991px){
    .headerFix .hamburger-menu span {
        background: #2a2a2a;
    }
   
    .img-wrap {
        height: 175px;
        display: inline-block;
        position: relative;
        width: 100%;
        overflow: hidden;
        z-index: 1;
        margin: 0 auto 10px;
        border-radius: 15px;
    }
    .location_wrap_content h4 {
        font-size: 15px;
        line-height: 19px;
        font-weight: 600;
        color: #ffffff;
        margin: 0px;
        width: auto;
    }
}
.referanslar-section{
    padding-bottom:45px;
}
.projeSlider .swiper-button-next svg {
    fill: #2a2a2a;
    width: 25px;
    height: 25px;
}
.projeSlider .swiper-button-prev svg {
    transform: rotate(180deg);
    fill: #2a2a2a;
    width: 25px;
    height: 25px;
}
.svg-adres svg {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
    transition: .4s;
}
.svg-eposta svg *{
    fill: transparent;
    height: auto;
    width: 23px;
    stroke: #fff;
    transition: .3s;
}
.iletisim-bilgileri .vm svg{
    margin-top:5px;
}
.katalog-section{
    padding:50px 0;
}
.katalog-btn {
    padding: 25px;
    border: 1px solid #e1e1e1;
    border-radius: 7px;
    color: #2a2a2a;
    width: 100%;
    display: block;
    font-size:18px;
    font-weight:600;
    text-align: center;
}
.katalog-btn:hover {
    color: #2a2a2a;
}
.katalog-btn img{
    height:55px;
    padding-right:10px;
}