header {
    position: inherit;
    background: #eee;
}

.logo {
    margin-top: 0.4rem;
}

.sayfa-sag-ic h1,
.sayfa-sag-ic h2,
.sayfa-sag-ic h3,
.sayfa-sag-ic h4,
.sayfa-sag-ic h5,
.sayfa-sag-ic h6 {
    color: #333;
    margin: 1rem 0 .4rem 0;
    font-weight: 600;
    text-align: left
}

.sayfa-sag-ic h2 {
    font-size: 1.6rem
}

.sayfa-sag-ic h4 {
    font-size: 1.3rem;
    font-weight: 600
}

.ssec {
    padding: 2rem 0
}

.sayfa {
    position: fixed;
    width: 100%;
    height: 9.3rem;
    margin-top: -9.3rem;
    background: url(img/sayfabg.webp);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important
}

.manset-sayfa {
    width: 100%;
    background: var(--renk1);
    opacity: .9;
}

.manset-sayfa-yazi {
    max-width: 75rem;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
    padding: 0 1.5rem 0 1.3rem
}

.slogan-sol {
    width: 50%;
    text-align: left;
}

.slogan-sol-ic {
    color: #fff;
    font-size: 1.2rem;
    align-self: flex-end;
    margin-bottom: 0;
    margin-top: 1.1rem;
    font-weight: 500;
}

.myazi1ek {
    margin: 1rem 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
}

