:root{
    --primary:#43a738;
    --textcolor:#2B2B2B;
}
.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: 125px 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; }
.halic h2{color: var(--textcolor) !important; text-align: start !important; font-weight: 400 !important; font-size: 2.1vw !important;}
.halic .main-page{width: calc(100% - 350px) !important;}
.halic p {font-size: 1vw !important; line-height: 2.2 !important;font-weight: 400 !important;color: var(--textcolor) !important;}
.halicFooter{width: calc(100% - 350px) !important;}
.halicFooter .tel{font-size: 35px !important;}
.img100 img{ width: 100% !important;}
.halic .iletisim-m 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.halic {margin-top: 125px !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.halic {display: none;}
.quickAccess.halic .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 figure img{width: 100% !important;}
.hakkinda article{float: right !important;width: 65% !important;position: relative !important;z-index: 2 !important;padding-top: 5% !important;padding-left: 10% !important;}
.hakkinda article p:last-child{margin-bottom:0 !important}
.hakkinda article h3{font-size:1.1vw !important;display:inline-block !important;width:100% !important;color:#686f7d !important}
.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;}
.hakkinda p:last-child{margin-bottom:0 !important}
.title{width:100% !important;display:inline-block !important;margin-bottom:20px !important}
.title span{color: #484848 !important;}
.title h2{font-size: 2.5vw !important;width:100% !important;font-weight: 400 !important; display:inline-block !important;color: var(--primary) !important;line-height: 1.2 !important;}
.title h2 span{font-weight: 300 !important; font-size: 2.4vw; display: inline !important; font-style: normal !important; color: #484848;}
.title h2 span.text-green{color: var(--primary) !important;}
.title.center{text-align:center !important;margin-bottom: 60px !important;}
.dotsBefore::before{content: "" !important;background-image: url(../images/img/flatofis/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/flatofis/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{position: relative !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: 40% !important;transform: translateY(-50%) !important;}
.logoCarousel .owl-next{background-image: url(../images/img/flatofis/icons/next.png) !important;right: -55px !important;}
.logoCarousel .owl-prev{background-image: url(../images/img/flatofis/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 !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 !important}
.yolTarifi i{margin-left:10px !important}
a.yolTarifi:hover{background-color:#ddbfa7 !important}
.contactList .w50 a{color: #000 !important;font-size: 14px !important;}
.contactList ul{width:100% !important;display:inline-block !important;margin-top:25px !important}
.contactList ul li{display:inline-block !important;width:100% !important;margin-bottom:25px !important}
.contactList ul li a{display:flex !important;align-items:center !important;justify-content:flex-start !important}
.contactList ul li a img{margin-right:15px !important}
.contactList ul li:last-child{margin-bottom:0 !important}
.ft-50:nth-child(2){margin-right:0 !important}
.contactList .w50:last-child{margin-bottom:0 !important}
.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 !important}
.footer-2 p{color:#fff !important;font-size:20px !important;letter-spacing:2px !important;font-weight:300 !important}
.sosyalMedya{display:flex !important;align-items:center !important;justify-content:center !important}
.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 !important}
.sosyalMedya li{margin: 0px 10px !important;}
.ft-50:first-child{padding-right:0 !important}
.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 !important}
.bultenKayit form{position:relative !important}
.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; font-size: 2.1vw !important; font-weight: 400 !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/flatofis/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/flatofis/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% !important}
.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 !important}
.dp-slider div{transform-style:preserve-3d !important}
.dp_item{display:block !important;position:absolute !important;text-align:center !important;color:#fff !important;border-radius:10px !important;transition:transform 1.2s !important}
.dp-img img{border-left:1px solid #fff !important}
#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) !important}
.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) !important}
.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) !important}
#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 !important}
#dp-prev,#dp-prev-2,#dp-prev-3,#dp-prev-4,#dp-prev-5{transform:rotate(180deg) !important;bottom: 9% !important;right:12% !important}
.dp_item{width:80% !important;height:100% !important}
.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 !important}
.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%) !important}
.dp-content{padding-left:100px !important;padding-right:0 !important;display:inline-block !important;width:100% !important}
.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 !important}
.dp-content p{color:#74747f !important;max-width:490px !important;margin-top:15px !important;font-size:24px !important}
.dp-content .site-btn{margin-top:15px !important;font-size:13px !important;padding:19px 40px !important}
.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) !important}
.dp-img img{object-fit:cover !important;object-position:right !important}
#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 !important}
.galeri{width:100% !important;float:left !important;overflow:hidden !important;padding:80px 0 100px !important}
.slider-widget{width:75% !important;float:left !important;position:relative !important}
#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 !important}
#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 !important}
.dp-img a{width:100% !important;height:100% !important;display:block !important}
.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:.6vw !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 h2{font-size: 20px !important; color: var(--textcolor) !important; text-align: center !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; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; padding-top:40px !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; font-weight:400 !important; position:absolute !important; top:-20px !important; left:0px !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: inherit !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/flatofis/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;/* right:12%; */background-image: url(../images/img/flatofis/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;}
.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: inherit !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/flatofis/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/flatofis/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;}
#ozellikler h2, #hizmetlerimiz h2,#galeri h2{ text-align: center !important;}
#ozellikler h2 span, #hizmetlerimiz h2 span, #galeri h2 span{color: #484848 !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 !important }
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 !important}
.form-check-input{position:relative !important;margin-top:2px !important}
.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 !important}
.footer_form form{width:100% !important;float:left !important}
.footer_form input{font-size:12px!important;padding:0 20px !important;height:35px !important}
.footer_form textarea{border-radius:15px !important;font-size:12px!important;height:70px !important;padding:10px 20px !important}
.footer_form input[type=checkbox]{float:left !important;height:15px !important}
.footer_form .form-check label{text-align:left !important;font-size:11px!important;float:left !important}
.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 !important}
.header_form input, .header_form select{border-radius:100px !important;font-size:13px!important;padding:0 20px !important;float:left !important}
.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 !important}
.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;}

