﻿.main { border-top:14px solid #4abed2}
.home .bgbeyaz>.ortala>ul>li>ul>li>h1 {font-family: 'lato_trlight'; margin-bottom:1px; line-height:26px}
.ortala { margin:0 auto !important; max-width:1200px;height: 100%;}
.icortala { margin:0 auto; max-width:900px;height: 100%;position:relative;}
.yortala {text-align:center}
.ysol{float:right;padding-right:0px !important;}
.ysag { text-align:right;float: left;width: calc(100% - 120px);    padding-right: 10px;}
.kurumsal .ysag{width: calc(100% - 200px);}
.menubar{ width:100%; background:url("../img/ustbg.jpg " ); height:74px; overflow:hidden; padding:1px 0}
.logo { float:left}
.logo>a>img { width:210px}
.menubar .menu{ float:right; display:table; height:100%; vertical-align:middle}
.menubar .menu > a { font-weight:600; height:100%;display: table-cell;vertical-align: middle; letter-spacing:0px; padding:0 14px;font-size: 14.3px; background:url(../img/border.png) no-repeat right; color:#4b4a4b;font-family: 'lato_trbold';}
    .menubar .menu > .nobg{background:none; padding-right:25px}
    .menubar .menu > a:hover { color:#4abed2}
    .diller{width: 55px;    margin-top: 24px;    float: right;}
    .diller>.dilsecim{display:block;padding: 6px 10px;cursor: pointer;border: 1px solid rgba(0, 0, 0, 0.12);width:calc(100% - 22px);font-family: 'lato_trbold';color:#4b4a4b; font-size:12px}
    .diller > .dilsecim i { padding-left:4px}
    .diller>.dilliste{display:none;position:absolute;background: #fff;border-left: 1px solid rgba(0, 0, 0, 0.12);border-right: 1px solid rgba(0, 0, 0, 0.12);width: 53px;text-align: center;border-top: 1px solid rgba(0, 0, 0, 0.12);z-index:99;}
    .diller>.dilliste>.dilslash{display:none;}
    .diller>.dilliste>a{width: 100%;display: block;width: 54px;text-align: center;padding: 10px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.12);font-family: 'lato_trbold';color:#4b4a4b;font-size:13px;}
    .diller>.dilliste>a:first-child{font-weight:600}
    .diller>.dilliste>a:last-child{border-bottom:unset;}

.banner { width:100%; height:450px; overflow:hidden}
 .rsContent>div{position:absolute;width:100%;font-family:'Open Sans';font-size:30px;bottom:0; left:0; color:#fff;text-align: center;background: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.72));height: 160px;font-weight: 300;padding-top: 200px;}
        .rsContent>div>.slide-yazi{width:calc(100% - 40px);padding:0 20px;text-align:left;max-width: 1175px;margin: 0 auto;}
        .slide-yazi>span{font-family: 'lato_trbold';}
        .slide-yazi>p{font-family: 'lato_trlight';font-size:24px;line-height: 35px;}

.rsContent>div span{font-weight:500;}
.container{/*height:560px;*/width:100%;   position: relative;}
.container>.slider{width:100%;height:450px; position:relative;background:#eeedec; overflow:hidden;}
.container>.slider img{width:100%}
.container>.slider>.leftarrow{position:absolute;left:0;top:40%}
.container>.slider>.rightarrow{position:absolute;right:0;top:40%}

.slider-container .owl-theme .owl-controls{margin:0;text-align:left}.slider-container .owl-pagination{position:absolute;text-align:center; max-width:980px;width:980px;left:0;right:0;margin:auto; bottom:5%}.slider-container .owl-theme .owl-controls .owl-page span{/*background:#00a550;*/width:15px;height:15px;opacity:1;border:2px solid #00a550}.slider-container .owl-theme .owl-controls .owl-page.active span{background:#00a550}.home-main-slider-bottom{padding:50px 0;background:#221e1f}.home-news-slider{position:relative}.home-news-slider .item{width:100%;display:block;position:relative}.home-news-slider .item a{position:absolute;width:100%;height:100%;left:0;top:0}.home-news-slider .owl-pagination{position:absolute;bottom:-30px;left:0;right:0}.home-news-slider .owl-theme .owl-controls .owl-page span{background:#000;opacity:1}.home-news-slider .owl-theme .owl-controls .owl-page.active span{background:#fff}.home-news-slider h3{color:#8ec83d;font-size:17px;font-family:'Open Sans',sans-serif;font-weight:400;margin-bottom:15px;margin-top:20px}.home-news-slider .desc{color:#fff;font-size:14px;font-family:'Open Sans',sans-serif;line-height:20px}.home-news-slider .desc p{margin-bottom:15px}.home-news-slider a.archive{background:#000;height:20px;line-height:20px;font-size:11px;width:55px;display:block;text-align:center;color:#fff;text-decoration:none;position:absolute;bottom:0}.home-news-slider .social-type-1{position:absolute;right:0;bottom:0}.showcase{padding-bottom:50px}.showcase article figure{position:relative}.showcase article figure span{width:80px;height:80px;position:absolute;top:0;left:0;display:block}.showcase article figure span.new{background:url(../img/icons/icon_new.png)}.showcase article figure span.campaign{background:url(../img/icons/icon_cam.png)}.showcase{background:#8ec83d}.showcase .title{position:relative}.showcase .title h2{font-family:Ubuntu,sans-serif;font-weight:700;font-size:33px;color:#221e1f;letter-spacing:-2.5px;text-align:center;height:105px;line-height:105px;z-index:999999;position:relative;width:220px;margin:0 auto;background:#8ec83d}.showcase .title .hr-con{height:12px;position:absolute;width:100%;top:50%;margin-top:-5px}.showcase .title .hr-con span{display:block;width:100%;height:1px;border:1px solid #000;margin-bottom:3px}.home-shop{/*background:#fff;*//*position: relative;z-index: -2;*/    padding: 32px;border: 1px solid #e2e2e2;}.home-shop .home-shop-slider{position:relative;max-width:935px;width:100%;margin:0 auto}.home-shop .home-shop-slider .owl-wrapper{height:75px}.home-shop .home-shop-slider .item{text-align:center}.home-shop .home-shop-slider .item a{position:relative}.home-shop .home-shop-slider .item a.active:after,.home-shop .home-shop-slider .item a:hover:after{content:'';width:0;height:0;border-style:solid;border-width:7px 6.5px 0;border-color:#8ec83d transparent transparent;position:absolute;bottom:-10px;left:50%;margin-left:-6.5px}.home-shop .home-shop-slider .item a img{border:1px solid #333}.home-shop .home-shop-slider .owl-controls .owl-buttons div{background:url(../img/home-shop-slider-arrow.png);width:24px;height:67px;display:block;padding:0;margin:0;position:absolute;top:-2px;text-indent:100%;white-space:nowrap;overflow:hidden}.home-shop .home-shop-slider .owl-controls .owl-buttons div.owl-prev{left:-24px}.home-shop .home-shop-slider .owl-controls .owl-buttons div.owl-next{right:-24px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.home-shop-selected{position:relative;}.home-shop-selected h3{color:#888;font-size:20px;font-family:'Open sans',sans-serif;text-align:center;/* margin-bottom:50px; */display:block;font-weight:400;}.home-shop-selected-slider{position:relative;/*max-width:1150px;*/width:100%;margin:0 auto;}.home-shop .home-shop-selected-slider .item{width:250px;margin:0 auto;height: 100%;display: block;position: relative;overflow: hidden;}.home-shop .home-shop-selected-slider .item a{position:relative;display: block;height: 100%;width: 100%;overflow: hidden;text-decoration:none}.home-shop .home-shop-selected-slider .item a img{/*float:left;*/width:100%;position: relative;z-index: -1;display: block;}.home-shop .home-shop-selected-slider .owl-pagination{position:absolute;top:-42px;left:0;right:0}.home-shop .home-shop-selected-slider .owl-pagination .owl-page span{background:#00a550;opacity:1}.home-shop .home-shop-selected-slider .owl-pagination .owl-page.active span{background:#fff; border:1px solid #00a550}.e-bulletin .mobile-socialSearch .socialSearch{width:145px;position:relative;z-index:0}@media all and (max-width:980px){.slider-container .owl-pagination{width:100%}}@media all and (max-width:640px){.socialSearch{display:none}.e-bulletin .mobile-socialSearch,.e-bulletin .mobile-socialSearch .socialSearch{display:block}}@media all and (max-width:500px){.home-main-slider-bottom .row .home-news-slider .col-2.fleft img{width:90%;margin:0 auto;display:block}.home-news-slider .desc,.home-news-slider h3{padding:0 1%;text-align:center}}@media all and (max-width:480px){.home-shop .home-shop-selected-slider .owl-pagination{position:relative;top:inherit;left:inherit;right:inherit}}
.owl-item{float:left;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: -64px;background: url(../img/gri-geri.svg) no-repeat rgb(255, 255, 255);background-size: 100%;    }
.owl-theme .owl-controls .owl-buttons .owl-next{right: -64px;background: url(../img/gri-ileri.svg) no-repeat rgb(255, 255, 255);background-size: 100%;}
.owl-theme .owl-controls{/* margin-top:10px; */text-align:center; display:block !important}.owl-theme .owl-controls .owl-buttons div{color: #afafaf;display:inline-block;zoom:1;padding: 28px 28px;font-size:12px;/* background: url(../img/right-arrow.svg); */position: absolute;top: 80px;cursor:pointer}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 3px;filter:Alpha(Opacity=50);opacity:.5;border-radius:20px;}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}
.owl-wrapper-outer {overflow:hidden}
.item p{text-align: center;background: #0070ba;margin: 0;padding: 10px 0;text-decoration: none !important;color: #fff;}

.promark {padding: 48px 0;font-size: 18px;}
.bgmavi { background:#4abed2; color:#fff;  font-family: 'lato_trlight';}
.bgbeyaz { background:url(../img/beyaznextbg.jpg) no-repeat center center; min-height:152px}
.bgresim{ color:#fff;font-family: 'lato_trregular';}
.bggri { background:#f4f4f4; min-height:152px; font-family: 'lato_trlight';}
.promark-neden-3{ background:url(../img/promark-neden-3.jpg) no-repeat center center;  }
.promark-neden-4{ background:url(../img/promark-neden-4.jpg) no-repeat center center;  }
.promark h1 { font-size:32px; margin-bottom:5px; font-family: 'lato_trlight';}
.promark h1 span {font-family: 'lato_trblack';}
.bgbeyaz .ortala {display:table; min-height:152px}
.bgbeyaz .ortala>ul {display:table-row}
.bgbeyaz .ortala>ul>li {display:table-cell; width:46%;vertical-align: middle;}
.bgbeyaz .ortala > ul > li:nth-child(2) { width:8%}

.bgresim h1{color:#fff;font-family: 'lato_trlight';font-size: 28px; margin-bottom:10px}
.bgresim p {  line-height:20px}
.bgbeyaz .ortala>ul>li h1 {color:#000;font-family: 'lato_trlight';font-size: 28px; margin-bottom:10px; line-height:20px}
.bgresim img { width:80px}
.bgbeyaz .ortala > ul > li ul {display:table}
.bgbeyaz .ortala > ul > li ul li{display:table-cell; vertical-align:middle;font-size: 14px;font-family: 'lato_trregular'; color:#4b4a4b; line-height:19px}
.bgbeyaz .ortala > ul > li ul li:first-child { padding-right:10px}
.bgbeyaz .ortala > ul > li ul li img {height:110px;}

.yazi{margin: 0px;font-family: 'lato_trlight';font-size: 18px;line-height: 28px;padding: 50px;color: #959595;}
.yazi>p{margin-top:15px}
.bggri .ortala>ul{display:table;width: 100%;}
.bggri .ortala>ul>li{display:table-cell;vertical-align:middle;padding: 25px;font-size:15px;line-height:22px; font-family:lato_trregular;color: #777777;}
.bggri .ortala>ul>li:first-child{width:250px}
.bggri .ortala>ul>li:last-child{background:#fff}
.bggri .ortala>ul>li:nth-child(2){vertical-align:top;}
.bggri .ortala>ul>li h4{font-weight:700;font-size:17px;margin-bottom:10px;height:22px;color:#000}
.bggri .ortala>ul>li a{color: #777777;}
.bggri .ortala>ul>li>h5{font-weight:700;margin-bottom:10px;color:#000}
.bggri .ortala>ul>li>p>span{font-weight:700;font-size:15px;color:#000}
.bggri .ortala>ul>li>img{width:300px}

.bggri .ortala>ul>li ul{float: left;}
.bggri .ortala>ul>li .hizmetaltmenu{margin-right: 70px;}

.bgbeyazalt { background:#fff; min-height:152px; font-family: 'lato_trregular';}
.bgbeyazalt .ortala {display:table; min-height:152px}
.bgbeyazalt .ortala>h4{padding: 30px 0;font-size: 20px;text-align:center}

.home .icortala:after{content: "";position: absolute;top: 100%;left: 50%;border-top: 15px solid #ccc;border-left: 15px solid transparent;border-right: 15px solid transparent;margin-left: -17px;  margin-top: 48px;}
.home .icortala:before{content: "";position: absolute;top: -48px;left: 50%;border-top: 15px solid #ccc;border-left: 15px solid transparent;border-right: 15px solid transparent;margin-left: -14px;border-top-color: #ffffff;  }
.bgmavi .icortala:after{border-top-color: #0070ba;}
.bgmavi .icortala:before{display:none}
.promark-neden-3 .icortala:after{border-top-color: #363636;margin-top: 48px;}
.promark-neden-4 .icortala:after{border-top-color: #318bc7;}
.bgbeyazalt>.ortala>ul{display:table;margin: 0 auto;}
.bgbeyazalt>.ortala>ul>li{display:table-cell}
.bgbeyazalt>.ortala>ul>li img {width:25px;padding: 0 10px;}

.headimg { width:100%; height:330px; font-size:22px}
.kurumsalbg {background: #0070ba url(../img/hakkimizda.png)  bottom;}
.musteribg {background: #0070ba url(../img/musteriler.jpg) bottom;height: 380px;}

.kisabg{ height:280px}
.Gayrimenkulbg{background: #0070ba url(../img/Gayrimenkulbg.jpg) center; height: 280px;}
.headimg h1 { font-size:32px; margin-bottom:5px}
.headimg h1 span {font-family: 'lato_trblack';}
.headimgmavi { width:100%; height:100%; background:rgba(5, 10, 13, 0.44); color:#fff;font-family: 'lato_trlight';}
.Gayrimenkulbg .headimgmavi { background:rgba(5, 10, 13, 0.6); }
.headimgsiyah{ width:100%; height:100%; background:rgba(0, 0, 0, 0.84); color:#fff;font-family: 'lato_trlight';}
.headimg > div>div {display: table;margin:0 auto; max-width:900px;height: 100%;}
.headimg > div>div>div {display: table-cell; vertical-align:middle}
.headimg > div > div > div img {width:107px; margin-bottom:19px  }
.bgsiyah { background:#000; color:#fff;  font-family: 'lato_trlight';}
.kurumsal .ortala > ul > li ul li img {height:180px;}
.kurumsal .ortala > ul > li ul li { font-size:16px;     color: #888;}
.bggriciz { background:#f4f4f4; min-height:12px;}
.bgmavi2li {background: #0070ba url(../img/mavitire.png) no-repeat center center;  }
.bgsiyah2li {background:#000 url(../img/mavitire.png) no-repeat center center; }
.bggri2li {background: #f4f4f4 url(../img/gritire.png) no-repeat center center;}
.bggri2li:last-child { margin-bottom:5px}
.bgbeyaz .ortala > ul > li ul li  h1, .bgbeyaz .ortala > ul > li ul li, .bgsiyah2li .ortala > ul > li ul li  h1, .bgsiyah2li .ortala > ul > li ul li, .bgmavi2li .ortala > ul > li ul li  h1, .bgmavi2li .ortala > ul > li ul li { font-family: 'lato_trlight'; font-size:16px}
.bgbeyaz .ortala > ul > li ul li  h1, .bgsiyah2li .ortala > ul > li ul li  h1{ font-family: 'lato_trblack'; font-size:24px}
.bgsiyah2li .ortala > ul > li ul li, .bgsiyah2li .ortala > ul > li ul li  h1, .bgmavi2li .ortala > ul > li ul li  h1, .bgmavi2li .ortala > ul > li ul li { color:#fff}

.altsayfa .icortala:after{content: "";position: absolute;top: 100%;left: 50%;border-top: 15px solid #4abed2;border-left: 15px solid transparent;border-right: 15px solid transparent;margin-left: -15px;  margin-top: 45px;}
.musterilerimiz { margin:45px auto !important;list-style: none;}
.musterilerimiz ul {width: 100%;list-style: none;}
.musterilerimiz ul li {width: 25%;list-style: none;text-align: center;float: left;border-right: 1px solid #f0f0f0;box-sizing: border-box;height: 170px;border-bottom: 1px solid #f0f0f0;padding: 10px;box-sizing: border-box;}
.musterilerimiz ul li span {width: 100%;display: block;}
.musterilerimiz ul li  img {max-width: 100%; height: auto;}
.musterilerimiz ul li:nth-child(4n){ border-right:0px}

.altmenu { height:55px; background:#4abed2}
.altmenu>ul{ display:table; width:100%; height:100%}
.altmenu > ul > li { display:table-cell; text-align:center; vertical-align:middle; width:25%}
.altmenu > ul > li a{ font-family:'lato_trregular'; color:#fff;    display: block;width: 100%;  line-height: 55px;}
.altmenu > ul > li a:hover{ color: rgba(255, 255, 255, 0.5);}
.altmenu > ul span {display: inline-block;width: 1px;height: 100%;background:rgba(255, 255, 255, 0.24); -webkit-transform: rotate(11deg);    transform: rotate(11deg);}

.bgsiyah2li .ortala a {color: #fff;}
.bgsiyah2li .ortala .btnbilgi{ border:1px solid rgba(255, 255, 255, 0.22); color: #fff;}
.ysag .btnbilgi { float:right}

/*HİZMETLER*/
.hizmetlerbg {background: #0070ba url(../img/hizmetler.jpg)  bottom;}
.hizmetdetay .headimg > div > div > div img {width:180px; margin-bottom:19px  }
.hizmetdetay .promark .icerik p{ font-family: 'lato_trregular'; text-align:center; color:#; border-bottom:1px solid rgba(0, 0, 0, 0.05); padding:10px 10px; line-height:20px; font-size:16px; color:#777; letter-spacing:0.2px}
.hizmetdetay .promark .icerik p:last-child { border:0}
.hizmetdetay .promark .icerik h1{ font-family: 'lato_trbold'; text-align:center; line-height:45px; margin:45px 0 5px 0; font-size:22px; color:#000; width:auto; border:1px solid rgba(0, 0, 0, 0.12)}
.hizmetdetay .promark .icerik:first-child h1 { margin-top:5px}
.hizmetdetay .promark .icerik:last-child { margin-bottom:45px}
.hizmetdetay .promark .icerik h1 i{ margin-right:5px; color:#888}

.hizmetler .kurumsal .btnbilgi, .projeler .btnbilgi { border:1px solid rgba(0, 0, 0, 0.12);padding: 7px 15px; color: #959595;margin-top: 13px;display: table;}
.hizmetler .kurumsal a:hover .btnbilgi, .projeler a:hover .btnbilgi{ background:#4abed2; color:#fff; border:1px solid #1px solid #0070ba}

/*PROJELER*/

.container>.projeler{width:calc(100% - 70px);max-width:1200px;margin:0 auto;padding:15px 35px;padding-top:0;}
.projeler {font-family: 'lato_trregular';font-size: 16px;}
.projeler h1 {width:100%;text-align:center;font-size: 32px;padding: 20px 0; font-family: 'lato_trblack';}
.projeler p span {font-size: 18px; }
.projeler .btnbilgi{margin: 15px auto;}
.projelerbg {background: #0070ba url(../img/gamesbg.png)  center;}
.projelerbg1 {background: #0070ba url(../img/tammalananprojeler.jpg)  center;}
.projeler .btnbilgi a, .hizmetler .kurumsal a {color: #959595;}
.projeler a { color:#959595}
.projeler p{line-height:20px;}
.projeler .ortala>ul>li>ul>li>a>h1 { text-align: center;background: #0070ba;margin: 0;padding: 10px 0;text-decoration: none !important;color: #fff; font-size:18px; margin:0; line-height:15px}
.projeler .ortala>ul>li>ul>li:first-child{ padding-right:20px}
.projeler .ortala>ul>li h1 {color:#000;font-family: 'lato_trlight';font-size: 28px; margin-bottom:13px; line-height:32px; padding:0 0 10px 0; border-bottom:1px solid rgba(0, 0, 0, 0.12)}
.projeler{ background:none}
.projeler .ortala>ul>li {display:table-cell; width:250px;vertical-align: middle; text-align:center}
.projeler .ortala>ul>li img{ width:calc(100% - 14px);border:1px solid rgba(0, 0, 0, 0.12);padding:6px}
.projeler .ortala > ul > li:nth-child(2) { width:32px; /*background:url(../img/beyaznextbg.jpg) no-repeat center center;*/ }
.projeler .ortala > ul > li:nth-child(3) { width:auto }
.projelergri{background: #f4f4f4 }



.generalform-yazi{width:100%;margin-bottom: 25px;line-height: 20px; }
.generalform-yazi>span{font-weight:600}
.generalform {width: 46%;float: left;font-size: 18px;font-family: 'lato_trregular';}
.generalform h4{font-size:18px;margin-bottom:15px;}
.generalform h5{width:100%;font-weight: bold;margin-bottom: 10px;}
.generalform span{margin-top: 20px;float: left;font-size:14px;line-height:20px;}
/*.generalform:first-child{padding-right: 20px;width: calc(50% - 20px);}*/
.generalform input , .generalform textarea{ width: calc(100% - 22px);padding: 10px; margin: 3px 0;border: 1px solid #e6e2dd;font-size: 14px;outline: 0;font-family: 'lato_trregular'}
.generalform select{ width: calc(100%);padding: 10px; margin: 3px 0;border: 1px solid #e6e2dd;font-size: 14px;outline: 0;}
.generalform select option{line-height:200%}
.generalform textarea{height: 148px;}
.generalform-submit{float: left;width: 100%;margin-bottom: 20px;margin-top: 20px;}
.btn-send {background: #0070ba;width: auto;padding: 8px 15px;color: #fff;border: none;font-size: 13px;cursor: pointer;float: left;font-weight: 600;}
.cv-button{position: relative;width: 100%;height: 40px;margin-top: 10px;}
.cv-button div{margin: 0;background: #f3f3f3;border: 1px solid #e6e2dd;font-size: 18px;line-height: 14px;box-sizing: border-box;padding: 12px;position: absolute;width: 100%;height: 100%;cursor:pointer; z-index:9999}
.cv-button input{ cursor: pointer;opacity: 0;position: absolute;z-index: 99999;}
.contact-succes{color: #0dbf3d;font-weight: 600;margin-bottom: 20px;font-family: 'lato_trregular';}
.contact-succes2{color: #0dbf3d;font-weight: 600;margin-bottom: 20px;font-family: 'lato_trregular';display:none;}
.validation-summary-errors{color: #cc1414;font-weight: 600;margin-bottom: 20px;font-family: 'lato_trregular';}

.mobil-menu{width:100%;position:absolute;top:89px;left:0;background:#fff;text-align:center;display:none;z-index:99999;}
.mobil-menu>ul>li{border-bottom:1px solid #e8e8e8}
.mobil-menu>ul>li>a{color:#484848;display:block;line-height:40px;font-size:15px;font-weight:600;    font-family: 'lato_trbold';}

.mobmenu>li>ul{height: 0px;overflow: hidden;}
.mobmenu>li>ul>li>a{color:#6b6b6b;padding:3px 0;display:block;font-size:15px;font-weight:500}

.menu2{height:70px;display:none;float:right}
.menu2 .menutik{float:right;}
.menu2 .menutik>div{float:left;margin-right: 30px;margin-top: 10px;line-height:54px;font-size:15px;color:#000}
.menu2 .menutik>div>a{color:#000}
.menu2 .menutik>img{float:left;margin-right: 30px;margin-top: 20px;width: 30px;cursor:pointer}

.dropdownsecim{width:calc(100% - 60px);padding:30px;background:#fff;display:none;}
.dropdownsecim>span{background: #393939;color: #6f6f6f;font-size: 21px;padding: 13px 20px;border: 1px solid #c5c5c5;background: url(../img/selec-icon.png) no-repeat right center;-webkit-appearance: none;outline: none;font-weight: 300;font-family: 'Raleway', sans-serif;display: block;cursor:pointer;}
.dropdownsecim>ul{display:none;background:#fff;border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}
.dropdownsecim>ul>li{width:100%;font-size: 14px;font-weight: 300;font-family: 'Raleway', sans-serif;cursor:pointer;background: #ffffff;color:#fff;border-bottom: 1px solid #c5c5c5;}
.dropdownsecim>ul>li>a{color:#6f6f6f;display:block;padding: 13px 20px;}
.dropdownsecim>ul>li:last-child{border:none}
.dropdownsecim>ul>li:hover{background: #6f6f6f;color: #fff;}
.dropdownsecim>ul>li:hover>a{color:#fff}
.iletisim-bosluk{width: 8%;float: left;height: 50px;}

.basvuru-pozisyonlar{width:100%;display:table;border-left: 1px solid rgba(0, 0, 0, 0.12);border-top: 1px solid rgba(0, 0, 0, 0.12);border-right: 1px solid rgba(0, 0, 0, 0.12);margin-bottom: 30px;font-family: 'lato_trregular';}
.basvuru-pozisyonlar>ul{display:table-row}
.basvuru-pozisyonlar>ul>li{display:table-cell;border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.basvuru-pozisyonlar>ul>li:first-child{width: calc(100% - 140px);padding: 10px;}
.basvuru-pozisyonlar>ul>li:last-child{width:120px;border-left: 1px solid rgba(0, 0, 0, 0.12);text-align:center}
.basvuru-pozisyonlar>ul>li>a{display: block;padding: 10px 0;background: #0070ba;color: #fff;}
.baslik-h3{font-size: 18px;margin-bottom: 15px;font-family: 'lato_trregular';}
.m-wrap{width: 100%;padding: 10px;cursor:pointer}
option{cursor:pointer;}

.iletisim-bilgi{font-family: lato_trregular;margin-bottom: 30px;line-height: 25px;color:#777777}
.iletisim-bilgi span{    font-weight: 700;}

.kalin{font-family: 'lato_trblack';font-size:20px;}
.kalin1{font-weight:bold; font-size:20px; }
.bgbeyaz .ortala > ul > li ul li>p{margin-top:10px}

.basarili{color:#098a08; display:none}
.basarili>h3{text-align:center;}

.projedetay{font-family: 'lato_trregular';line-height:20px; font-size:16px; color:#777; letter-spacing:0.2px}
.projedetay>div:first-child{ float:left; width:calc(70%);height:475px; overflow:hidden}
.projedetay>div:nth-child(2){ float:right; width:calc(30%)}
.projedetay>div:first-child > img { width:100%;position: relative; left: 50%; transform: translateX(-50%);display: block; }

.projedetay h1 { width:100%; /*border-bottom:1px solid rgba(0, 0, 0, 0.12);*/ padding-bottom:8px; margin-bottom:10px; font-size:21px;font-family: 'lato_trbold'; margin-top:35px}
.projedetay h2 { border: 1px solid rgba(0, 0, 0, 0.12);padding: 10px;}
.projedetay h2 span { background:#0070ba;color:#fff; padding:5px; margin-right:10px}
.projedetay > div:nth-child(2) > div p { border-bottom:1px solid rgba(0, 0, 0, 0.12); line-height:35px}
.projedetay > div:nth-child(2) > div p:last-child{ border-bottom:0}
.projedetay > div:nth-child(2) > div { margin-bottom:25px}
.galeri { list-style:none;width:100%;}
.galeri > li { float:left;    width: calc((100% / 4) - 24px); max-width:276px;   border: 1px solid rgba(0, 0, 0, 0.12);padding: 5px;margin: 0 15px 15px 0;}
.galeri > li:nth-child(4n) { margin-right:0}
.galeri > li img { max-width: 100%;height: auto;width: 100%; }
.projedetayic .icortala:after{border-top-color: #000;}


.form-goster{    width: 82px;padding: 5px;border: 1px solid #fff;color: #fff;margin-top: 10px;font-weight: 400;font-size: 13px;cursor: pointer;}

.projeform {
    background: #4abed2;
    padding: 10px 0px;
    height: 455px;
    overflow: hidden
}
.projeform>div{padding:0 25px; width:calc(100%-50px)}
.projeform .generalform {width: 100%;}
.iletisim img{width:100%;margin-bottom: 30px}
.iletisim{width:46%; float:left}
.harita{ width:46%; float:right}
.projeform h1 { color:#fff !important}
.projeform .btn-send {border:1px solid #fff}
.prodetay{display:table; margin-top:35px}
.prodetay>div{width:100%;}
.prodetay>div h2{ margin-top:25px}
.prodetay>div:last-child>div>p{ line-height:30px}



/*            site tanımlar         */
.form{width:calc(100% - 50px);padding:25px 25px;background-color:rgba(179, 176, 176, 0.25);line-height: 20px;}

@media(max-width:1250px)
{
    .ortala{width: 95%;}
}

@media(max-width:1200px)
{
    .projedetay>div:nth-child(4){width: calc(100% - 40px);padding: 0 20px;}
}

@media(max-width:1000px)
{
      .bggri .ortala>ul>li{float:left}
    .bggri .ortala>ul>li:last-child{width:calc(100% - 40px);padding:20px 20px;text-align:center}
    .bggri .ortala>ul>li:first-child{width:50%;}
}


@media(max-width:900px)
{
.menubar .menu{display:none;}
.menu2{display:block}
.dropdownsecim{display:block;z-index: 999;}
.fix { position: fixed;  top: -15px; width: calc(100% - 50px) ; z-index: 9997;margin: 0;padding: 25px;}
.altmenu{display:none;}
.diller{margin-right:20px;}
.projeform .generalform{ width:100%}
.iletisim-bilgi, .harita, .iletisim, .generalform, .generalform-submit{width:92%; float:none; margin:auto auto;}
.iletisim-bilgi{ margin-bottom:25px}
.generalform{ margin-top:25px}
}




@media(max-width:800px) {
    .bgbeyaz{background:none}
    .bgbeyaz .ortala>ul>li{width:100%;float:left}
    .bgbeyaz .ortala>ul>li:first-child{    margin-bottom: 40px;}
    
    .icortala{padding:0 20px;}
    .bggri .ortala>ul>li:first-child{width:calc(100% - 50px);text-align:center}
    .bggri .ortala>ul>li div{    max-width: 240px;margin: 0 auto;    overflow: hidden;}
    .bggri .ortala>ul>li:nth-child(2){width:calc(100% - 50px);display:none;}

    .musterilerimiz ul li{    width: calc(100% / 3);}
    
    .iletisim-bosluk{display:none;}
    .projedetay>div:first-child{width: 100%;padding: 20px 0px;height:auto;}
    .projedetay>div:first-child > img{    width: calc(100% - 2px);padding: 0px;}
    .projedetay>div:nth-child(2){    float: left;width: calc(100% - 40px);padding: 0 20px;margin-top: 20px;}

    .galeri > li {   width: calc((100% / 3) - 24px); }
.galeri > li:nth-child(4n) { margin-right:15px}
.galeri > li:nth-child(3n){margin-right:0px}


  
}
@media (max-width:600px)
{
    .bgbeyaz .ortala > ul > li ul li{width: 100%;float: left;text-align:center}
    .ysag{text-align:left}
    .ysag .btnbilgi{float:left}
    .musterilerimiz ul li{    width: 50%;}
    /*.home .promark-neden-3 .icortala:after{display:none;}*/
    /*.home .promark-neden-4 .icortala:after{display:none;}*/
    /*.promark{    padding-bottom: 68px;}*/

        .galeri > li {   width: calc((100% / 2) - 24px); }
.galeri > li:nth-child(3n) { margin-right:15px}
.galeri > li:nth-child(2n){margin-right:0px}
.hizmetler .kurumsal .btnbilgi, .projeler .btnbilgi{margin: 0 auto;margin-top: 13px;}
.ysag .btnbilgi{float:none}
.promark-neden-4{    background: url(../img/m-promark-neden-4.jpg) no-repeat center center;}
.promark-neden-4 .icortala:after{    margin-top: 48px;display:block}
.promark-neden-3{    background: url(../img/m-promark-neden-3.jpg) no-repeat center center;}
.promark-neden-3 .icortala:after{    margin-top: 48px;display:block}
}
@media(max-width:500px)
{
.menubar{height: 54px;}
.logo{position: absolute;left: calc(50% - 75px);}
.logo>a>img{    width: 150px;}
.menu2{height: 50px;}
.menu2 .menutik>img{    margin-top: 12px;}
.diller{margin-top: 15px;position: absolute;}
.mobil-menu{    top: 70px;}
.iletisim-bilgi{text-align: center; padding:0; width:92%}
.iletisim{text-align: center; padding:0; width:92%}
.iletisim img{width:100%; margin-bottom:30px}
.home .promark-neden-4 .icortala:after{border-top-color: #1470af;}
}

@media(max-width:400px)
{
.bggri .ortala>ul>li>img{width:100%;}
.home-shop .home-shop-selected-slider .item{width:200px}
.galeri > li {   width: calc((100% / 1) - 12px);    max-width: none; }
.galeri > li:nth-child(2n){margin-right:15px}
.galeri > li:nth-child(1n){margin-right:0px}
.projedetay h2{line-height: 29px;}
.promark-neden-4 .icortala:after{    border-top-color: #136fae;}
.promark-neden-3 .icortala:after{    border-top-color: #373737;}
.ortala{    width: 92%; padding:0}
.baslik-h3, .generalform h4{ text-align:center}

}








@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .popupkampanya {
        width: 5%;
        /*background: url(img/full-width-images/rami1056-1.jpg) no-repeat center;*/
        background-size: cover;
        margin: 10% 10% 10% 15%;
        background-position: center center;
        position: fixed;
        z-index: 999999;
        height: 5%;
        display: block;
        opacity: 1;
        top: 0;
    }

        .popupkampanya > .popupkampanyakapat {
            position: fixed;
            /*top: 10px;*/
            left: 11%;
            bottom: 4%;
            font-size: 60px;
            width: 40px;
            z-index: 6;
        }

            .popupkampanya > .popupkampanyakapat img {
                width: 70%;
                margin: -20% 10% 10% 15%;
            }

            .popupkampanya > .popupkampanyakapat > a {
                color: #fff;
            }

        .popupkampanya > .kampanyalar {
            width: 100%;
            height: 100%;
            position: relative;
            display: table;
            /*background: rgba(238, 238, 238, 0.90);*/
            margin: 8px;
            padding: 3px;
        }

            .popupkampanya > .kampanyalar > div {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .popupkampanya > .kampanyalar > div img {
                    width: 5%;
                }

                .popupkampanya > .kampanyalar > div p {
                    margin: 2%;
                }

            .popupkampanya > .kampanyalar > .altform2 {
                display: block;
                bottom: 0px;
                position: fixed;
                /*z-index: 9999999999;*/
                padding-bottom: 90px;
                height: 90%;
            }

            .popupkampanya > .kampanyalar > .mobilformgit2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > #formgoster2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > .form-div {
                /*width: 70%;
                margin: 10% 10% 5% 10%;*/
            }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textare {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textarea {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div button {
                    width: 50%;
                    background: #114f26;
                    background-size: 100% 100%;
                    color: #fff;
                    padding: 10px 72px;
                    border: 0px;
                    cursor: pointer;
                    border: 1px solid #000;
                    /* margin-top: 10px; */
                    /* margin-bottom: 40px; */
                    /* margin-left: 95px; */
                    font-weight: 700;
                    font-size: 16px;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne {
                    /*width: auto;*/
                    /* height: 28px; */
                    margin: 0% 0% 0% 27%;
                    position: relative;
                    float: left;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne2 {
                    /*width: 100% !important;*/
                    text-align: left !important;
                    font-size: 11px !important;
                    line-height: 15px !important;
                    margin: 1% 6% !important;
                    font-weight: normal !important;
                    color: #000 !important;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-baslik {
                    width: 85%;
                    margin: 0 auto;
                    padding: 2% 10% 1% 10%;
                    text-align: center;
                    margin-top: 15px;
                }

                .popupkampanya > .kampanyalar > .form-div > div {
                    /* display: block; */
                    margin: 0 auto;
                    height: auto;
                    background: #fff;
                    bottom: 3%;
                    left: 3%;
                    position: fixed;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group {
                    padding: 0 1%;
                }

            .popupkampanya > .kampanyalar > div > div > div > div {
                width: 100%;
            }
}

@media screen and (min-device-width : 1025px) and (max-device-width : 1280px) and (orientation : landscape) {
    .popupkampanya {
        width: 5%;
        /*background: url(img/full-width-images/rami1056-1.jpg) no-repeat center;*/
        background-size: cover;
        margin: 10% 10% 10% 15%;
        background-position: center center;
        position: fixed;
        z-index: 6;
        height: 5%;
        display: block;
        opacity: 1;
        top: 0;
    }

        .popupkampanya > .popupkampanyakapat {
            position: fixed;
            /*top: 10px;*/
            left: 11%;
            bottom: 4%;
            font-size: 60px;
            width: 40px;
            z-index: 9999999999;
        }

            .popupkampanya > .popupkampanyakapat img {
                width: 70%;
                margin: -20% 10% 10% 15%;
            }

            .popupkampanya > .popupkampanyakapat > a {
                color: #fff;
            }

        .popupkampanya > .kampanyalar {
            width: 100%;
            height: 100%;
            position: relative;
            display: table;
            /*background: rgba(238, 238, 238, 0.90);*/
            margin: 8px;
            padding: 3px;
        }

            .popupkampanya > .kampanyalar > div {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .popupkampanya > .kampanyalar > div img {
                    width: 5%;
                }

                .popupkampanya > .kampanyalar > div p {
                    margin: 2%;
                    font-size: 10px;
                }

            .popupkampanya > .kampanyalar > .altform2 {
                display: block;
                bottom: 0px;
                position: fixed;
                /*z-index: 9999999999;*/
                padding-bottom: 90px;
                height: 90%;
            }

            .popupkampanya > .kampanyalar > .mobilformgit2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > #formgoster2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > .form-div {
                /*width: 60%;
                margin: 10% 30% 5% 10%;*/
            }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textare {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textarea {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                    margin: 0% 10% 0% 0%;
                }

                .popupkampanya > .kampanyalar > .form-div div button {
                    width: 50%;
                    background: #114f26;
                    background-size: 100% 100%;
                    color: #fff;
                    padding: 10px 72px;
                    border: 0px;
                    cursor: pointer;
                    border: 1px solid #000;
                    /* margin-top: 10px; */
                    /* margin-bottom: 40px; */
                    /* margin-left: 95px; */
                    font-weight: 700;
                    font-size: 16px;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne {
                    /*width: auto;*/
                    /* height: 28px; */
                    margin: 0% 0% 0% 27%;
                    position: relative;
                    float: left;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne2 {
                    /*width: 100% !important;*/
                    text-align: left !important;
                    font-size: 11px !important;
                    line-height: 15px !important;
                    margin: 1% 6% !important;
                    font-weight: normal !important;
                    color: #000 !important;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-baslik {
                    width: 85%;
                    margin: 0 auto;
                    padding: 2% 10% 1% 7%;
                    text-align: center;
                    margin-top: 15px;
                }

                .popupkampanya > .kampanyalar > .form-div > div {
                    /* display: block; */
                    margin: 0 auto;
                    height: auto;
                    background: #fff;
                    bottom: 3%;
                    left: 3%;
                    position: fixed;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group {
                    padding: 1% 4%;
                }

            .popupkampanya > .kampanyalar > div > div > div > div {
                width: 100%;
            }
}

@media screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .popupkampanya {
        width: 5%;
        /*background: url(img/full-width-images/rami1056-1.jpg) no-repeat center;*/
        background-size: cover;
        margin: 10% 10% 10% 15%;
        background-position: center center;
        position: fixed;
        z-index: 6;
        height: 5%;
        display: block;
        opacity: 1;
        top: 0;
    }

        .popupkampanya > .popupkampanyakapat {
            position: fixed;
            /*top: 10px;*/
            left: 11%;
            bottom: 4%;
            font-size: 60px;
            width: 40px;
            z-index: 9999999999;
        }

            .popupkampanya > .popupkampanyakapat img {
                width: 70%;
                margin: -20% 10% 10% 15%;
            }

            .popupkampanya > .popupkampanyakapat > a {
                color: #fff;
            }

        .popupkampanya > .kampanyalar {
            width: 100%;
            height: 100%;
            position: relative;
            display: table;
            /*background: rgba(238, 238, 238, 0.90);*/
            margin: 8px;
            padding: 3px;
        }

            .popupkampanya > .kampanyalar > div {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .popupkampanya > .kampanyalar > div img {
                    width: 5%;
                }

                .popupkampanya > .kampanyalar > div p {
                    margin: 2%;
                }

            .popupkampanya > .kampanyalar > .altform2 {
                display: block;
                bottom: 0px;
                position: fixed;
                /*z-index: 9999999999;*/
                padding-bottom: 90px;
                height: 90%;
            }

            .popupkampanya > .kampanyalar > .mobilformgit2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > #formgoster2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > .form-div {
                /*width: 70%;
                margin: 10% 10% 5% 10%;*/
            }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textare {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textarea {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div button {
                    width: 50%;
                    background: #114f26;
                    background-size: 100% 100%;
                    color: #fff;
                    padding: 10px 72px;
                    border: 0px;
                    cursor: pointer;
                    border: 1px solid #000;
                    margin-top: 5%;
                    /* margin-bottom: 40px; */
                    /* margin-left: 95px; */
                    font-weight: 700;
                    font-size: 16px;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne {
                    /*width: auto;*/
                    /* height: 28px; */
                    margin: 0% 0% 0% 27%;
                    position: relative;
                    float: left;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne2 {
                    /*width: 100% !important;*/
                    text-align: left !important;
                    font-size: 11px !important;
                    line-height: 15px !important;
                    margin: 1% 6% !important;
                    font-weight: normal !important;
                    color: #000 !important;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-baslik, .form-number {
                    width: 85%;
                    margin: 0 auto;
                    padding: 2% 10% 1% 10%;
                    text-align: center;
                    margin-top: 15px;
                    font-size: 2vw;
                }

                .popupkampanya > .kampanyalar > .form-div > div {
                    /* display: block; */
                    margin: 0 auto;
                    height: auto;
                    background: #fff;
                    bottom: 3%;
                    left: 3%;
                    position: fixed;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group {
                    padding: 0 1%;
                }

            .popupkampanya > .kampanyalar > div > div > div > div {
                width: 100%;
            }
}

@media screen and (min-device-width : 200px) and (max-device-width : 767px) and (orientation : portrait) {
    .popupkampanya {
        display: none;
    }
}

@media screen and (min-device-width : 200px) and (max-device-width : 767px) and (orientation : landscape) {
    .popupkampanya {
        width: 5%;
        /*background: url(img/full-width-images/rami1056-1.jpg) no-repeat center;*/
        background-size: cover;
        margin: 10% 10% 10% 15%;
        background-position: center center;
        position: fixed;
        z-index: 6;
        height: 5%;
        display: none;
        opacity: 1;
        top: 0;
    }

        .popupkampanya > .popupkampanyakapat {
            position: fixed;
            /*top: 10px;*/
            left: 11%;
            bottom: 4%;
            font-size: 60px;
            width: 40px;
            z-index: 9999999999;
        }

            .popupkampanya > .popupkampanyakapat img {
                width: 70%;
                margin: -20% 10% 10% 15%;
            }

            .popupkampanya > .popupkampanyakapat > a {
                color: #fff;
            }

        .popupkampanya > .kampanyalar {
            width: 100%;
            height: 100%;
            position: relative;
            display: table;
            /*background: rgba(238, 238, 238, 0.90);*/
            margin: 8px;
            padding: 3px;
        }

            .popupkampanya > .kampanyalar > div {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .popupkampanya > .kampanyalar > div img {
                    width: 5%;
                }

                .popupkampanya > .kampanyalar > div p {
                    margin: 2%;
                }

            .popupkampanya > .kampanyalar > .altform2 {
                display: block;
                bottom: 0px;
                position: fixed;
                /*z-index: 9999999999;*/
                padding-bottom: 90px;
                height: 90%;
            }

            .popupkampanya > .kampanyalar > .mobilformgit2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > #formgoster2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > .form-div {
                /*width: 70%;
                margin: 10% 10% 5% 10%;*/
            }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textare {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textarea {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div button {
                    width: 50%;
                    background: #114f26;
                    background-size: 100% 100%;
                    color: #fff;
                    padding: 10px 72px;
                    border: 0px;
                    cursor: pointer;
                    border: 1px solid #000;
                    /* margin-top: 10px; */
                    /* margin-bottom: 40px; */
                    /* margin-left: 95px; */
                    font-weight: 700;
                    font-size: 16px;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne {
                    /*width: auto;*/
                    /* height: 28px; */
                    margin: 0% 0% 0% 27%;
                    position: relative;
                    float: left;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne2 {
                    /*width: 100% !important;*/
                    text-align: left !important;
                    font-size: 11px !important;
                    line-height: 15px !important;
                    margin: 1% 6% !important;
                    font-weight: normal !important;
                    color: #000 !important;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-baslik {
                    width: 85%;
                    margin: 0 auto;
                    padding: 2% 10% 1% 10%;
                    text-align: center;
                    margin-top: 15px;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-baslik, .form-number {
                    width: 85%;
                    margin: 0 auto;
                    padding: 7% 10% 1% 10%;
                    text-align: center;
                    margin-top: 9%;
                    font-size: 2vw;
                }

                .popupkampanya > .kampanyalar > .form-div > div {
                    /* display: block; */
                    margin: 0 auto;
                    height: auto;
                    background: #fff;
                    bottom: 3%;
                    left: 3%;
                    position: fixed;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group {
                    padding: 0 1%;
                }

            .popupkampanya > .kampanyalar > div > div > div > div {
                width: 100%;
            }
}

@media screen and (min-device-width : 1281px) and (max-device-width : 3600px) {
    .popupkampanya {
        width: 5%;
        /*background: url(img/full-width-images/rami1056-1.jpg) no-repeat center;*/
        background-size: cover;
        margin: 8% 10% 10% 15%;
        background-position: center center;
        position: fixed;
        z-index: 999999;
        height: 5%;
        display: block;
        opacity: 1;
        top: 0;
    }

        .popupkampanya > .popupkampanyakapat {
            position: fixed;
            /*top: 10px;*/
            left: 11%;
            bottom: 4%;
            font-size: 60px;
            width: 40px;
            z-index: 6;
        }

            .popupkampanya > .popupkampanyakapat img {
                width: 70%;
                margin: -20% 10% 10% 15%;
            }

            .popupkampanya > .popupkampanyakapat > a {
                color: #fff;
            }

        .popupkampanya > .kampanyalar {
            width: 100%;
            height: 100%;
            position: relative;
            display: table;
            /*background: rgba(238, 238, 238, 0.90);*/
            margin: 8px;
            padding: 3px;
        }

            .popupkampanya > .kampanyalar > div {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .popupkampanya > .kampanyalar > div img {
                    width: 5%;
                }

                .popupkampanya > .kampanyalar > div p {
                    margin: 0%;
                    font-size: 10px;
                }

            .popupkampanya > .kampanyalar > .altform2 {
                display: block;
                bottom: 0px;
                position: fixed;
                /*z-index: 9999999999;*/
                padding-bottom: 90px;
                height: 90%;
            }

            .popupkampanya > .kampanyalar > .mobilformgit2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > #formgoster2 {
                display: block !important;
            }

            .popupkampanya > .kampanyalar > .form-div {
                /*width: 60%;
                margin: 10% 30% 5% 10%;*/
            }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textare {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group input, .form-div textarea {
                    width: 90%;
                    background: #114f26;
                    border: none;
                    border-bottom: 1px solid #ccc;
                    font-size: 12px;
                    padding: 8px 0px;
                    color: #fff;
                    margin-bottom: 5px;
                    opacity: 0.7;
                    margin: 0% 10% 0% 0%;
                }

                .popupkampanya > .kampanyalar > .form-div div button {
                    width: 50%;
                    background: #114f26;
                    background-size: 100% 100%;
                    color: #fff;
                    padding: 10px 72px;
                    border: 0px;
                    cursor: pointer;
                    border: 1px solid #000;
                    /* margin-top: 10px; */
                    /* margin-bottom: 40px; */
                    /* margin-left: 95px; */
                    font-weight: 700;
                    font-size: 16px;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne {
                    /*width: auto;*/
                    /* height: 28px; */
                    margin: 0% 0% 0% 27%;
                    position: relative;
                    float: left;
                }

                .popupkampanya > .kampanyalar > .form-div div .squaredOne2 {
                    /*width: 100% !important;*/
                    text-align: left !important;
                    font-size: 11px !important;
                    line-height: 15px !important;
                    margin: 1% 6% !important;
                    font-weight: normal !important;
                    color: #000 !important;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-baslik {
                    width: 85%;
                    margin: 0 auto;
                    padding: 2% 10% 1% 7%;
                    text-align: center;
                    margin-top: 15px;
                }

                .popupkampanya > .kampanyalar > .form-div > div {
                    /* display: block; */
                    margin: 0 auto;
                    height: auto;
                    background: #fff;
                    bottom: 3%;
                    left: 3%;
                    position: fixed;
                }

                .popupkampanya > .kampanyalar > .form-div div .form-group {
                    padding: 1% 4%;
                }

            .popupkampanya > .kampanyalar > div > div > div > div {
                width: 100%;
            }
}