.myazi3ek {
    font-weight: 700;
    color: #fff;
    max-width: none;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.slogan-sag {
    width: 50%;
    text-align: right
}

.bread {
    max-width: 100%;
    background-color: #f5f5f5
}

.bread-ic {
    max-width: 70rem;
    font-size: .8rem;
    color: #fff9;
    transition: all .3s
}

.bread-ic a {
    color: #fff6;
    transition: all .3s
}

.bread-ic:hover a {
    color: #fff9
}

.bread-ic:hover {
    color: #fff
}

.sayfa-govde {
    display: table;
    flex-wrap: wrap;
    max-width: 75rem;
    margin: auto;
    padding: 1.5rem
}

.sayfa1 {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    float: right
}

.sayfa2 {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    float: left
}

.sayfa-sag-ic {
    width: 100%;
    padding: 0 1.5rem;
    margin-bottom: .5rem;
    text-align: justify;
    font-size: 0.875rem;
    line-height: 1.7;
}

.sayfa-sag-ic h3 {
    font-size: 1.3rem
}

.sayfa-sag-ic p {
    color: #333;
    margin-bottom: .4rem
}

.sayfa-sag-ic img {
    float: right;
    margin: .5rem 0 .5rem 1rem;
    max-width: 100%
}

.sayfa-sag-ic em {
    margin: .5rem .6rem 0 0;
    color: #333;
    font-weight: 600;
    font-size: 1rem
}

.sayfa-sag-ic h3 em {
    font-size: 1.1rem
}

.sayfa-sag-ic a {
    font-weight: 700;
    color: #222222;
    transition: all .3s
}

.sayfa-sag-ic a:hover {
    color: #008dd2
}

.sayfa-sag-ic ul {
    margin: 1.3rem 1.2rem;
    padding: 0;
    list-style: circle;
}

.sayfa-sag-ic ul li {
    margin: 0;
    transition: all .3s;
    transition: background-color 2s ease-out;
    border-radius: .3rem;
    margin-bottom: .6rem
}

.bza1 {
    font-size: 1.3rem;
    font-weight: 600;
}

.bza2 {
    font-size: 1.8rem;
}

.bza3 {
    font-size: 0.875rem;
}

.biziarayin {
    background: #d01f2e;
    color: #fff;
    padding: 2rem;
    font-size: 1.2rem;
    border-radius: .5rem;
    transition: all .3s;
    margin: 1rem 0;
    background: linear-gradient(-45deg, #d01f2e, #23a6d5, #d01f2e, #d01f2e);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    text-align: center
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

.biziarayin:hover {
    box-shadow: 0 .65rem .65rem 0 rgba(0, 0, 0, .205)
}

.biziarayin:hover .phonebtn {
    font-size: 1.4rem;
    box-shadow: 0 .75rem .75rem 0 rgba(0, 0, 0, .377)
}

.biziarayin:hover a {
    font-size: 1.4rem;
    color: #fff
}

.biziarayin p {
    color: #fff
}

.biziarayin a {
    color: #fff
}

.phonebtn {
    background-color: #fff;
    border: solid .1rem #fff;
    padding: .3rem 1rem;
    border-radius: .3rem;
    color: #d01f2e!important;
    margin-top: .5rem;
    display: inline-table
}

.size-full {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

.ustb {
    padding-top: 2rem
}

.ustb2 {
    margin-top: .8rem
}

.uzmn-sor {
    font-size: 1.7rem;
    color: #222;
    font-weight: 700;
    float: left
}

.uzmn-sor span {
    color: #2060ab;
    font-size: 3.2rem;
    margin-top: -1.3rem;
    margin-bottom: -1rem;
    display: block
}

.uzmn-icon {
    width: 4.5rem;
    margin-left: 1rem;
    margin-top: .5rem;
    margin-bottom: -.5rem;
    float: right
}

.yorum {
    background: #efefef;
    padding: 0 0 1.5rem 0;
    border-radius: 0.2rem;
}

.yorum-bslk {
    width: 100%;
    margin: 0 .5rem .5rem .5rem!important;
    font-size: 1.3rem!important;
    color: #999!important;
    text-align: center;
    font-weight: 600
}

.yorum-bslk span {
    color: #333
}

.yorumlar {
    margin-top: 2rem;
    background: #efefef;
    padding: .5rem 1.5rem 1.5rem 1.5rem;
    border-radius: 2rem 0 2rem 0
}

.yorumlar-cont {
    margin: auto
}

.yorumlar span {
    color: #d01f2e
}

.yrm-ust {
    width: 100%;
    margin-bottom: .7rem;
    margin-top: .5rem
}

.yrm-ic {
    display: flex;
    background-color: #fff;
    padding: 1rem;
    border-radius: .3rem
}

.yrm-ic-sag {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.yrm-avatar {
    float: left!important;
    margin: 0!important;
    margin-right: 1rem!important;
    max-width: none!important;
    width: 6rem;
    border-radius: .2em
}

.yrm-bsk {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: .3rem
}

.yrm-yazi {
    width: 100%;
    border-bottom: solid .1rem #eee;
    padding-bottom: .5rem;
    margin-bottom: .3rem
}

.yrm-ism {
    width: 50%
}

.yrm-cvp {
    display: none;
    width: 50%;
    text-align: right
}

.yrm-link {
    width: 100%
}

.yrm-ic-ice {
    display: flex;
    background-color: #ffe1e1;
    padding: 1rem;
    border-radius: .3rem;
    margin-left: 4rem
}

.yrm-yazi-ic {
    width: 100%;
    border-bottom: solid .1rem #ffbfbf;
    padding-bottom: .5rem;
    margin-bottom: .3rem
}

.form-control2 {
    margin: .4rem;
    transition: all .3s
}

.form-control2[type=email],
.form-control2[type=text],
input[type=date],
input[type=datetime-local],
select,
textarea {
    width: 100%;
    padding: .6rem .7rem;
    border: none;
    border-radius: .2rem;
    border: solid .15rem #ebebeb;
    resize: vertical;
    font-size: .9rem;
    transition: all .3s;
    background-color: #fefefe!important;
    color: #444;
    font-family: 'Poppins', sans-serif
}

.form-control2:hover[type=email],
.form-control2:hover[type=text],
input[type=date],
input[type=datetime-local],
select {
    box-shadow: 0 .2rem 1rem .5rem rgba(168, 168, 168, .233)!important;
    border: solid .15rem #d8d8d8;
    background-color: #fff
}

.form-control2:focus[type=email],
.form-control2:focus[type=text],
input[type=date],
input[type=datetime-local],
select {
    outline: 0
}

.form-control2::placeholder {
    color: #666
}

.form-control2:focus {
    outline: 0
}

.form-control2:hover {
    box-shadow: 0 .2rem 1.5rem .6rem rgba(168, 168, 168, .233)!important;
    border: solid .15rem #dfdfdf;
    background-color: #fff
}

.form-control2::placeholder {
    color: #a8a8a8
}

.select2 {
    width: 100%
}

.adresalt {
    width: 100%;
    padding: 0 .8rem 0 0
}

.gonderr2 {
    margin: .6rem;
    padding: .5rem 1rem .5rem 1rem;
    background-color: var(--renk1);
    border-radius: .1rem;
    color: #fff!important;
    font-weight: 600!important;
    text-align: center;
    border: none;
    transition: all .3s;
    font-family: 'Poppins', sans-serif
}

.gonderr2:hover {
    background-color: #0009;
    color: #fff!important;
}

.gonderr2 button:focus {
    outline: 0
}

.formmesaji {
    padding: .5rem 1rem;
    background: #ddd;
    width: 100%;
    margin: .5rem;
    border-radius: .3rem
}

.msjek {
    margin: .2rem 0 -.2rem 0!important;
    padding: .5rem 1rem!important;
    border-radius: 0!important;
    width: auto!important
}

.hbr-baslikek {
    margin: 1rem 1.5rem 1rem 1.5rem;
}

.hbr-baslikek span {
    margin-top: -2.8rem;
}

.anket {
    margin: .2rem 0 0 0!important
}

.anket li {
    margin-bottom: 0!important;
    border-radius: 0!important;
    border-bottom: solid .03rem #ccc!important;
    transition: background-color .5s ease-out!important
}

.anket li:hover {
    background-color: #0a9538!important
}

.btnmvi {
    margin: 0!important;
    display: block;
    width: 100%;
    border-radius: 0 0 .4rem .4rem;
    padding: .5rem 0!important
}

.hatali {
    background-color: #d01f2e;
    color: #fff
}

.kabulbu {
    background-color: #008a29;
    color: #fff
}

.formbu {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.asagiok {
    display: table;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

.asagiok:after,
.asagiok:before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: .3rem solid #fff;
    border-right: .3rem solid #fff;
    border-color: #4771a9
}

.asagiok:before {
    -webkit-animation: down-arrow-before 2.6s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: down-arrow-before 2.6s cubic-bezier(.77, 0, .175, 1) infinite
}

.asagiok:after {
    -webkit-animation: down-arrow-after 2.6s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: down-arrow-after 2.6s cubic-bezier(.77, 0, .175, 1) infinite
}

@keyframes down-arrow-before {
    100%,
    50% {
        -webkit-transform: rotate(45deg) translate(70%, 70%);
        transform: rotate(45deg) translate(70%, 70%)
    }
}

@keyframes down-arrow-after {
    50% {
        -webkit-transform: rotate(45deg) translate(110%, 110%);
        transform: rotate(45deg) translate(110%, 110%);
        opacity: 0
    }
    51% {
        -webkit-transform: rotate(45deg) translate(-130%, -130%);
        transform: rotate(45deg) translate(-130%, -130%)
    }
    100% {
        -webkit-transform: rotate(45deg) translate(-70%, -70%);
        transform: rotate(45deg) translate(-70%, -70%);
        opacity: 1
    }
}

.kutu-bilgi {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    margin-bottom: .7rem;
    border-bottom: solid .05rem #eee;
    margin-top: -.3rem
}

.sayfa-bilgi {
    width: 50%
}

.bilgi-ic {
    font-size: .8rem;
    padding: .3rem .1rem;
    border-radius: .1rem;
    width: 100%;
    color: #666
}

.bilgi-ic-alt {
    font-size: .85rem;
    width: 100%;
    color: #333;
    transition: all .3s;
    margin: 1rem 0
}

.bilgi-ic-alt a {
    color: #333;
    font-weight: 400;
    background-color: #eee;
    padding: .1rem .4rem .1rem .4rem;
    font-size: .75rem;
    border-radius: .2rem;
    margin: .2rem .1rem;
    display: inline-block;
    border-bottom: solid .1rem #ddd
}

.bilgi-ic-alt a:hover {
    background-color: #d01f2e;
    color: #fff
}

.benzer-dis {
    display: flex;
    flex-wrap: wrap;
    width: 33.33%;
    transition: all .3s ease-in-out
}

.benzer {
    width: 100%;
    margin: 1rem .75rem;
    float: left;
    box-shadow: 0 .2rem 2rem 0 rgba(0, 0, 0, .09);
    transition: all .3s;
    overflow: hidden;
    border-radius: .5rem
}

.benzer-res {
    border-bottom: .33rem solid #444;
    width: 100%;
    transition: all .3s
}

.benzer-dty {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 1rem .5rem 1rem
}

.benzer-b {
    width: 100%;
    transition: all .3s;
    font-size: 1.2rem!important;
    margin: 0!important;
    font-weight: 600!important
}

.benzer:hover .benzer-b {
    font-size: 1.3rem!important;
    color: #d01f2e
}

.benzer:hover .benzer-btn {
    font-size: .8rem!important
}

.benzer:hover .benzer-res {
    border-bottom: .33rem solid #d01f2e
}

.benzer-btn {
    text-align: left!important;
    color: #555!important;
    width: 100%;
    margin-bottom: .3rem;
    transition: all .3s;
    font-size: .9rem!important;
    font-weight: 400!important
}

.paylas {
    display: inline;
    padding: .3rem .6rem .4rem .6rem;
    font-size: .8rem;
    border-radius: .1rem;
    transition: all .3s;
    margin-right: .5rem
}

.paylas a {
    color: #fff;
    font-weight: 400;
    width: 4.4rem;
    text-align: center
}

.paylas a:hover {
    color: #fff
}

.pyls {
    vertical-align: middle;
    width: 1.2rem;
    height: 1.1rem;
    margin-top: -.15rem;
    filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(235deg) brightness(104%) contrast(103%);
}

.pyls:hover {
    filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(235deg) brightness(104%) contrast(103%);
}

.face-pyls {
    background-color: #38559c
}

.face-pyls:hover {
    background-color: #284283;
    box-shadow: 0 .5rem 1.5rem .3rem rgba(129, 129, 129, .233)!important
}

.tweet-pyls {
    background-color: #00aaf3
}

.tweet-pyls:hover {
    background-color: #0377a8;
    box-shadow: 0 .5rem 1.5rem .3rem rgba(19, 105, 144, .233)!important
}

.whatsapp-pyls {
    background-color: #1bd741
}

.whatsapp-pyls:hover {
    background-color: #16be37;
    box-shadow: 0 .5rem 1.5rem .3rem rgba(6, 240, 25, .233)!important
}

.fa-whatsapp {
    background-image: url(img/whatsapp.svg)
}

.sidebar-arayin {
    padding: 1.5rem;
    background-color: #333;
    border-radius: .2rem;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2rem;
    transition: all .4s;
    margin-bottom: 1rem;
    border-bottom: solid .5rem #555
}

.sidebar-arayin:hover {
    margin-top: -1rem;
    margin-bottom: 3.2rem;
    background-color: #d01f2e;
    box-shadow: 0 2rem 2rem #e6baba;
    border-bottom: solid .5rem #6e0d15
}

.sdbrbtn {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    background-color: #fff;
    padding: .4rem 1rem .5rem 1rem;
    margin-top: 1rem;
    border-radius: .3rem;
    color: #333!important;
    transition: all .3s
}

.farenk1 {
    height: 1.2rem;
    vertical-align: middle;
    transition: all .4s;
    filter: invert(15%) sepia(43%) saturate(7500%) hue-rotate(346deg) brightness(100%) contrast(87%)
}

.krmsl-bas {
    background-color: #333;
    color: #fff;
    font-size: 1rem;
    padding: .5rem .5rem .4rem 1rem;
    border-radius: .5rem .5rem 0 0;
    border-bottom: solid .2rem #d3d3d3;
    display: flex
}

.krmsl-bas span {
    font-size: 1.1rem;
    font-weight: 600
}

.krmslmenu {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: .5rem;
    border-bottom: solid .25rem #d3d3d3;
    background-color: #f3f3f3;
    transition: all .3s
}

.krmslmenu:hover {
    box-shadow: 0 2rem 2rem #dbdbdb
}

.hareketli {
    width: 100%;
    margin-bottom: 1rem;
    padding: .7rem 1.3rem 1rem 1rem;
    border-radius: .2rem;
    border-bottom: solid .2rem #d3d3d3;
    background-color: #f1f1f1;
    transition: all .3s
}

.hareketli:hover {
    box-shadow: 0 2rem 2rem #dbdbdb
}

.hrk-bas {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: .2rem
}

.hrk-bas span {
    font-weight: 700;
    color: #2060ab
}

.hrk-yazi {
    font-size: .9rem;
    line-height: 1.2rem
}

.hrk-icon {
    width: 3.6rem;
    height: 3.5rem;
    float: left;
    margin-right: .7rem
}

.hareketli2 {
    width: 100%;
    margin-bottom: 1rem;
    padding: .8rem 1.3rem .5rem 1rem;
    border-radius: .5rem;
    border-bottom: solid .2rem #ec9100;
    background-color: #fb0;
    transition: all .3s
}

.hareketli2:hover {
    box-shadow: 0 2rem 2rem #ffd154b4;
    background-color: #ffcc41
}

.hrk2-bas {
    font-size: 1.46rem;
    transition: all .3s;
    letter-spacing: -.04rem;
    color: #222
}

.hrk2-bas span {
    font-weight: 700;
    color: #d01f2e
}

.hrk2a-bas {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .2rem;
    transition: all .3s;
    margin-top: -.3rem;
    letter-spacing: -.04rem;
    color: #222
}

.hrk2-icon {
    width: 3.3rem;
    height: 4.3rem;
    float: left;
    margin-right: .9rem;
    margin-left: .2rem
}

.hareketli3 {
    width: 100%;
    margin-bottom: 1rem;
    padding: .8rem 1.3rem .5rem 1rem;
    border-radius: .5rem;
    border-bottom: solid .2rem #0a5b8a52;
    background-color: #0082ce;
    transition: all .3s
}

.hareketli3:hover {
    box-shadow: 0 2rem 2rem #b1e2ff;
    background-color: #2ea9f0
}

.hrk3-bas {
    font-size: 1.2rem;
    transition: all .3s;
    letter-spacing: -.04rem;
    color: #d2e7ff;
    margin-bottom: .2rem
}

.hrk3-bas span {
    font-weight: 700;
    color: #fff
}

.hrk3a-bas {
    font-size: 1.2rem;
    margin-bottom: .4rem;
    transition: all .3s;
    margin-top: -.3rem;
    letter-spacing: -.04rem;
    color: #fff;
    line-height: 1.5rem
}

.hrk3-icon {
    width: 3.3rem;
    height: 5.5rem;
    float: left;
    margin-right: .9rem;
    margin-left: .2rem;
    filter: invert(98%) sepia(10%) saturate(10%) hue-rotate(266deg) brightness(116%) contrast(100%)
}

.hareketli4 {
    width: 100%;
    margin-bottom: 1rem;
    padding: .8rem 1.3rem .5rem 1rem;
    border-radius: .5rem;
    border-bottom: solid .2rem #921f29;
    background-color: #d01f2e;
    transition: all .3s
}

.hareketli4:hover {
    box-shadow: 0 2rem 2rem #ffd0d4;
    background-color: #e7404e
}

.hrk4-bas {
    font-size: 1.4rem;
    transition: all .3s;
    letter-spacing: -.04rem;
    color: #ffc0c5;
    margin-bottom: .2rem;
    line-height: 1.8rem
}

.hrk4-basek {
    font-size: 1.5rem
}

.hrk4-bas span {
    font-weight: 700;
    color: #fff
}

.hrk4a-bas {
    font-size: 1.4rem;
    transition: all .3s;
    letter-spacing: -.04rem;
    color: #d2e7ff;
    margin-bottom: .2rem;
    line-height: 1.7rem
}

.hrk4-icon {
    width: 3.6rem;
    height: 5.5rem;
    float: left;
    margin-right: .7rem;
    filter: invert(98%) sepia(10%) saturate(10%) hue-rotate(266deg) brightness(116%) contrast(100%)
}

.krmsl-icon {
    width: 2rem;
    height: 1.7rem
}

.krmsl-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.krmsl-menu li {
    display: block;
    font-size: 1.1rem;
    transition: all .3s;
    padding: .5rem 1rem;
    border-bottom: solid .09rem #ddd;
    border-left: solid 1.1rem #e6e6e6
}

.krmsl-menu li a {
    color: #2e2e2e;
    font-size: 0.875rem
}

.krmsl-menu li:hover {
    background-color: #e4e4e4;
    padding: .5rem 0 .5rem 1.3rem;
    font-weight: 700;
    border-left: solid 2.3rem #d4d4d4
}

.krmsl-menu li:hover a {
    color: #d01f2e
}

.flipbook {
    border: none;
    height: 60vh;
    width: 100%;
    padding: 2rem 0
}

.side-yatay {
    display: block;
    background-color: #f9f9f9;
    padding: 2rem 0 4rem 0
}

.side-uclu {
    display: flex;
    flex-wrap: wrap;
    width: 33.33%;
    transition: all .3s ease-in-out
}

.sidemar {
    margin: 1rem
}

.ekipek {
    padding: 1rem;
    background-color: #eee;
    text-align: center;
    margin: auto;
    margin: 1rem 1rem;
    border-radius: .5rem;
    transition: all .8s;
    border-bottom: .3rem solid #ccc
}

.ekipek:hover {
    box-shadow: 0 1.8rem 2rem .4rem rgba(184, 184, 184, .616)!important;
    border-bottom: .3rem solid #fff;
    background-color: var(--renk1)
}

.ekip-resimek {
    width: 6.2rem;
    border: solid .3rem #d8d8d8
}

.ekipek:hover .ekip-resimek {
    border: solid .3rem #fff;
    box-shadow: 0 0 .8rem .1rem rgba(255, 255, 255, .5)!important
}

.ekipek:hover .ekip-altek {
    text-shadow: none!important;
    font-weight: 600;
    color: #fff
}

.ekip-altek {
    color: #555;
    width: 100%;
    margin-right: 0;
    transition: all .3s
}

.logolar-ic img {
    max-width: 100%;
    max-height: 100%;
}

.foto-galeriek {
    border: solid .2rem #fff;
    height: 11.35rem
}

.foto-galeri-rsm {
    border-radius: .3rem
}

.foto-galeriek:hover {
    border: solid .2rem #fff;
    box-shadow: 0 .8rem 2rem .4rem #ddd!important
}

.sag-icek {
    display: flex;
    flex-wrap: wrap;
    padding: .4rem 1.5rem
}

.bot-rsm-ic {
    width: 100%;
    border-radius: .2rem;
    margin: 1.1rem 0 1rem 0!important
}

.hover16 {
    display: inline-block;
    background: var(--renk1);
    width: 100%;
    border-radius: .2rem;
}

.hover16 img {
    opacity: .8;
    transition: .3s ease-in-out;
    margin: 0 !important;
    border-radius: .2rem;
}

.hover16:hover img {
    opacity: 1;
}

.reklam {
    width: 20rem;
    background-color: #eee;
    padding: 2rem;
    border-radius: .5rem;
    margin: 0 0 1rem 1.5rem;
    float: right;
    text-align: center;
    box-shadow: 0 0 1rem .5rem #6b6b6b10;
    transition: all .3s
}

.reklam:hover {
    background-color: #4771a9;
    box-shadow: 0 0 1rem .5rem #eee
}

.reklam h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
    color: #4771a9!important;
    margin-bottom: 1rem!important;
    margin-top: 0!important
}

.reklam:hover h2 {
    color: #fff!important
}

.reklam:hover p {
    color: #fff!important
}

.reklam:hover .btn-ozl {
    background-color: #fff;
    color: #4771a9!important;
    border: solid .1rem #4771a9
}

.reklam p {
    color: #666!important;
    font-size: 0.8rem!important;
    line-height: 1.6!important;
    margin: 0!important;
    font-weight: 400!important;
    margin-bottom: 1.5rem!important
}

.reklam a {
    font-size: 1.2rem!important;
    color: #fff!important;
    display: block;
    font-weight: 600;
}

.reklam-icn {
    margin-top: -.2rem;
    margin-right: .3rem;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle
}

.galeriek {
    width: 29%;
    margin: .7rem;
    border-radius: .2rem;
    transition: all .3s;
    border: solid .2rem #f5f5f5
}

.galeriek:hover {
    border: solid .2rem #fff;
    box-shadow: 0 .8rem 2rem .4rem #cfcfcf!important
}

.sertifika-rsm {
    width: 100%
}

.srtbsk {
    margin-bottom: 3rem
}

.sosyalorta {
    width: 100%;
    text-align: center;
    margin-top: 2rem
}

.sayfa-baslik1 {
    font-size: 2rem!important;
    margin-bottom: 1rem!important;
    text-align: left
}

.hbrek {
    margin: .8rem
}

.hbrkat {
    margin: .2rem 1rem 2rem 1rem;
    width: 100%
}

.bilgisag {
    width: 100%;
    text-align: left;
    margin-top: 2rem
}

.ikiligrp {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    transition: all .3s ease-in-out
}

.urn-baslik {
    overflow: hidden;
    margin: .5rem
}

.urn-baslik-ic {
    font-size: 1.1rem;
    transition: all .3s
}

.urunrsm {
    width: 95%;
    margin: 0 1rem 1rem 1rem !important
}

.urun-bsk {
    width: 100%;
    background-color: #eee;
    border-radius: .2rem
}

.urun-baslik-ic {
    width: 100%;
    margin: 0;
    padding: .3rem .3rem
}

.urun-baslik-ic h2 {
    margin: 0;
    padding: .3rem .6rem;
    font-size: 1.4rem!important;
    margin-bottom: 0!important
}

.urunrsm-dis {
    width: 100%;
    background-color: #eee;
    text-align: center;
    margin-bottom: 1rem
}

.haber-rsmic {
    width: 100%!important;
    margin: 0 0 1rem 0!important
}

.pagi {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: .8rem
}

.sayfa-sag-ic h5 {
    background-color: #d6effd;
    display: block;
    padding: 1rem 1.5rem 1rem 5rem;
    border-radius: .3rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6rem;
    background: url(img/infobg.webp);
    background-position: .2rem .2rem;
    color: #00639c;
    margin: .5rem 0
}

.sayfa-sag-ic h6 {
    background-color: #fdfad6;
    display: block;
    padding: 1rem 1.5rem 1rem 5rem;
    border-radius: .2rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6rem;
    background: url(img/infobg2.webp);
    background-position: .2rem .2rem;
    color: #8f6900;
    margin: .5rem 0
}

.pagi-btn {
    padding: .3rem .7rem .3rem .7rem;
    background-color: #eee;
    border-bottom: .2rem #ccc solid;
    transition: all .3s;
    margin-top: .4rem;
    display: inline-table
}

.pagi-btn:hover {
    background-color: #4771a9;
    border-bottom: .2rem #4771a9 solid;
    color: #fff
}

.pagi-ilk {
    border-radius: .2rem 0 0 .2rem;
    margin-right: -.2rem
}

.pagi-on {
    background-color: #e0e0e0;
    border-bottom: .2rem #999 solid;
    font-weight: 600
}

.pagi-son {
    background-color: #e0e0e0;
    border-bottom: .2rem #999 solid;
    font-weight: 600
}

.pagi-sonn {
    margin-left: -.2rem;
    border-radius: 0 .2rem .2rem 0
}

.pagi-num1 {
    padding: .3rem .8rem .3rem .8rem;
    background-color: #ccc;
    border-bottom: .2rem #999 solid;
    transition: all .3s;
    border-left: solid .1rem #ccc;
    font-weight: 600;
    display: inline-table
}

.pagi-num2 {
    padding: .3rem .8rem .3rem .8rem;
    background-color: #eee;
    border-bottom: .2rem #ccc solid;
    transition: all .3s;
    margin: 0 -.2rem;
    border-left: solid .1rem #ccc;
    display: inline-table
}

.pagi-num2:hover {
    background-color: #d01f2e;
    border-bottom: .2rem #941721 solid;
    color: #fff
}

.hatasayfasi {
    text-align: center;
    display: block
}

.hatasayfasi h3 {
    transition: all .3s;
    font-weight: 300;
    color: #555
}

.hatasayfasi h5 a {
    transition: all .3s;
    color: #006199;
}

.hatasayfasi h5 a:hover {
    transition: all .3s;
    color: #0082ce;
    font-size: 1.3rem
}

label {
    padding: 0;
    margin-left: 0.5rem;
}

.anket-bslk {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3rem;
    transition: all .3s;
    display: block;
    margin: .9rem .8rem .8rem .8rem;
    color: #fff
}

.anketet:hover .anket-bslk {
    color: #fff;
    text-shadow: 1rem 1rem 1rem #000
}

.anket-spn {
    background-color: #d01f2e;
    color: #fff;
    display: block;
    font-size: .75rem;
    padding: .1rem .3rem;
    border-radius: .2rem;
    position: absolute;
    margin-top: -.9rem;
    margin-left: .8rem;
    font-weight: 600
}

.modulankres {
    width: 100%;
    margin-top: .3rem
}

.anket-rsm {
    width: 100%;
    float: none!important;
    margin: 0 0 -.7rem 0!important;
    border-radius: .5rem .5rem 0 0
}

.m0 {
    margin: 0!important
}

.anketet {
    padding: 0;
    border: 0;
    background-color: #0082ce!important;
    margin-top: 1rem
}

.anketet:hover {
    box-shadow: 0 1rem 2rem #bbe4fc
}

.anket-btn {
    margin-top: -2.2rem!important
}

.anket-modul {
    list-style: none;
    list-style-position: outside;
    padding: 0!important;
    margin: -.5rem 0 0 0!important
}

.anket-modul li {
    padding: .6rem 1rem;
    margin: 0!important;
    list-style: none;
    color: #fff;
    transition: all .3s;
    margin-bottom: .6rem;
    border-bottom: solid .1rem #67aed6
}

.anket-modul li:hover {
    background-color: #27a4ec;
    color: #fff;
    font-weight: 700
}

.onrand {
    width: 100%;
    padding: .4rem .7rem 0 .7rem;
    border: none;
    font-size: 1rem;
    transition: all .3s;
    color: #444;
    margin-bottom: -.2rem;
    margin-top: .3rem;
    font-weight: 700
}

@media only screen and (max-width:71.87rem) {
    .benzer-dis {
        width: 50%
    }
    .slogan-sol {
        display: none
    }
    .slogan-sag {
        width: 100%;
        text-align: center
    }
    .side-uclu {
        width: 50%
    }
    .uclu {
        width: 50%
    }
}

@media only screen and (max-width:56.25rem) {
    .sayfa1 {
        width: 100%
    }
    .sayfa2 {
        width: 100%
    }
}

@media only screen and (max-width:47.93em) {
    .sayfa {
        height: 5.5rem;
        margin-top: -5.5rem
    }
    .bread-ic {
        text-align: center
    }
    .sayfa-baslik1 {
        font-size: 1.7rem !important;
    }
    .benzer-dis {
        width: 100%
    }
    .ssec {
        padding: 1rem 0
    }
    .sayfa-bilgi {
        width: 100%;
        text-align: left
    }
    .sayfa-sag-ic {
        padding: 0
    }
    .bilgi-ic {
        margin-bottom: .5rem
    }
    .kutu-bilgi {
        border: none
    }
    .sayfa-govde {
        padding: 0 1.5rem
    }
    .sayfa-sag-ic h3 {
        line-height: 2rem
    }
    .flipbook {
        height: 40vh
    }
    .side-uclu {
        width: 100%
    }
    .ekipek {
        background-color: transparent;
        margin: 1rem 0;
        border-bottom: solid .3rem #fff
    }
    .galeriek {
        width: 40%
    }
    .srtbsk {
        margin-top: 2rem
    }
    .hbrkat {
        margin: 0
    }
    .hbr {
        margin: .5rem
    }
    .ikiligrp {
        width: 100%
    }
    .pagi-ilk,
    .pagi-on,
    .pagi-son,
    .pagi-sonn {
        display: none
    }
    .myazi3 {
        margin-right: 0;
        max-width: 100%
    }
    .sayfa-sag-ic {
        text-align: left
    }
    .hbrek {
        margin: 0
    }
    .foto-galeriek {
        margin: .3rem;
        height: 7.4rem
    }
    .foto-galeri-rsm {
        height: 7rem
    }
    .reklam {
        width: 100%;
        margin: 1rem 0;
        padding: 1.5rem
    }
    .sayfa-sag-ic p {
        font-size: 1rem;
    }
    .logo {
        margin-top: 0;
        width: 12rem;
    }
    .ekip {
        width: 6.5rem;
    }
}