.tanitim {width: 100% !important;}
.tanitim a {width: 350px !important; display: inline-block !important;}
.tanitim a img{width: 100%;}
.iletisim-m .whatsapp-iletisim img{filter: invert(1);}

@media screen and (max-width:1800px){
section.subPage.halic {margin-top: 100px !important;}
}
@media screen and (max-width:1600px){
 .halic .ozellikList li img {width:70px !important;}
 .halic .officeBox {height:430px !important;}
 .halic .galleryList li {height:130px !important;}
 .halic .galleryList li:nth-child(1) {height:280px !important;}
 .halic .galleryList:nth-child(2) li {height:445px !important;}
 .halic .bulten .container {padding-right:35% !important;}
 .halic .bulten figure {width:40% !important;}
 .halic .pdn {padding:50px 0px !important; overflow: hidden;}
 .halic #dp-next {bottom:30% !important;}
 .halic .locationSect figure {height:450px !important; border-radius:30px !important;}
 .halic .tabMenu li {font-size:20px !important;}
 .halic .locationBox {margin-top:60px !important; height:390px !important; border-radius:30px !important; padding:30px !important;}
 .halic ul.tabMenu {top:10px !important;}
 .halic .locTop a {width:90px !important;}
 .halic .locationBox ul li {font-size:12px !important; margin:15px 1% !important;}
 .halic .locationBox ul {padding-left:10% !important; margin-top:0px !important;}
 .halic .yol-tarifi {width:160px !important; bottom:-20px !important;}
 .halic .logoCarousel .owl-next {right:-30px !important;}
 .halic .logoCarousel .owl-next, .logoCarousel .owl-prev {width:20px !important;}
 .halic .logoCarousel .owl-prev {left:-30px !important;}
 .halic .locationBox article {width:45% !important; border-width:20px !important; border-top-width:35px !important; height:220px !important;}
 .halic .locationBox article h2 {font-size:1.3vw !important;}
 .halic .locationBox article p {font-size:1.3vw !important;}
}
@media only screen and (max-width:1440px) {
.halic .topMenu ul li {margin:0px 15px !important;}
.halic .socialList span {font-size:12px !important;}
.halic .topContactBtn {width:160px !important;}
.halic .header_form input[type=email], .header_form input[type=text], .header_form select {height:33px !important;}
.halic .form-logo {width:60% !important; margin:0 auto 10px !important; display:table !important; float:initial !important;}
.halic .header_form textarea {height:60px !important;}
.halic .topBar {height:70px !important;}
.halic .mtop {margin-top:55px !important;}
.halic .form-group {margin-bottom:5px !important;}
.halic .header_form h4 {font-size:1rem !important; margin-bottom:5px !important;}
.halic .header_form h4 br {display:none !important;}
.halic .officeBox {height:380px !important;}
.halic .officeBox article {width:65% !important;}
.halic .officeBox article ul li {font-size:10px !important;}
.halic .title h2 {font-size:2vw !important;}
.halic .title h2 span{font-size:1.9vw !important;}
.halic .bultenKayit form input[type=email] {width:190px !important;}
.halic .bulten .container {padding-right:35% !important; padding:60px 35% 60px 35px !important;}
.halic .bulten figure {width:35% !important;}
.halic .container {max-width:90% !important;}
.halic .contactList .w50 a {font-size:12px !important;}
.halic .contactList span {font-size:15px !important;}
.halic .contactList p {font-size:12px !important;}
.halic .footer-1 .footerLogo {width:90% !important;}
}

