:root{
    --primary: #B21F61 !important;
    --textcolor: #2B2B2B !important;
}
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100% !important; height: auto !important; }
.ty-wrapper { width: 100% !important; height: 100vh !important; display: table !important; background-color: #333 !important; }
.ty-vertical { display: table-cell !important; vertical-align: middle !important; text-align: center !important; font-size: 25px !important; color: #fff !important; }
.form-holder {text-align: center !important;width: 350px !important;position: fixed !important;right: 0px !important;bottom: 0px !important;top: 0px !important;box-sizing: border-box !important;padding: 95px 40px 0 !important;background-color: #DFDFDF !important;height: 100% !important;display: table !important;}
.form-inner { display: table-cell !important; vertical-align: middle !important; }
.form-title { color: #333 !important; text-align: center !important; font-size: 21px !important; line-height: 25px !important; padding-bottom: 5px !important; }
p {font-size: 1vw !important; line-height: 2.2 !important;font-weight: 400 !important;color: var(--textcolor) !important;}

.img100 img{ width: 100% !important;}
.w100{display: inline-block !important;position: relative !important; float: left !important; width: 100% !important;}
.mtop {margin-top: 95px !important;}
.ptop{padding-top: 95px !important;}
.pdn{padding: 80px 0px !important; }
section.subPage.kagithane {margin-top: 125px !important; }
.kagithaneFooter{width: calc(100% - 350px) !important;}
.kagithaneFooter .tel{font-size: 35px !important;}
#hakkimizda .title h2{text-align: start !important;}
#ozellikler .officeBox .title h2{text-align: start !important;}
.main-page { position: relative !important; width: calc(100% - 350px) !important;  display: inline-block !important; }
.container{width: 1360px !important;max-width: 80% !important;position: relative !important;margin: 0 auto !important;z-index: 1 !important;}
.menu-trigger {display: none !important;}
.quickAccess.kagithane {display: none;}
.quickAccess.kagithane .quickMenu{display: none;}
.topBar .socialList {margin: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;}
.topBar {height: 95px !important; position: fixed !important; top: 0px !important; left: 0px !important; z-index: 50 !important; transition: all .3s cubic-bezier(0.42, 0, 0.18, 1) !important; background-color: #fff !important;}
.topBar .container {height: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 95% !important; max-width: initial !important;}
.topMenu ul {display: flex !important; align-items: center !important; justify-content: center !important;}
.topMenu ul li {position: relative !important; margin: 0px 25px !important;}
.topMenu ul li a {position: relative !important; color: #000 !important; font-size: 1vw !important; transition: all .2s cubic-bezier(0.42, 0, 0.25, 0.99) !important; font-weight: 300 !important; padding: 10px 0px !important;}
.sub-menu {position: absolute !important; left: 0px !important; top: calc(100% + 10px) !important; background-color: var(--primary) !important; flex-direction: column !important; width: max-content !important; align-items: flex-start !important; box-shadow: 0px 5px 15px rgb(0 0 0 / 15%) !important; padding: 5px 0px !important; opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; margin-top: 10px !important; transition: all .3s cubic-bezier(0.42, 0, 0.32, 0.98) !important;}
.sub-menu li a {font-size: 15px !important; margin: 5px 0px !important; display: inline-block !important; padding: 0px !important; color: #fff !important;}
.sub-menu li a:hover {opacity: .5 !important;}
.topMenu > ul > li:hover .sub-menu {opacity: 1 !important; pointer-events: initial !important; visibility: visible !important; margin-top: 0 !important;}
.socialList ul {display: flex !important; align-items: center !important; justify-content: center !important;}
.socialList ul li {margin: 0px 3px !important; display: inline-block !important;}
.socialList span {line-height: 1 !important; margin-right: 10px !important; font-weight: 600 !important;}
.socialList ul li a {display: inline-block !important;}
.hakkinda figure{width: 35% !important;float: left !important;position: relative !important;z-index: 1 !important;text-align: right !important;display: flex !important;align-items: flex-start !important;justify-content: flex-start !important;}
.hakkinda article{float: right !important;width: 65% !important;position: relative !important;z-index: 2 !important;padding-top: 2% !important;padding-left: 10% !important;}
.hakkinda article p:last-child{margin-bottom:0}
.hakkinda article h3{font-size: 1.1vw !important;display: inline-block !important;width: 100% !important;color:#686f7d}
.hakkinda.reverse figure{float: right !important;margin-left: 0px !important;justify-content: flex-end !important;align-items: flex-end !important;}
.hakkinda.reverse article{float: left !important;padding-left: 0 !important;padding-right: 10% !important;padding-left: 0 !important;}
.hakkinda p{margin-bottom: 25px !important;width: 100% !important;display: inline-block !important;font-size: 16px !important;}
.hakkinda p:last-child{margin-bottom:0}
.title{width: 100% !important;display: inline-block !important;margin-bottom:20px}
.title span{color: #484848 !important;}
.title h2{ font-size: 2.1vw !important;width: 100% !important;display: inline-block !important;color: var(--primary) !important;font-weight: 400 !important;line-height: 1.2 !important;}
.title.center{text-align: center !important;margin-bottom: 60px !important;}
.title.start h2{text-align: start !important;}
.dotsBefore::before{content: "" !important;background-image: url(../images/img/kagithane/dots-img.png) !important;width: 400px !important;height: 400px !important;position: absolute !important;left: -160px !important;top: -20% !important;z-index: 0 !important;background-size: 100% !important;background-position: center !important;}
.dotsBefore::after{content: "" !important;background-image: url(../images/img/kagithane/dots-img.png) !important;width: 300px !important;height: 300px !important;position: absolute !important;right: -110px !important;bottom: -15% !important;z-index: 0 !important;background-size: 100% !important;background-position: center !important;pointer-events: none !important;}
.dotsBefore img{position: relative !important;z-index: 3 !important;}
.ozellikList {display: inline-block !important;width: 100% !important;}
.ozellikList li {width: 31.33% !important; float: left !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; margin: 1% !important;}
.ozellikList li span {padding-left: 20px !important; font-size: 1.2vw !important; width: calc(100% - 90px) !important; color: #000 !important;}
.ozellikList li img {width: 90px !important;}
.galleryList {width: calc(50% - 30px) !important; float: left !important; margin: 0px 15px !important;}
.galleryList li {width: 100% !important; height: 180px !important; background-position: center !important; background-size: cover !important; border-radius: 20px !important; float: left !important;}
.galleryList li:nth-child(1) {width: 100% !important; height: 370px !important; margin-bottom: 30px !important;}
.galleryList li:nth-child(2), .galleryList li:nth-child(3) {width: 48% !important; margin-right: 4% !important;}
.galleryList li:nth-child(3) {margin-right: 0 !important;}
.galleryList:nth-child(2) li {height: 580px !important; margin-bottom: 0 !important;}
.galleryList li a {display: inline-block !important; width: 100% !important; height: 100% !important;}
.logoCarousel .owl-stage {display: flex !important; align-items: center !important; justify-content: center !important;}
.logoCarousel img {width: auto !important; max-width: 100% !important; text-align: center !important; margin: 0 auto !important;}
.logoCarousel .owl-next, .logoCarousel .owl-prev{width: 30px !important;height: 37px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: 100% !important;text-indent: -9999em !important;background-color: transparent !important;position: absolute !important;top: 50% !important;transform: translateY(-50%) !important;}
.logoCarousel .owl-next{background-image: url(../images/img/kagithane/icons/next.png) !important;right: -55px !important;}
.logoCarousel .owl-prev{background-image: url(../images/img/kagithane/icons/prev.png) !important;left: -55px !important;}
.bottom{background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;background-color: #F2F2F2 !important;padding: 75px 0px 0 !important;}
.ft-50{width: 30% !important;float: left !important;}
.map{height:360px}
.map2{height: 450px !important;position: relative !important;}
.map2 iframe{height: 100% !important;width: 100% !important;border-radius: 25px !important;}
.contactList{width: 60% !important;margin: 0 0 !important;float: left !important;text-align: center !important;}
.contactList span{color: #000 !important;font-size: 18px !important;display: inline-block !important;width: 100% !important;margin-bottom: 20px !important;position: relative !important;text-align: left !important;}
.contactList p{font-size: 14px !important;color: #000 !important;width: 100% !important;display: inline-block !important;line-height: 1.4 !important;margin-bottom: 25px !important;}
.contactList .w50{width: 50% !important;float: left !important;text-align: left !important;}
a.yolTarifi{margin-top: 24px !important;display: inline-block !important;background-color: #fff !important;display: flex !important;align-items: center !important;justify-content: center !important;width: auto !important;float: left !important;padding: 8px 15px !important;color: #017a8a!important;transition:all .2s ease-in-out}
.yolTarifi i{margin-left:10px}
a.yolTarifi:hover{background-color:#ddbfa7}
.contactList .w50 a{color: #000 !important;font-size: 14px !important;}
.contactList ul{width: 100% !important;display: inline-block !important;margin-top:25px}
.contactList ul li{display: inline-block !important;width: 100% !important;margin-bottom:25px}
.contactList ul li a{display: flex !important;align-items: center !important;justify-content:flex-start}
.contactList ul li a img{margin-right:15px}
.contactList ul li:last-child{margin-bottom:0}
.ft-50:nth-child(2){margin-right:0}
.contactList .w50:last-child{margin-bottom:0}
.footer-1{width: 35% !important;display: inline-block !important;float: left !important;margin-right: 5% !important;}
.footer-1 span{color: #000 !important;font-size: 17px !important;margin-bottom: 15px !important;display: inline-block !important;width: 100% !important;text-align: left !important;}
.footer-1 p{color: #7d7d7d !important;font-size: 14px !important;line-height: 1.7 !important;text-align: center !important;width: 70% !important;margin: 0 auto 30px !important;}
.footer-2{padding-top: 50px !important;margin-top: 50px !important;border-top: 1px solid #225265 !important;display: flex !important;align-items: center !important;justify-content: space-between !important;padding: 50px 5% 0 !important;flex-direction:row-reverse}
.footer-2 p{color: #fff !important;font-size: 20px !important;letter-spacing: 2px !important;font-weight:300}
.sosyalMedya{display: flex !important;align-items: center !important;justify-content:center}
.sosyalMedya li a{color: #fff !important;font-size: 22px !important;letter-spacing: 1px !important;font-weight: 300 !important;display: flex !important;align-items: center !important;justify-content:center}
.sosyalMedya li{margin: 0px 10px !important;}
.ft-50:first-child{padding-right:0}
.footer-1 .footerLogo {margin: 0 0 25px !important; display: table !important;}
.ft-50.left {width: 70% !important; position: relative !important;}
#map {width: 100% !important; height: 230px !important;}
.footer-1 .socialList ul {justify-content: flex-start !important;}
.footerLogo {margin-bottom: 20px !important;}
.contactList p:last-child {margin-bottom: 0 !important;}
.footerLogo.sinpasLogo {position: relative !important; margin-top: -15px !important;}
.bottom .container {display: flex !important; padding: 60px 0px !important; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important;}
.copyright {text-align: center !important; font-size: 16px !important; color: #000 !important; margin: 30px auto !important;}
.iletisim-m{display: none !important;}
.bultenKayit{width: 100% !important;}
.bulten .container{background-color: #f5f5f5 !important;padding: 90px 40% 90px 50px !important;display: flex !important;align-items: flex-start !important;justify-content: flex-start !important;flex-direction: column !important;border-radius: 20px !important;}
.bultenKayit span{font-size: 18px !important;font-weight: 500 !important;margin-bottom: 15px !important;display:inline-block}
.bultenKayit form{position:relative}
.bultenKayit form input[type=email]{width: 220px !important;height: 45px !important;border: none !important;padding: 0 20px !important;font-size: 15px !important;color: #000 !important;border-radius: 10px !important;box-shadow: 0 5px 25px rgb(0 0 0 / 5%) !important;outline: 0 !important;float: left !important;}
.bultenKayit form input[type=submit]{background-color: var(--primary) !important;border: none !important;position: relative !important;right: 0 !important;top: 0 !important;bottom: 0 !important;width: 120px !important;font-weight: 600 !important;font-size: 15px !important;float: left !important;margin-left: 10px !important;border-radius: 10px !important;height: 45px !important;color: #fff !important;}
.bulten figure {background-position: center !important; background-size: cover !important; position: absolute !important; right: 30px !important; top: 30px !important; bottom: 30px !important; width: 45% !important; border-radius: 20px !important;}
.bulten .title h2 {color: #000 !important;}
.bulten .title span {color: var(--primary) !important; margin-bottom: 5px !important; display: inline-block !important; width: 100% !important; font-size: 18px !important;}
.officeBox {border: 1px solid #d7d7d7 !important; width: 85% !important; height: 500px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 30px 8% 30px 8% !important; float: left !important; margin: -1px 0px 0 !important; position: relative !important; background-image: url(../images/img/kagithane/dots-bg-1.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.officeImgs {position: absolute !important; left: 101% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 45% !important; height: 80% !important;}
.officeBox article {width: 65% !important;}
.officeBox.reverse {float: right !important; justify-content: flex-end !important; background-image: url(../images/img/kagithane/dots-bg-2.jpg) !important;}
.officeBox.reverse .officeImgs {left: initial !important; right: 90% !important; transform: translate(50%, -50%) !important;}
.officeBox article p {margin-bottom: 35px !important;}
.officeBox article p:last-child {margin-bottom: 0 !important;}
.officeBox article ul {width:100%}
.officeBox article ul li {font-size: 13px !important; line-height: 1.6 !important; margin-bottom: 20px !important; font-weight: bold !important;}
.officeBox article ul li:last-child {margin-bottom: 0 !important;}
.dp-slider{height: 100% !important;width: 100% !important;position: absolute !important;transform-style:preserve-3d}
.dp-slider div{transform-style:preserve-3d}
.dp_item{display: block !important;position: absolute !important;text-align: center !important;color: #fff !important;border-radius: 10px !important;transition:transform 1.2s; }
.dp-img img{border-left:1px solid #fff}
#dp-slider .dp_item:first-child,#dp-slider-2 .dp_item:first-child,#dp-slider-3 .dp_item:first-child,#dp-slider-4 .dp_item:first-child,#dp-slider-5 .dp_item:first-child{z-index: 10!important;transform:rotateY(0) translateX(5%)!important}
.dp_item[data-position="10"],.dp_item[data-position="14"],.dp_item[data-position="18"],.dp_item[data-position="2"],.dp_item[data-position="6"]{z-index: 9 !important;transform:rotateY(0) translateX(-10%) scale(.9)}
.dp_item[data-position="11"],.dp_item[data-position="15"],.dp_item[data-position="19"],.dp_item[data-position="3"],.dp_item[data-position="7"]{z-index: 8 !important;transform:rotateY(0) translateX(-25%) scale(.8)}
.dp_item[data-position="12"],.dp_item[data-position="16"],.dp_item[data-position="20"],.dp_item[data-position="4"],.dp_item[data-position="8"]{z-index: 7 !important;transform:rotateY(0) translateX(-35%) scale(.7)}
#dp-next,#dp-next-2,#dp-next-3,#dp-next-4,#dp-next-5,#dp-prev,#dp-prev-2,#dp-prev-3,#dp-prev-4,#dp-prev-5{position: absolute !important;bottom: 25% !important;right: 12% !important;height: 45px !important;width: 45px !important;z-index: 10 !important;cursor: pointer !important;background-color: var(--primary) !important;padding: 12px !important;border-radius: 13px !important;display: flex !important;align-items: center !important;justify-content:center}
#dp-prev,#dp-prev-2,#dp-prev-3,#dp-prev-4,#dp-prev-5{transform: rotate(180deg) !important;bottom: 9% !important;right:12%}
.dp_item{width: 80% !important;height:100%}
.dp-content,.dp-img{text-align: left !important;height: 100% !important;width: 100% !important;background-size: cover !important;background-position: center !important;background-repeat:no-repeat}
.dp_item{display: flex !important;align-items: center !important;background: #fff !important;border-radius: 30px !important;overflow: hidden !important;box-shadow:0 0 25px rgb(0 0 0 / 13%)}
.dp-content{padding-left: 100px !important;padding-right: 0 !important;display: inline-block !important;width:100%}
.dp-content h2{color: #41414b !important;font-family: Circular Std Bold !important;font-size: 48px !important;max-width: 460px !important;margin-top: 8px !important;margin-bottom:0}
.dp-content p{color: #74747f !important;max-width: 490px !important;margin-top: 15px !important;font-size:24px}
.dp-content .site-btn{margin-top: 15px !important;font-size: 13px !important;padding:19px 40px}
.dp-img:before{background: -webkit-linear-gradient(-90deg,rgba(255,255,255,.25),rgba(255,255,255,0)) !important;background: -o-linear-gradient(-90deg,rgba(255,255,255,.25),rgba(255,255,255,0)) !important;background: -moz-linear-gradient(-90deg,rgba(255,255,255,.25),rgba(255,255,255,0)) !important;background: linear-gradient(-90deg,rgba(255,255,255,.75),rgba(255,255,255,0)) !important;position: absolute !important;height: 100% !important;width: 25% !important;z-index: 1 !important;top: 0 !important;pointer-events: none !important;background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,.75)) !important;background: -o-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,.75)) !important;background: -moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,.75)) !important;background:linear-gradient(-90deg,rgba(255,255,255,0),#fff)}
.dp-img img{object-fit: cover !important;object-position:right}
#dp-slider,#dp-slider-2,#dp-slider-3,#dp-slider-4,#dp-slider-5,.dp-img img{height: 100% !important;}
#dp-slider .dp_item:hover:not(:first-child),#dp-slider-2 .dp_item:hover:not(:first-child),#dp-slider-3 .dp_item:hover:not(:first-child),#dp-slider-4 .dp_item:hover:not(:first-child),#dp-slider-5 .dp_item:hover:not(:first-child){cursor:pointer}
.galeri{width: 100% !important;float: left !important;overflow: hidden !important;padding:80px 0 100px}
.slider-widget{width: 75% !important;float: left !important;position:relative}
#dp-next svg,#dp-next-2 svg,#dp-next-3 svg,#dp-next-4 svg,#dp-next-5 svg{left: -3px !important;position: relative !important;width:35px}
#dp-prev svg,#dp-prev-2 svg,#dp-prev-3 svg,#dp-prev-4 svg,#dp-prev-5 svg{position: relative !important;left: -3px !important;width:35px}
.dp-img a{width: 100% !important;height: 100% !important;display:block}
.sticky .topBar {box-shadow: 0px 0px 15px rgb(0 0 0 / 20%) !important;}
.locationSect figure {width: 35% !important; height: 650px !important; background-size: cover !important; background-position: left top !important; border-radius: 40px !important; float: left !important;}
.locationBox {float: right !important; width: 60% !important; margin-top: 100px !important; background-color: #EBEBEB !important; height: 550px !important; border-radius: 40px !important; padding: 40px !important; position: relative !important;}
.locTop {width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 15px 0px !important; border-top: 1px solid #a9a9a9 !important; border-bottom: 1px solid #a9a9a9 !important;}
.locTop p {display: flex !important; align-items: center !important; justify-content: flex-start !important; font-weight: bold !important; font-size: .9vw !important;}
.locTop p img {margin-right: 10px !important;}
.locationBox ul {margin-top: 35px !important; width: 100% !important; padding-left: 20% !important;}
.locationBox ul li {width: 23% !important; float: left !important; margin: 20px 1% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; font-size: 14px !important; line-height: 1.3 !important; height: 110px !important;}
.locationBox ul li img {margin-bottom: 10px !important;}
.locationBox ul li strong {font-size: 85% !important; margin-top: 10px !important;}
.tabMenu {position: absolute !important; right: 0px !important; top: 25px !important;}
.tabMenu li {float: left !important; margin-left: 35px !important; color: #C1C1C1 !important; font-size: 27px !important; cursor: pointer !important;}
.tabMenu li.active {color: var(--primary) !important;}
.yol-tarifi {position: absolute !important; right: 40px !important; bottom: 30px !important;}
.yol-tarifi a {display: inline-block !important; transition: all .2s ease-in-out !important;}
.yol-tarifi a:hover {opacity: .5 !important;}
.tab-page {width: 100% !important; display: none !important;}
.tab-page.open {display: inline-block !important;}
.locationBox article {position: absolute !important; right: 110% !important; transform: translateX(50%) !important; bottom: -15px !important; width: 350px !important; background-color: var(--primary) !important; height: 240px !important; border: 30px solid #fff !important; border-radius: 30px 30px 30px 30px !important; border-top-width: 45px !important;}
.locationBox article h2 {width: 100% !important; position: relative !important; background-color: #EBEBEB !important; border-radius: 20px !important; text-align: center !important; padding: 13px 0px !important; top: -20px !important; font-weight: 400 !important;}
.locationBox article p {color: #fff !important; font-size: 18px !important; line-height: 1.6 !important; width: 80% !important; margin: 0 auto !important; text-align: center !important; position: relative !important; z-index: 2 !important;}
.locationBox article::before {content: "" !important; background-color: var(--primary) !important; position: absolute !important; left: 0px !important; bottom: -15px !important; right: 0px !important; height: 40px !important; border-radius: 30px !important; z-index: 0 !important;}
.galleryCarousel .owl-next, .galleryCarousel .owl-prev{position: absolute !important;top: 80px !important;right: -10px !important;height: 45px !important;width: 45px !important;z-index: 10 !important;cursor: pointer !important;background-color: #fff !important;padding: 12px !important;border-radius: 360px !important;display: flex !important;align-items: center !important;justify-content: center !important;background-image: url(../images/img/kagithane/icons/next.png) !important;background-position: center !important;background-size: 20px !important;background-repeat: no-repeat !important;text-indent: -9999em !important;border: 3px solid var(--primary) !important;}
.galleryCarousel .owl-prev{top: 140px !important;background-image: url(../images/img/kagithane/icons/prev.png) !important;}
.popup {display: none !important; width: 90% !important; max-width: 1100px !important;}
.popup p {font-size: 15px !important; line-height: 1.6 !important;}
.popup p strong {font-weight: bold !important;}
.tanitim {width: 100% !important;}
.tanitim a {width: 350px !important; display: inline-block !important;}
.yoltarifi {position: absolute !important; left: 50% !important; bottom: 0 !important; z-index: 2 !important; transform: translate(-50%, 50%) !important;}
.iletisim-m{display: none !important;}
.officeCarousel .owl-next, .officeCarousel .owl-prev{position: absolute !important;top: calc(35% - 60px) !important;right: -10px !important;height: 45px !important;width: 45px !important;z-index: 10 !important;cursor: pointer !important;background-color: #fff !important;padding: 12px !important;border-radius: 360px !important;display: flex !important;align-items: center !important;justify-content: center !important;background-image: url(../images/img/kagithane/icons/next.png) !important;background-position: center !important;background-size: 20px !important;background-repeat: no-repeat !important;text-indent: -9999em !important;border: 3px solid var(--primary) !important;}
.officeCarousel .owl-prev{top: 35% !important;background-image: url(../images/img/kagithane/icons/prev.png) !important;}
.officeCarousel .owl-stage {display: flex !important;height: 100% !important;}
.difoffice{display: none !important;}
.officeCarousel .officeBox {position: static !important;margin: 2px !important;}
.officeCarousel .officeBox figure {position: absolute !important;right: 10px !important;width: 33% !important;}

/*FORM*/
.contact_form UL { margin: 0px !important; padding: 0px !important; }
.contact_form LI { margin: 0px 0px 7px !important; padding: 0px !important; list-style: none !important; font-size: 8pt !important; position: relative !important; }
.contact_form .form-text,
.contact_form .form-textarea { width: 100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; border: 1px solid #000000 !important; height: 37px !important; line-height: 32px !important; padding-left: 8px !important;  }
.contact_form .form-textarea { height: 69px !important; }
.contact_form LABEL { height: 15px !important; }
.form-submit { width: 100% !important; height: 35px !important; border: 0px !important; background-color: #000000 !important; text-align: center !important; font-size: 14px !important; color: #FFF !important; margin: auto !important; margin-top: 0 !important; }
.form-submit:hover { opacity: 0.7 !important; cursor: pointer }
INPUT.inputError,
SELECT.inputError { border: 1px solid #F00 !important; }
::-webkit-input-placeholder {color: #333 !important;}
:-moz-placeholder {color: #333 !important;opacity: 1 !important;}
::-moz-placeholder {color: #333 !important;opacity: 1 !important;}
:-ms-input-placeholder { color: #333 !important;}
.input-group-addon { padding: 5px 10px !important; font-size: 11px !important; font-weight: normal !important; line-height: 1 !important; color: #555 !important; text-align: center !important; background-color: #484848 !important; border: 1px solid #CCC !important; border-radius: 4px !important; }
input[type=checkbox]:not(old),
input[type=radio ]:not(old) {margin-right: 10px !important;}
.form-control {display: block !important;width: 100% !important;height: calc(1.5em + .75rem + 2px) !important;padding: .375rem .75rem !important;font-size: 1rem !important;font-weight: 400 !important;line-height: 1.5 !important;color: #495057 !important;background-color: #fff !important;background-clip: padding-box !important;border: 1px solid #ced4da !important;border-radius: .25rem !important;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;}
.form-group.form-check {display: flex !important;align-items: flex-start !important;justify-content: flex-start !important;}
.form-logo{width: 100% !important;float: left !important;margin-bottom: 15px !important;}
.form-group{width: 100% !important;float: left !important;margin-bottom:10px}
.form-check-input{position: relative !important;margin-top:2px}
.header_form .form-check label a{color: #000!important;}
.footer_form{width: 100% !important;float: left !important;padding: 0 10% !important;box-sizing:border-box}
.footer_form form{width: 100% !important;float:left}
.footer_form input{font-size: 12px!important;padding: 0 20px !important;height:35px}
.footer_form textarea{border-radius: 15px !important;font-size: 12px!important;height: 70px !important;padding:10px 20px}
.footer_form input[type=checkbox]{float: left !important;height:15px}
.footer_form .form-check label{text-align: left !important;font-size: 11px!important;float:left}
.footer_form .form-check label a{color:#fff!important}
.header_form{color: #fff!important;position: relative !important;width: 100% !important;display: inline-block !important;}
.header_form h4{font-weight: 300 !important;font-size: 1.5rem!important;width: 100% !important;float: left !important;margin-bottom: 10px !important;color: #000000 !important;}
.header_form h4 span{font-weight:900}
.header_form input, .header_form select{border-radius: 100px !important;font-size: 13px!important;padding: 0 20px !important;float:left}
.header_form input[type=email],.header_form input[type=text], .header_form select{height:40px!important}

.header_form textarea{border-radius: 15px !important;font-size: 14px!important;height: 90px !important;padding:10px 20px}
.header_form .form-check label{font-size: 12px!important;float: left !important;text-align: left !important;color: #000 !important;}
.btn-form{background-color: var(--primary) !important;border-radius: 100px !important;color: #fff !important;height: 45px !important;font-size: 14px !important;font-weight: 700 !important; float: left !important;margin-bottom: 15px !important;width: 100% !important;border: none !important;cursor: pointer !important;}
.iletisim-m .whatsapp-iletisim img{filter: invert(1);}

@media only screen and (max-width:1800px){
    section.subPage.kagithane {margin-top: 100px !important;}
}

@media only screen and (max-width:1600px) {
    .ozellikList li img {width: 70px !important;}
    .officeBox {height: 350px !important;}
    .galleryList li {height: 130px !important;}
    .galleryList li:nth-child(1) {height: 280px !important;}
    .galleryList:nth-child(2) li {height: 445px !important;}
    .bulten .container {padding-right: 35% !important;}
    .bulten figure {width: 40% !important;}
    .pdn {padding: 50px 0px !important;}
    #dp-next {bottom: 30% !important;}
    .locationSect figure {height: 450px !important; border-radius: 30px !important;}
    .tabMenu li {font-size: 20px !important;}
    .locationBox {margin-top: 60px !important; height: 390px !important; border-radius: 30px !important; padding: 30px !important;}
    ul.tabMenu {top: 10px !important;}
    .locTop a {width: 90px !important;}
    .locationBox ul li {font-size: 12px !important; margin: 15px 1% !important;}
    .locationBox ul {padding-left: 10% !important; margin-top: 0px !important;}
    .yol-tarifi {width: 160px !important; bottom: -20px !important;}
    .logoCarousel .owl-next {right: -30px !important;}
    .logoCarousel .owl-next, .logoCarousel .owl-prev {width: 20px !important;}
    .logoCarousel .owl-prev {left: -30px !important;}
    .locationBox article {width: 45% !important; border-width: 20px !important; border-top-width: 35px !important; height: 220px !important;}
    .locationBox article h2 {font-size: 1.3vw !important;}
    .locationBox article p {font-size: 1.3vw !important;}
}

@media only screen and (max-width:1375px) {
.topMenu ul li {margin: 0px 15px !important;}
.socialList span {font-size: 12px !important;}
.topContactBtn {width: 160px !important;}
.header_form input[type=email], .header_form input[type=text], .header_form select {height: 33px !important;}
.form-logo {width: 60% !important; margin: 0 auto 10px !important; display: table !important; float: initial !important;}
.header_form textarea {height: 60px !important;}
.topBar {height: 70px !important;}
.mtop {margin-top: 70px !important;}
.form-holder {padding-top: 70px !important;}
.header_form h4 {font-size: 1.3rem !important; margin-bottom: 5px !important;}
.officeBox {height: 380px !important;}
.officeBox article {width: 65% !important;}
.officeBox article ul li {font-size: 10px !important;}
.title h2 {font-size: 2vw !important;}
.bultenKayit form input[type=text] {width: 190px !important;}
.bulten .container {padding-right: 35% !important; padding: 60px 35% 60px 35px !important;}
.bulten figure {width: 35% !important;}
.container {max-width: 90% !important;}
.contactList .w50 a {font-size: 12px !important;}
.contactList span {font-size: 15px !important;}
.contactList p {font-size: 12px !important;}
.footer-1 .footerLogo {width: 90% !important;}
}

@media only screen and (max-width: 850px) {
    .kagithaneFooter{width: 100% !important;}
.form-holder {position: relative !important;width: 100% !important;padding: 20px 25px !important;}
.form-inner { width: 300px !important; margin: 0 auto !important; display: table !important; }
.menu { display: none !important; }
.main-page{height: auto !important;width: 100% !important;}
p {font-size: 16px !important;}
.title h2 {font-size: 7vw !important;}
.menu-trigger {width: 40px !important; height: 25px !important; position: relative !important; cursor: pointer !important; display: inline-block !important; vertical-align: top !important;}
.menu-trigger .line {width: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; height: 2px !important; background: #fff !important;}
.menu-trigger .line {width: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; height: 2px !important; background: var(--primary) !important; transition: 0.3s !important;}
.menu-trigger .line.line-1 {transition: all 0.3s 0.3s, transform 0.3s 0s !important;}
.menu-trigger .line.line-2 {top: 50% !important; margin-top: -1px !important; left: 0 !important; transition: all 0.3s 0.3s !important;}
.menu-trigger .line.line-3 {bottom: 0 !important; top: auto !important; left: 0 !important; transition: all 0.3s 0.3s, transform 0.3s 0s !important;}
.menu-trigger.active {transform: rotate(135deg) !important; transition: all 0.5s 0.3s !important;}
.menu-trigger.active .line-1 {top: 50% !important; margin-top: -1px !important; transform: rotate(90deg) !important; transition: all 0.3s, transform 0.3s 0.3s !important;}
.menu-trigger.active .line-2 {opacity: 0 !important; transition: all 0.3s, opacity 0.3s 0s !important;}
.menu-trigger.active .line-3 {bottom: 50% !important; margin-bottom: -1px !important; transform: rotate(0deg) !important; transition: all 0.3s, transform 0.3s 0.3s !important;}
.topMenu {position: fixed !important; right: 0px !important; top: 0px !important; height: 100vh !important; width: 270px !important; background-color: var(--titlecolor) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; z-index: 1 !important; background-color: #333 !important; padding: 80px 30px 0px !important; z-index: 1 !important;}
.topMenu>ul {display: flex !important; flex-direction: column !important; align-items: flex-start !important;}
.topMenu>ul>li>a {font-size: 5vw !important; margin: 0px !important; color: #fff !important; line-height: 1.2 !important; display: table !important; padding: 5px 0px !important; margin: 10px 0px !important;}
.topMenu>ul>li {margin: 0px !important; width: 100% !important;}
.sub-menu {position: relative !important; top: 0px !important; visibility: visible !important; pointer-events: initial !important; opacity: 1 !important; width: 100% !important; display: inline-block !important; margin: 0px !important;}
.sub-menu li a {margin: 0 !important; padding: 7px 15px !important; width: 100% !important;}
.sub-menu li {width: 100% !important; margin: 0px !important;}
.menuActive main {right: 270px !important;}
.menuActive {overflow: hidden !important;}
.shadowMask {position: fixed !important; left: 0px !important; top: 0px !important; width: auto !important; height: 100vh !important; bottom: 0px !important; right: 0px !important; z-index: 5 !important; background-color: rgb(0 0 0 / 50%) !important; opacity: 0 !important; pointer-events: none !important; transition: all .3s cubic-bezier(0.42, 0, 0.18, 1) !important;}
.menuActive .shadowMask {opacity: 1 !important; pointer-events: initial !important; right: 270px !important;}
.topMenu>ul>li:last-child {border: none !important;}
.topBar {height: 70px !important; background-color: #f3f4f6 !important;}
.menuActive .topBar {left: -270px !important;}
.topMenu .socialList {position: absolute !important; top: 20px !important; left: 5% !important; width: 90% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important;}

.topMenu .socialList ul li {margin: 0px 4px !important;}
.topContactBtn {width: 100% !important; text-align: center !important; font-size: 20px !important; position: fixed !important; bottom: 0 !important; z-index: 4 !important; left: 0 !important; border-radius: 0 !important; height: 55px !important; padding: 10px 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; display: none !important;}
.menuActive .topContactBtn {left: -270px !important;}
.hakkinda article {width: 100% !important; padding: 0 !important;}
.hakkinda figure {width: 100% !important; margin-top: 25px !important; display: none !important;}
.tanitim {margin-bottom: 0 !important;}
.ozellikList li {width: 100% !important; margin: 10px 0px !important;}
.ozellikList li span {font-size: 5vw !important;}
.title.center {margin-bottom: 30px !important;}
.officeBox {width: 100% !important; padding: 180px 30px 30px 30px !important; height: auto !important; margin-bottom: 150px !important;}
.galleryList {width: 100% !important; margin: 10px 0 !important;}
.galleryList li:nth-child(1) {margin-bottom: 20px !important; height: 150px !important;}
.bulten .container {padding: 20px !important; border-radius: 10px !important;}
.bulten figure {position: relative !important; height: 250px !important; right: 0 !important; top: 0 !important; margin-top: 20px !important; width: 100% !important;}
.bultenKayit form input[type=text] {width: 60% !important;}
.bultenKayit form input[type=submit] {width: 35% !important; margin-left: 5% !important;}
.bulten .title h2 {font-size: 5vw !important;}
.pdn {padding: 30px 0 !important;}
.galleryList:nth-child(2) li {margin-bottom: 0 !important;}
.ft-50.left {width: 100% !important;}
.footer-1 {width: 100% !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;}
.footer-1 .footerLogo {width: auto !important;}
.bottom .container {padding: 30px 0px !important; display: inline-block !important; margin-left: 5% !important;}
.bottom {padding: 35px 0px 99px !important;}
.contactList {width: 100% !important; margin: 30px 0px !important;}
.contactList .w50 {width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin-bottom: 40px !important;}
.contactList span {text-align: center !important; font-size: 22px !important;}
.ft-50 {width: 100% !important;}
.contactList .w50 a {font-size: 15px !important;}
.copyright {margin-bottom: 0 !important; font-size: 4vw !important;}
.contactList p {font-size: 14px !important;}
.officeImgs {height: 250px !important; width: 100% !important; left: 64% !important; right: initial !important; top: 0 !important; transform: translate(-50%, -50%) !important;}
.officeBox:last-child {margin-bottom: 0px !important;}
.officeBox article {width: 100% !important;}
#dp-next {bottom: 30% !important;}
.officeBox article ul li {font-size: 12px !important;}
.ozellikList {margin-bottom: 0 !important;}
.header_form input[type=email], .header_form input[type=text], .header_form select {height: 45px !important;}
.header_form textarea {height: 100px !important;}
.footer-1 span {text-align: center !important; font-size: 15px !important;}
.locationSect figure {width: 100% !important; height: 300px !important; border-radius: 15px !important;}
ul.tabMenu {position: relative !important; top: 0 !important; width: 100% !important; margin-bottom: 20px !important; display: inline-block !important; text-align: center !important;}
.tabMenu li {margin: 0 10px !important; text-align: center !important; float: initial !important; display: inline-block !important; font-size: 5vw !important;}
.locationBox {width: 100% !important; margin-top: 15px !important; border-radius: 15px !important; height: auto !important; padding: 25px 15px !important;}
.locTop {flex-direction: column !important; align-items: center !important;}
.locTop p {font-size: 3vw !important; line-height: 1.3 !important;}
.locTop a {width: 130px !important; margin-top: 10px !important;}
.locationBox ul li {width: 31% !important;}
.yol-tarifi {right: 50% !important; transform: translateX(50%) !important; width: 200px !important; bottom: -25px !important;}
.locationBox article {position: relative !important; right: 0 !important; transform: initial !important; width: 100% !important; bottom: initial !important; top: -80px !important; margin-bottom: -60px !important; height: inherit !important; padding-bottom: 15px !important; border-radius: 15px !important; border-width: 34px 15px 28px 15px !important;}
.locationBox article::before {border-radius: 15px !important;}
.locationBox article h2 {font-size: 5vw !important;}
.locationBox article p {font-size: 4vw !important;}
.logoCarousel .owl-nav {display: none !important;}
.galleryCarousel .owl-nav {position: relative !important; margin: 15px auto 0 !important; display: table !important;}
.galleryCarousel .owl-next, .galleryCarousel .owl-prev {position: relative !important; top: 0 !important; float: left !important; margin: 0px 6px !important; right: 0 !important;}
.bultenKayit form input[type=email] {width: 60% !important;}
.bultenKayit form input[type=submit] {width: 35% !important; margin-left: 5% !important;}
.iletisim-m{position: fixed !important;width: 100% !important;background: var(--primary) !important;display: inline-block!important;box-sizing: border-box !important;bottom: -200px !important;z-index: 999 !important;transition: all .3s ease-in-out !important;left: 0 !important;display: inline-block !important;}
.iletisim-m.active{bottom: 0 !important;box-shadow:0 0 15px rgba(0,0,0,.2)}
.iletisim-m ul li{float: left !important;width: 50% !important;font-size: 22px !important;text-align: center !important;list-style:none}
.iletisim-m ul li i{display: block !important;box-sizing: border-box !important;width: 27px !important;padding-bottom: 0 !important;display: inline-block !important;position: relative !important;margin-right:10px}
.iletisim-m ul li:nth-child(1){box-sizing: border-box !important;border-right:1px solid #fff}
.iletisim-m ul li:nth-child(2){box-sizing:border-box}
.iletisim-m ul li.form-icon{position: absolute !important;top: -25px !important;width: 80px !important;left: 50% !important;margin-left: -40px !important;text-align:center}
.iletisim-m ul li a{color: #fff !important;font-size: 3vw !important;width: 100% !important;padding: 0 !important;height: 60px !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 20px !important;box-sizing: border-box !important;font-weight:700}
.iletisim-m ul{width: 100% !important;display: inline-block !important;float: left !important;padding: 0 !important;margin:0}
.iletisim-m ul li:first-child a{justify-content:flex-start}
.iletisim-m ul li.form-icon a{padding:0}
.iletisim-m ul li:nth-child(2) a{justify-content:flex-end}
.officeCarousel .items {flex-direction: column !important;padding: 15px !important;}
.officeCarousel .items.officeBox {display: inline-block !important;display: flex !important;flex: 1 0 auto !important;height: 100% !important;width: calc(100% - 2px) !important;margin-left: 1px !important;margin-top: 0 !important;}
.officeCarousel .items .title {margin-top: 20px !important;margin-bottom: 10px !important;}
.officeCarousel .owl-next, .officeCarousel .owl-prev{position: absolute !important;top: 80px !important;right: -10px !important;height: 45px !important;width: 45px !important;z-index: 10 !important;cursor: pointer !important;background-color: #fff !important;padding: 12px !important;border-radius: 360px !important;display: flex !important;align-items: center !important;justify-content: center !important;background-image: url(../images/img/kagithane/icons/next.png) !important;background-position: center !important;background-size: 20px !important;background-repeat: no-repeat !important;text-indent: -9999em !important;border: 3px solid var(--primary) !important;}
.officeCarousel .owl-prev{top: 140px !important;background-image: url(../images/img/kagithane/icons/prev.png) !important;}
.officeCarousel .owl-stage {display: flex !important;height: 100% !important;}
.officeCarousel .officeBox article p {margin-bottom: 15px !important;line-height: 1.7 !important;}
.officeCarousel .officeBox article ul li {margin-bottom: 10px !important;}
.officeCarousel{display: inline-block !important;}
}

@media only screen and (max-width: 500px) {
.officeCarousel .items.officeBox figure {height: 200px !important;overflow: hidden !important;display: flex !important;align-items: center !important;justify-content: center !important;position: relative !important;width: 100% !important;right: 0 !important;}
.officeCarousel .owl-next, .officeCarousel .owl-prev {top: 60px !important;}
.officeCarousel .owl-prev {top: 120px !important;}
}

@media only screen and (max-width: 320px) {
.form-inner { width: 100% !important; }
}