*{font-family:'Visby CF',sans-serif;box-sizing:border-box}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:'Visby CF',sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; color: inherit;}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.ty-wrapper{width:100%;height:100vh;display:table;background-color:#333}
.ty-vertical{display:table-cell;vertical-align:middle;text-align:center;font-size:25px;color:#fff}
.p1{height:95vh}
.form-holder {text-align: center;width: 300px;position: fixed;right: 0;bottom: 0;top: 0;box-sizing: border-box;padding: 0 25px;background-color: #fff;height: 100%;display: table;box-shadow: 0 0 15px rgb(0 0 0 / 60%);z-index: 99}
.form-inner{display:table-cell;vertical-align:middle}
.form-title{color:#b50e7d;text-align:center; font-weight: bold; font-size:25px;line-height:1.3;margin-bottom:25px}
.tel{width:100%;display:inline-block;margin:15px 0}
.tel a{color:#333;font-size:27px;padding:5px 10px;display:inline-block;font-weight:800}
.w100{position:relative;width:calc(100% - 300px);display:inline-block}
.underline{text-decoration: underline !important;}



.mainSlider .owl-nav{position:absolute;bottom:80px;left:20px;display:flex}
.mainSlider .owl-nav div{width:40px;height:40px;background:#fff url(/assets/images/rightArrow.png) no-repeat center;color:transparent;margin-right:10px;transition:0.3s all ease-in-out;border-radius:3px;}
.mainSlider .owl-nav div.owl-prev{transform:rotate(180deg)}
.mainSlider .owl-nav div:hover{background:#b50d7c url(/assets/images/rightArrowHover.png) no-repeat center;}


.kampanya{position:absolute;left:50%;top:12%;width:50%;transform:translateX(-50%)}
.family{position:absolute;right:0;bottom:0;width:35%}
.bddk{position:absolute;right:70px;top:220px;width:14%;}
.container{position:relative;margin:0 auto;width:90%;max-width:1300px}
.dFlex{display:flex;flex-wrap:wrap;align-items:center}

.hakkinda figure{width:45%;float:left}
.pdn{padding:60px 0}
.hakkinda article{float:left;width:55%;padding-left:10%;padding-top:5%}
/* .hakkinda article{float:left;padding-top:5%} */
.title2{width:100%;display:inline-block;margin-bottom:20px}
.title2 span{display:inline-block;width:100%;font-size:1vw;color:#b50e7d;letter-spacing:3px;font-weight:500;margin-bottom:0}
.title2 h2{font-size:2.3vw;width:100%;display:inline-block;color:#191919;font-weight:900}
.hakkinda article p{width:100%;display:inline-block;margin-bottom:25px;font-size:1.2vw;line-height:1.4;font-weight:bold;color:#525368}
.hakkinda article p:last-child{margin-bottom:0}
ul.list {
    width: 100%;
    display: inline-block;
    margin: -15px 25px 0;
}

    ul.list li {
        list-style: url(../images/list.png);
        margin-bottom: 10px;
        font-size: 1.2vw;
        font-weight: 600;
        color: #525368;
    }
.pinkBg{background-color:#f8f8f8}
.sinpasLogo{position:absolute;right:0;top:0;z-index:0}
.tanitimWidget{width:100%;position:relative;z-index:1;display:inline-block}
.tanitimTitle{width:100%;margin-bottom:15px;display:inline-block;color:#b50e7d}
.tanitimTitle *{font-weight:300;letter-spacing:5px;font-family:Rubik;font-size:1.5vw;color:#b50e7d}
.tanitimAfter{width:33%;padding:15px 0;display:inline-block;background-color:#f8f8f8;text-align:center;position:relative;z-index:2;font-size:1.6vw;font-weight:700;letter-spacing:2px;float:right}
.tanitimWidget a{display:inline-block;position:relative;width:100%}
.tanitimWidget a img{width:100%}
.tanitimWidget a figure{width:100%;display:inline-block;position:relative;z-index:2}
.tanitimWidget a::before{content:"";position:absolute;right:-35px;bottom:-35px;width:90%;height:40%;border:5px solid #b50e7d}
.bottom{display:flex;justify-content:space-between;align-items:center;height:100px;margin:20px 0}
.bottom .logo{width:250px;float:left;display:block}
.bottom .right{float:right;height:100%;background-color:#f8f8f8;display:flex;align-items:center;justify-content:flex-end;width:calc(98% - 250px);border-radius:0 7px 7px 0;padding:0 3%}
.bottom .right a{display:inline-block;margin:0 5px;color:#b50e7d;font-size:.8vw;font-weight:700;float:right}
.bottom .container{height:100%}
.menuBar{position:absolute;top:15px;z-index:3;left:2%;right:calc(350px + 2%);border-radius:15px;display:flex;align-items:center;justify-content:space-between;padding-right:2%;background-color:#000}
.logoDesktop{border-radius:15px 0 0 15px;width:280px;display:flex;align-items:center;justify-content:center;padding:15px 0}
.logo{border-radius:15px 0 0 15px;width:218px;display:none;align-items:center;justify-content:center;padding:15px 0}

.menuLink{opacity:0;}

.menuCenter ul{display:flex}
.menuCenter ul li{padding:0 15px;border-left:1px solid #fff;}
.menuCenter ul li a{color:#fff;font-size:20px;font-weight:bold;padding:5px 0px;display:inline-block;position:relative;transition:0.3s}
.menuCenter ul li:first-child{border-left:none;}
.menuCenter ul li a::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0px;width:0px;height:0; background:#b50e7d;transition:0.3s}
.menuCenter ul li a:hover::after{height:2px;width:100%;}

.menu1 li{float:left;display:inline-block;margin:0 15px}
.menu1 li a{color:#b50e7d;font-weight:500;font-size:.9vw;display:flex;align-items:center;justify-content:center}
.menuRight a{display:flex;align-items:center;justify-content:center}
.menuRight a span{height:60px;display:flex;align-items:center;justify-content:center;font-size:.9vw;font-weight:600;background-color:#fff;color:#b50e7d;padding:0 35px;border-radius:7px;margin-left:15px}
.menu1{display:flex;align-items:center;justify-content:center}
.menu1 li a i{margin-right:6px}
.cityDropdown{position:absolute;width:200px;z-index:9;float:right;right:0;top:-70px}
.cityDropdown>.caption{background-color:#fff;padding:10px 15px;cursor:pointer;display:block;width:100%;position:relative;font-size:18px;color:#b41c82;border:1px solid #b50e7d;border-radius:360px;transition:all .2s cubic-bezier(.42,0,.3,.94)}
/*.cityDropdown>.caption:after{content:'';position:absolute;width:17px;height:11px;background:url("../images/down-arrow-new.png") no-repeat center;top:18px;right:20px;transition:.3s}*/
.cityDropdown>.tabsBtn{position:absolute;background-color:#f2f2f2;width:100%;border-radius:0 0 3px 3px;display:none;height:250px;overflow-y:scroll}
.cityDropdown>.tabsBtn>.item{cursor:pointer;display:block;color:#b41a83;padding:7px 10px}
.cityDropdown>.tabsBtn>.item.selected{font-weight:700;color:#fff!important}
.cityDropdown>.caption:hover,.cityDropdown>.tabsBtn>.item:hover{background-color:#b50e7d;color:#fff}
.cityDropdown.open>.caption{border-radius:3px 3px 0 0;border-bottom:solid 1px #999}
.cityDropdown.open>.caption:after{transform:rotateX(180deg);transition:.3s}
.cityDropdown.open>.tabsBtn{display:block}
.cityDropdown .tabsBtn::-webkit-scrollbar{width:5px}
.cityDropdown .tabsBtn::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.cityDropdown .tabsBtn::-webkit-scrollbar-thumb{background-color:#b41c82}
.detailArea{display:none}
.tabsBtn a.active-tab{background-color:#d349a4;color:#fff!important}
.tabsBtn input {height:40px; background-color: transparent; width:100%; padding:7px 10px; color:#b41a83}
.tabsBtn input::placeholder {color:#b41a83; font-weight:400}
.tabs{display:none}
.tabs:after{content:'';clear:both;display:block;width:100%}
.tabs .flexItem{width:49.75%;float:left}
.tabs .flexItem:nth-child(2n-1){margin-right:.5%}
.tabs .flexItem .col{width:48%;background-color:#fff;margin-bottom:30px;padding:15px 25px;box-shadow:0 0 25px rgb(0 0 0 / 10%);border-radius:10px;position:relative;float:left;margin:20px 1%}
.tabs .flexItem .col .title{display:flex;justify-content:space-between;align-items:center;padding-left:30px}
.tabs .flexItem .col .title.active{margin-bottom:10px;position:absolute;top:0;left:0;padding:10px 25px 15px 55px;background-color:#fff;width:100%;border-radius:10px;background-color:#b41c82;z-index:55}
.tabs .flexItem .col .title span{color:#b41c82;font-size:20px;font-weight:800;pointer-events:none;letter-spacing:0;letter-spacing:1px}
.tabs .flexItem .col .title span b{font-weight:400;color:#b41c82;display:block;font-size:19px;letter-spacing:1px}
.tabs .flexItem .col .detailText{color:#b50e7d;padding:8px 35px 8px 20px;position:absolute;right:10px;bottom:-17px;border:1px solid #b50e7d;background-color:#fff;border-radius:360px;font-weight:500;font-size:14px}
.tabs .flexItem .col .detailArea .address{margin-bottom:10px;line-height:25px}
.tabs .tab{line-height:60px;padding:0 90px 0 30px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;background:#c7926a;display:block;color:#fff;display:inline-block;border:1px solid #707070;font-weight:800;font-size:29px;font-weight:800;position:relative}
.tabs .tab i{position:absolute;right:16px;line-height:60px;font-size:24px}
.tabs .tab.active{box-shadow:0 3px 6px #00000029;-webkit-box-shadow:0 3px 6px #00000029;-moz-box-shadow:0 3px 6px #00000029;position:relative;background:#b41a83;border:1px solid #fff}
.tabs .tab.active i{transform:rotate(180deg)}
.tabs .tab.active:after,.tabs .tab.active:before{top:100%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.tabs .tab.active:after{border-color:rgba(181,31,92,0);border-top-color:#b41a83;border-width:20px;margin-left:-20px}
.tabs .tab.active:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:21px;margin-left:-21px}
.subeler{width:100%;display:inline-block;position:relative}
.detailArea{margin-top:80px}
.title.detail.active b,.title.detail.active span{color:#fff!important}
.popup{display:none;width:95%;max-width:1200px}
.popup p{font-weight:500;line-height:1.4;font-size:18px}
.tabs .flexItem .col .title::before{content:"";position:absolute;left:15px;top:20px;width:30px;height:40px;background-image:url(../images/icons/location.png);background-size:100%;background-repeat:no-repeat;background-position:left top}
.tabs .flexItem .col .title.active::before{filter:brightness(0) invert(1)}
.tabs .flexItem .col .detailText::before{content:"";position:absolute;right:15px;top:52%;width:10px;height:10px;background-image:url(../images/icons/arrow.png);background-size:100%;background-repeat:no-repeat;background-position:left top;transform:translateY(-50%)}
.menu-trigger.second{display:none}
.sliderYazi {
    position: absolute;
    left: 3%;
    bottom: 3%;
    width: 65%;
}


.mainBottom {background-color: #fff;color: #000;position:relative;z-index:0;display:flex;align-items: center;}
.mainBottom .left{width:32%;padding-right: 45px;}
.mainBottom .center{width:23%;  background-image: -moz-linear-gradient( -30deg, rgb(183,18,119) 0%, rgb(197,16,101) 57%, rgb(210,13,83) 100%);background-image: -webkit-linear-gradient( -30deg, rgb(183,18,119) 0%, rgb(197,16,101) 57%, rgb(210,13,83) 100%);background-image: -ms-linear-gradient( -30deg, rgb(183,18,119) 0%, rgb(197,16,101) 57%, rgb(210,13,83) 100%);display: flex; flex-wrap: wrap;justify-content: center;padding: 20px 30px;}
.mainBottom .center img{width: 100%;}
.mainBottom .right{width:45%;padding-left: 45px;}


.mainBottom span{display: block;color:#000;font-size: 34px;margin-bottom: 10px;}
.mainBottom span.pink{color:#b41a83}
.mainBottom span.white{color:#fff;text-align: center;}


h2{font-size:32px;font-weight:bold;padding:20px 0px 20px ;z-index:0;}
h2.pink{background-color:#b41a83;}
h2.yellow{background-color:#f9b22c;color:#000}

.howToWork{display: flex; justify-content: space-between;}
.howToWork .item{width: 31%; background-color: white;  padding: 30px; font-size: 18px; box-shadow: 0 0px 10px 00px rgba(0,0,0,.3); border-radius: 10px; position: relative;}
.howToWork .item::after{content: ""; background: url(../images/arrow.svg) no-repeat; background-size: contain; position: absolute; right: -25px; bottom: 50%;  display: block; width: 15px; height: 15px;}
.howToWork .item:last-child::after{display: none;}
.howToWork .item .image-wrapper{margin-bottom: 10px; display: flex; align-items: center;}
.howToWork .item .image-wrapper span{font-size: 50px; font-weight: 900;}
.howToWork .item .image-wrapper img{width: 50px; margin-left: 10px;}
.howToWork .item strong{display: block; }

.animationArea{background:#fff;}
.animationArea a{display:block;}
.animationArea a img{display:block; width: 100%;}

.mobileMenuLink{display: none;}
.cookie-notice {position: fixed; bottom: -100%; width: 100%; left: 0; transition: 2s all linear; padding: 15px 0; color: #fff; z-index: 1000; background-color: #7b7b7b}
.cookie-notice.active {bottom: 0;}
.cookie-notice a {color: #8a025f}
.cookie-notice .cookie-notice-flex {display: flex; align-items: center; justify-content: space-between; max-width: 1680px; margin: 0 auto; padding: 0 1rem; }
.cookie-notice p { flex-grow: 1; margin: 0; font-size: 15px;}
.cookie-notice .cookie-notice-dismiss {display: inline-flex; padding: 10px; flex-shrink: 0; cursor: pointer; background-color: #8a025f; }
.cookie-notice .cookie-notice-dismiss svg { display: block; width: 20px; height: 20px}
.cookie-notice .cookie-notice-dismiss path {stroke-width: 3px; stroke: #fff}
.cookie-notice .cookie-notice-dismiss:hover path { stroke: rgb(255 255 255/0.75)}

@media only screen and (max-width:1024px) {
    .cookie-notice .cookie-notice-flex {flex-direction: column;}
    .cookie-notice .cookie-notice-flex p {font-size: 12px;}
    .cookie-notice .cookie-notice-dismiss {padding: 5px 10px;}
    .howToWork{flex-direction: column;}
    .howToWork .item{width: 100%; margin-bottom: 50px;}
    .howToWork .item::after{transform: rotate(90deg); left: 50%; bottom: -30px ;}
    
}

@media only screen and (max-width:850px) {
    .mobileMenuLink { background:url(../images/openFormNew3.png) 0 0/100% auto no-repeat; width:100%; bottom:0; left:0; z-index:99; position:fixed; height:120px; display: inline-block;}
    /* .mobileMenuLink.closer {background:url(../images/openFormNewCloser.png) 0 0/100% auto no-repeat} */
    ul.list {
        width: 90%;
    }

        ul.list li {
            font-size: 4vw;
        }
}

@media only screen and (max-width:780px) {
    
.mobileMenuLink {height:105px!important}
}

@media only screen and (max-width:620px) {
.mobileMenuLink {height:75px!important}
}

@media screen and (max-width:480px) {
.mobileMenuLink {height:72px!important}
}

@media screen and (max-width:400px) {
.mobileMenuLink {height:65px!important}
}

@media screen and (max-width: 1680px) {


.mainBottom .left{padding-right:20px;width: 40%;}
.mainBottom .right{padding-left:70px;}


.mainBottom .right p{color:#fff}
.mainBottom span{font-size:22px;}


}

@media screen and (max-width: 1440px) {

.mainBottom .left{width: 25%;}
.mainBottom .center{width: 25%;}
.mainBottom .right{width: 50%;}
.mainBottom span{font-size: 20px;}

img.w100{width: 70%;}

}

@media screen and (max-width: 1024px) {
footer{margin-bottom: 100px !important;}
.mainSlider .item{margin-top: 20px;}

.mainBottom{flex-wrap: wrap;padding: 30px 0px;}
.mainBottom div{width: 100% !important;display: flex; flex-direction: column; align-items: center;margin-bottom: 20px;}

.mainBottom .center img{width: 50%;}
.mainBottom .center span br{display: none;}
.mainBottom .right{padding-left:0px;}

img.w100{width: 50%;display: inline;}

}

/* Arina Custom Css */
footer.w100 > .container {
    background-color: #f8f8f8;
}
footer.w100 > .container .logo {
    display: flex;
    position: relative;
    top: -18%;
}
.detailArea {
    z-index: 9;
    background-color: #fff;
    position: absolute;
    top: calc(100% - 0px);
    left: 0;
    right: 0;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-top: 0;
    padding: 20px;
}
.tabs .flexItem {
    display: flex;
    flex-wrap: wrap;
}
.tabs .flexItem .col .title.active .detailText{
    z-index: 99;
}
.tabs .flexItem .col {
    min-height: 77px;
}
.tabs .flexItem .col .title.active {
    min-height: 77px;
    padding:15px 25px 15px 55px;
}
.tabs .flexItem .col .title {
    height: 100%;
}
.cityDropdown {
    z-index:99;
}