@media only screen and (max-width: 850px) {
.tanitim {margin-bottom: 0 !important;}

.halicFooter{width: 100% !important;}
.halic .form-holder {position: relative !important;width: 100% !important;padding: 20px 25px !important; }
.halic .form-inner { width: 300px !important; margin: 0 auto !important; display: table !important; }
.halic .menu { display: none !important; }
.halic .main-page{height: auto !important;width: 100% !important;}
.halic main {overflow-x:hidden !important;}
.halic p {font-size:16px !important;}
.halic .title h2 {font-size:7vw !important;}
.halic .title h2 span {font-size:6.5vw !important;}

.halic .menu-trigger {width:40px !important; height:25px !important; position:relative !important; cursor:pointer !important; display:inline-block !important; vertical-align:top !important;}
.halic .menu-trigger .line {width:100% !important; position:absolute !important; top:0 !important; left:0 !important; height:2px !important; background:#fff !important;}
.halic .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;}
.halic .menu-trigger .line.line-1 {transition:all 0.3s 0.3s, transform 0.3s 0s !important;}
.halic .menu-trigger .line.line-2 {top:50% !important; margin-top:-1px !important; left:0 !important; transition:all 0.3s 0.3s !important;}
.halic .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;}
.halic .menu-trigger.active {transform:rotate(135deg) !important; transition:all 0.5s 0.3s !important;}
.halic .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;}
.halic .menu-trigger.active .line-2 {opacity:0 !important; transition:all 0.3s, opacity 0.3s 0s !important;}
.halic .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;}
.halic .topMenu {position:fixed !important; right:0px !important; top:0px !important; height:100vh !important; width:270px !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;}
.halic .topMenu>ul {display:flex !important; flex-direction:column !important; align-items:flex-start !important;}
.halic .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;}
.halic .topMenu>ul>li {margin:0px !important; width:100% !important;}
.halic .menuActive main {right:270px !important;}
.halic .menuActive {overflow:hidden !important;}
.halic .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;}
.halic .menuActive .shadowMask {opacity:1 !important; pointer-events:initial !important; right:270px !important;}
.halic .topMenu>ul>li:last-child {border:none !important;}
.halic .topBar {height:70px !important; background-color:#f3f4f6 !important;}
.halic .menuActive .topBar {left:-270px !important;}
.halic .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;}
.halic .topMenu .socialList ul li {margin:0px 4px !important;}
.halic .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;}
.halic .menuActive .topContactBtn {left:-270px !important;}
.halic .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;}
.halic .sub-menu li a {margin:0 !important; padding:7px 15px !important; width:100% !important;}
.halic .sub-menu li {width:100% !important; margin:0px !important;}
.halic .hakkinda article {width:100% !important; padding:0 !important;}
.halic .hakkinda figure {width:100% !important; margin-top:25px !important;}
.halic .ozellikList li {width:100% !important; margin:10px 0px !important;}
.halic .ozellikList li span {font-size:5vw !important;}
.halic .title.center {margin-bottom:30px !important;}
.halic .officeBox {width:100% !important; padding:180px 30px 30px 30px !important; height:auto !important; margin-bottom:150px !important; display:none !important;}
.halic .galleryList {width:100% !important; margin:10px 0 !important;}
.halic .galleryList li:nth-child(1) {margin-bottom:20px !important; height:150px !important;}
.halic .bulten .container {padding:20px !important; border-radius:10px !important;}
.halic .bulten figure {position:relative !important; height:250px !important; right:0 !important; top:0 !important; margin-top:20px !important; width:100% !important;}
.halic .bultenKayit form input[type=email] {width:60% !important;}
.halic .bultenKayit form input[type=submit] {width:35% !important; margin-left:5% !important;}
.halic .bulten .title h2 {font-size:5vw !important;}
.halic .pdn {padding:30px 0 !important;}
.halic .galleryList:nth-child(2) li {margin-bottom:0 !important;}
.halic .ft-50.left {width:100% !important;}
.halic .footer-1 {width:100% !important; margin:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;}
.halic .footer-1 .footerLogo {width:190px !important;}
.halic .bottom .container {padding:30px 0px !important; display:inline-block !important; margin-left:5% !important;}
.halic .bottom {padding:35px 0px 100px !important;}
.halic .contactList {width:100% !important; margin:30px 0px !important;}
.halic .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;}
.halic .contactList span {text-align:center !important; font-size:22px !important;}
.halic .ft-50 {width:100% !important;}
.halic .contactList .w50 a {font-size:15px !important;}
.halic .copyright {margin-bottom:0 !important; font-size:4vw !important;}
.halic .contactList p {font-size:14px !important;}
.halic .officeImgs {height:250px !important; width:100% !important; left:64% !important; right:initial !important; top:0 !important; transform:translate(-50%, -50%) !important;}
.halic .officeBox:last-child {margin-bottom:0px !important;}
.halic .officeBox article {width:100% !important;}
.halic #dp-next {bottom:30% !important;}
.halic .officeBox article ul li {font-size:12px !important;}
.halic .ozellikList {margin-bottom:0 !important;}
.halic .header_form input[type=email], .halic .header_form input[type=text], .halic .header_form select {height:45px !important;}
.halic .header_form textarea {height:100px !important;}
.halic .footer-1 span {text-align:center !important; font-size:15px !important;}
.halic .locationSect figure {width:100% !important; height:300px !important; border-radius:15px !important;}
.halic ul.tabMenu {position:relative !important; top:0 !important; width:100% !important; margin-bottom:20px !important; display:inline-block !important; text-align:center !important;}
.halic .tabMenu li {margin:0 10px !important; text-align:center !important; float:initial !important; display:inline-block !important; font-size:5vw !important;}
.halic .locationBox {width:100% !important; margin-top:15px !important; border-radius:15px !important; height:auto !important; padding:25px 15px !important;}
.halic .locTop {flex-direction:column !important; align-items:center !important;}
.halic .locTop p {font-size:3vw !important; line-height:1.3 !important;}
.halic .locTop a {width:130px !important; margin-top:10px !important;}
.halic .locationBox ul li {width:31% !important;}
.halic .yol-tarifi {right:50% !important; transform:translateX(50%) !important; width:200px !important; bottom:-25px !important;}
.halic .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; padding-top:55px !important;}
.halic .locationBox article::before {border-radius:15px !important;}
.halic .locationBox article h2 {font-size:5vw !important;}
.halic .locationBox article p {font-size:4vw !important;}
.halic .logoCarousel .owl-nav {display:none !important;}
.halic .galleryCarousel .owl-nav {position:relative !important; margin:15px auto 0 !important; display:table !important;}
.halic .galleryCarousel .owl-next, .galleryCarousel .owl-prev {position:relative !important; top:0 !important; float:left !important; margin:0px 6px !important; right:0 !important;}
.halic .locationBox ul {padding-left:0 !important; display:inline-block !important;}
.halic .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;}
.halic .iletisim-m.active{bottom:0 !important;box-shadow:0 0 15px rgba(0,0,0,.2) !important}
.halic .iletisim-m ul li{float:left !important;width:50% !important;font-size:22px !important;text-align:center !important;list-style:none !important}
.halic .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 !important}
.halic .iletisim-m ul li:nth-child(1){box-sizing:border-box !important;border-right:1px solid #fff !important}
.halic .iletisim-m ul li:nth-child(2){box-sizing:border-box !important}
.halic .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 !important}
.halic .iletisim-m ul li a{color:#fff !important;font-size:4vw !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 !important}
.halic .iletisim-m ul{width:100% !important;display:inline-block !important;float:left !important;padding:0 !important;margin:0 !important}
.halic .iletisim-m ul li:first-child a{justify-content:flex-start !important}
.halic .iletisim-m ul li.form-icon a{padding:0 !important}
.halic .iletisim-m ul li:nth-child(2) a{justify-content:flex-end !important}
.halic .officeCarousel .items {flex-direction: column !important;padding: 15px !important;}
.halic .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;}
.halic .officeCarousel .items .title {margin-top: 20px !important;margin-bottom: 10px !important;}
.halic .officeCarousel .officeBox article p {margin-bottom: 15px !important;line-height: 1.7 !important;}
.halic .officeCarousel .officeBox article ul li {margin-bottom: 10px !important;}
.halic .officeCarousel {display: inline-block !important;}
}

@media only screen and (max-width: 600px) {
.halic .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;}
.halic .officeCarousel .owl-next, .halic .officeCarousel .owl-prev {top: 60px !important;}
.halic .officeCarousel .owl-prev {top: 120px !important;}
}

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