html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'MuseoSans'; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img {max-width: 100%;}
*, *::after, *::before { box-sizing: border-box; }
.form-holder {line-height: 20px;text-align: center;width: 300px;font-size: 12px;background: #ffcb00;position: fixed;right: 0;top: 0;bottom: 0;padding: 0 20px;height: 100%;border-left: 1px solid #fff; overflow-y: scroll; /*display: table;*/}
.form-holder .form-title {color: #ffffff;text-align: center;font-size: 22px;padding-bottom: 5px;letter-spacing: 0;font-weight: bold;text-transform: uppercase;line-height: 28px;font-family: MuseoSans, sans-serif;}
.tesekkurler { display: none; padding: 15px 5px; text-align: center }
.mevsimlogo {margin: auto;display: block;margin-bottom: 15px;padding-bottom: 5pxpx;width: 90%;border-bottom: 1px solid #ffffff;}
.wrapper {position: absolute;left: 0;background: #938874;right: 300px;}
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
/*==== HEADER =====================================================*/
.section { position: relative; height: 100vh !important; }
/*==== SECTION 0 =====================================================*/
#section0 {    position: relative;
    z-index: 1;
    height: 100%;
    background: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -1% 0;
    float: left;
    background-size: 100% 100%;
    width: 100%;}
.section-text-content { background: url(http://www.dormenyapi.com.tr/landing/assets/images/section-textbg.png) no-repeat; width: 377px; height: 256px; position: absolute; top: 30%; left: 75px; padding: 20px; padding-top: 25px; color: #fff; text-align: center; }
/*==== SECTION 1 ==============================================*/
#section1 { background: #7b7d75; box-shadow: inset 0 12px #85877e; position: relative; }
.yeni-yila-ozel { position: absolute; right: -35px; top: -70px; z-index: 2; width: 170px; }
.odeme-plani { position: absolute; z-index: 1; top: 17%; left: 35px; width: 58%; }
/*==== SECTION 1 =====================================================*/
#section2 {position: relative;z-index: 1;float: left;width: 100%;background: #e4e4e4;}
.section1_text {width: 45%;height: 100%;color: #fff;box-sizing: border-box;display: inline-block;/* background: #e4e4e4; */float: left;box-sizing: border-box;display: table;padding: 10px;}
.section1_text h2.extrabold { display: inline-block; margin-bottom: 15px; color: #fff; font-size: 40px; font-family: 'HelveticaNeueLTPro-BdCn'; }
.section1_text h4.light { font: 18px 'RalewayLight', sans-serif; border-bottom: 1px solid #fff; padding-bottom: 25px; width: 70%; }
.section1_text ul {/* margin-top: 15px; */display: table;width: 49%;margin-left: 5%;}
.section1_text ul li {list-style-type: none;font-size: 17px;line-height: 33px;font-family: 'Helvetica-CondensedLightTr';/* border: 1px solid #03184f; */color: #ffffff;/* font-weight: bold; */background: #2c2c2c;margin-bottom: 10px;padding: 2px;text-align: center;}
/*==== SECTION 2 =====================================================*/
#section3 { position: relative; z-index: 1; background: url(http://www.dormenyapi.com.tr/landing/assets/images/yasam-alanlari.jpg) center center; background-size: cover; float: left; width: 100%; height: 100%; }
.section2_text { background: url(http://www.dormenyapi.com.tr/landing/assets/images/detay-bg.jpg) center center no-repeat; background-size: cover; padding: 40px; width: 45%; height: 100%; color: #fff; box-sizing: border-box; float: right; display: table; background: rgba(40, 60, 97, 0.71); }
.section2_text h2.extrabold { display: inline-block; display: inline-block; margin-bottom: 15px; color: #fff; font-size: 40px; font-family: 'HelveticaNeueLTPro-BdCn'; }
.section2_text h4.light { font: 18px 'RalewayLight', sans-serif; border-bottom: 1px solid #fff; padding-bottom: 25px; width: 70%; }
.section2_text ul { margin-top: 15px; }
.section2_text ul li { margin-bottom: 25px; font-family: 'HelveticaNeueLTPro-MdCn'; color: #fff; }
/*==== SECTION 3 =====================================================*/
#section4 { position: relative; z-index: 1; background: #5f83a3; background-size: cover; float: left; width: 100%; height: 100%; }
#section4 .section2_text { float: left; width: 100%; box-sizing: border-box; padding: 0px 10px; background: #fff; }
/*==== SECTION 4 =====================================================*/
#section5 { z-index: 1; background: #213e71; height: auto; padding-top: 0; color: #fff; box-sizing: border-box; float: left; width: 100%; max-height: 155px; }
#section5 a { color: #fff; }
.m-logo { display: none; }
.logo-m { display: none; }
a.downbtn {position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: 0;width:;width: 200px;text-align: right;}
a.downbtn.sect3 { margin: inherit; left: 40%; }
#section3 .proje-sol { background-size: cover; padding: 40px; width: 55%; height: 100%; color: #fff; box-sizing: border-box; display: table; float: left; }
#sect3 .proje-sag { width: 45%; background: url(http://www.dormenyapi.com.tr/landing/assets/images/detay-bg.jpg) center center no-repeat; background-size: cover; }
#section4 .section2_text { background: url(http://www.dormenyapi.com.tr/landing/assets/images/detay-bg.jpg) center center no-repeat; background-size: cover; }
.logo {position: relative;text-align: center;width: 100%;/* margin-top: 2%; *//* height: 12%; */display: none;}
.f-sol {font-size: 40px;color: #fff;width: 100%;font-family: 'Helvetica-CondensedLightTr';margin-top: 0px;text-align: center;padding-right: 0;display: none;}
.firsat { display: inline-block; width: 100%; text-align: center; margin-top: 0px; height: 35%; }
.f-sag { float: left; width: 25%;/* margin-top: -4%; */ }
.galeri LI {float: left;width: 32% !important;margin: 0.5%;position: relative;box-sizing: border-box;padding: 1px;text-align: center;font-size: 15px;box-sizing: border-box;border: 2px solid #fff;}
.galeri LI span { position: absolute;/* top: 0px; */ bottom: 0px; left: 0px; background: #82979D; right: 0px; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 20px !important; font-weight: 300; }
.galeri LI IMG { display: block; width: 100%; height: 120px; padding: 0; box-sizing: border-box; }
div#gallery { }
.gal {float: left;width: 55%;display: inline-block;height: 100%;box-sizing: border-box;/* display: table; *//* background: #354319; */display: table;}
ul.galeri li a { display: block; width:;
}
.galeri { position: relative; width: 100%; padding: 0; display: inline-block; box-sizing: border-box;/* padding-right: 10px; *//* padding: 20px; */ box-sizing: border-box; }
.gal-inner { vertical-align: middle; display: table-cell; }
span.mavi {display: none;font-size: 21px !important;position: absolute !important;left: 0 !important;right: 0 !important;bottom: 0 !important;transition: all 0.3s;font-size: 12px !important;text-align: left !important;opacity: 0;height: 40px;padding-top: 8px !important;/* font-family: 'MuseoSans'; */font-family: 'Helvetica-CondensedLightTr';}
.galeri li:nth-child(4) span.mavi {background: rgb(104, 116, 120) url(http://www.dormenyapi.com.tr/landing/assets/images/migros.png) right 46px center no-repeat;background-size: 30%;padding-left: 70px;}
.galeri li:nth-child(1) span.mavi { padding-left: 0; text-align: center !important; }
.galeri li:nth-child(2) span.mavi { padding-left: 0; text-align: center !important; }
.galeri li:nth-child(3) span.mavi { padding-left: 0; text-align: center !important; }
.galeri li:nth-child(5) span.mavi {background: rgb(130, 151, 157) url(http://www.dormenyapi.com.tr/landing/assets/images/komsu-firin.png) right 40px center no-repeat;background-size: 36%;padding-left: 64px;}
.galeri li:nth-child(6) span.mavi { padding-left: 0; text-align: center !important; }
.galeri li:hover span.mavi { opacity: 1; transition: all 0.3s; }
ul.ozellikler-2 {float: left;width: 45%;margin-left: 3%;}
ul.ozellikler {float: left;width: 45%;}
.owl-pat {display: table;width: 100%;height: 100%;position: relative;}
.patlangac {float: left;width: 41%;display: none;margin-left: 0;margin-top: 15%;margin-right: 0px;}
.slider { float: left; width: 50%; height: 100%; display: inline-block; margin-left: 8%; margin-top: 8%; }
.owl-carousel { float: left; width: 98%!important; box-sizing: border-box; }
.owl-carousel img { box-sizing: border-box; display: block!important; overflow: hidden; }
.owl-item { overflow: hidden!important; border-radius: 100px;/* border: 2px solid #fff; *//* padding: 6px; */ display: block!important; box-sizing: border-box; height: 100%; }
.owl-item img { width: 100% !important; }
#section5 { z-index: 1; background: #82979d; height: auto; padding-top: 0; color: #fff; box-sizing: border-box; float: left; width: 100%; max-height: 155px; }
#section5 a { color: #fff; display: block; font-family: 'MuseoSans'; font-weight: bolder; }
.owl-item:first-child { margin-left: 0; }
.f_title { display: inline-block; float: left; box-sizing: border-box; padding-right: 20px; height: 55px; font-family: 'MuseoSans'; color: #fff; }
.f_title h5 { font-size: 41px; line-height: 31px; }
.f_title em { font-style: normal; font-weight: bold; display: block; font-family: 'MuseoSans'; font-size: 22px; }
.pad {padding: 15px 40px;display: block !important;width: 100%;display: block;box-sizing: border-box;height: 11vh;background: #2c2c2c;/* border-top: 1px solid #fff; */}
.kroki { width: 151px; display: inline-block; float: left; padding-top: 5px; margin-left: 10px; box-sizing: border-box; position: relative; }
p.fo {display: inline-block;margin-top: 16px;font-size: 11px;box-sizing: border-box;width: 100%;color: #fff;}
.form-inner { display: table-cell; vertical-align: middle; }
.yukseklik {width: 100%;display: inline-block;height: 89vh;}
.f_title em a { display: block; color: #fff; }
.f_title h5 a { color: #fff; }
.ft-sec { float: left; width: 30%; color: #fff; box-sizing: border-box; }
.ft-sec.info { width: 22%; }
.sosyal {display: block;/* margin: 10px auto 0; */box-sizing: border-box;float: left;width: 6%;margin-left: 0%;}
.sosyal a {display: inline-block;margin: 1px;}
.tel a {color: #fff;font-size: 23px;padding-top: 0px;display: table-cell;vertical-align: middle;margin: 0;text-align: left;line-height: normal;font-family: 'MuseoSans';font-weight: bold;line-height: 8px;}
.tel a span.alankodu{/* font-size:14px; */}
.weblink a {color: #fff !important;font-size: 14px;/* display: table-cell; *//* vertical-align: middle; */text-align: center;font-family: 'MuseoSans';font-weight: bold;}
.daire {float: left;/* width: 56%; *//* margin-top: 1%; */position: relative;top: 37px;left: 33px;/* right: 0; *//* bottom: 0; *//* height: 100%; *//* text-align: left; *//* display: table-cell; *//* vertical-align: middle; */}
.daire img {max-width: 100%;/* max-height: 100%; *//* height: 100%; */width: 66%;/* display: table-cell; *//* vertical-align: middle; */}
.ft-sec { float: left; width: 23%; color: #fff; box-sizing: border-box;/* font-family: 'MuseoSans'; */ display: block; margin-left: 1%; }
.info {/* width: 17%; */ margin-left: 0;/* margin-top: 2%; */ }
.ft-sec p { font-size: 13px; border-right: 1px solid #fff;/* padding: 0px 25px; */ box-sizing: border-box; position: relative; top: 10px; font-family: 'MuseoSans'; font-weight: bold; }
a.telephone {font-family: MuseoSans, sans-serif;font-size: 32px;color: #ffffff;display: block;margin: 20px auto;font-weight: bold;position: relative;}
.iletisim {display: table;float: left;width: 25%;margin-top: .5%;height: 45px;}
.adres {display: block;float: left;width: 47%;/* margin-right: 1%; */margin-top: 0;padding-right: 2%;border-right: 1px solid #fff;margin-left: 0%;height: 50px;}
.ofis {float: left;display: none;width: 32%;margin-top: 0.5%;margin-left: 2%;}
.ofis p { font-size: 14px; color: #fff; }
.adres p {color: #fff;font-size: 14px;/* line-height: 22px; */margin-bottom: 0;}

.incilogo {
    padding: 5% 0;
    width: 30%;
    margin: 0 auto;
    display: none;
}

.adres p strong,
.ofis p strong {
    border-bottom: 1px solid;
    display:block;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

span.alankodu {
    font-size: 20px;
}

.weblink {
    display: block;
    float: left;
    width: 16%;
    /* margin-right: 1%; */
    margin-top: 0;
    padding-right: 2%;
    margin-left: 3%;
    height: 50px;
    line-height: 50px;
}
.daire img:nth-child(2),
.daire img:nth-child(3)
{
    display: none !important;
}

.slogan {
    position: absolute;
    top: 21%;
    right: 28vw;
    width: 23%;
    /* display: none; */
}

.markalar {
    position:absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 50vh;
}

.markalar img {
    max-height: 100%;
    height: 30%;
    width: auto;
    max-width: none;
}

#eylulajans,.form-holder:before{position:absolute;right:0;bottom:0}.proje img,.slogan img{width:100%}.form-logo{width:150px;margin:10px auto 0;display:table}.form-holder:before{content:'';top:0;left:0;/* box-shadow:10px 0 25px -5px #000 inset */}#eylulajans{display:block;margin:auto;width:90px;height:68px;overflow:hidden}#eylulajans:hover:before{transform:translateX(100%) rotate(-90deg)}#eylulajans:hover:after{transform:translateX(0) rotate(0)}#eylulajans:after,#eylulajans:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#eylulajans:before{background:url(../images/eylul.png) 50% 100% no-repeat;background-size:50%;transform:rotate(-90deg);transition:transform .3s ease .2s}#eylulajans:after{background:url(../images/eylul2.png) 50% no-repeat;background-size:75%;transform:translateX(100%);transition:transform .3s ease .2s}



.bilimlogo {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 119px;
}