@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*

.fp-slidesNav>ul{text-align: center;}
.fp-controlArrow.fp-prev{left:45px;}
.fp-controlArrow.fp-next{right:45px;}

.my-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    width: 70px;
    height: 90px;
    z-index: 99;
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    outline: 0;
}
.my-arrow.left {
    left: 35px;
}
.my-arrow.right {
    right: 35px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color:#FFF;
}

.section-1 {
    background-color: #000;
    background-image: url('../images/slide-1-bg.jpg');
    background-position: center center;
    background-size: cover;
}

.header-area{ z-index:99999; color:#FFF; font-size:48px; width:100%; }

.nav-open{ cursor:pointer; }
      
*/


body, html {height: 100%; font-family:'Roboto'; background-color:#000;}

h2{text-align:center; color:#FFF;}


.phone-number{ background: rgba(223, 194, 128, 0.3); color:#FFF; font-size:30px; cursor: default; }
.phone-number a{color:#FFF;}

.section-1 {
    /* The image used */
    background-image: url('../images/slide-1-bg.jpg');
  
    /* Full height */
    height: 100%;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-2{
    background-color:#333;
}

.section-2-shadow {
    -moz-box-shadow:    inset 10px 10px 150px 30px #111;
    -webkit-box-shadow: inset 10px 10px 150px 30px #111;
    box-shadow:         inset 10px 10px 150px 30px #111;
 }

.bg-gradient{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+100&0+0,1+60,1+100 */
    background:  -moz-linear-gradient(left,  rgba(215,215,215,0) 0%, rgba(210,162,47,0.33) 50%, rgba(210,162,47,0.66) 60%, rgba(210,162,47,1) 100%); /* FF3.6-15 */
    background:  -webkit-linear-gradient(left,  rgba(215,215,215,0) 0%,rgba(210,162,47,0.33) 50%,rgba(210,162,47,0.66) 60%,rgba(210,162,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:  linear-gradient(to right,  rgba(215,215,215,0) 0%,rgba(210,162,47,0.33) 50%,rgba(210,162,47,0.66) 60%,rgba(210,162,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.bg-tree{background-image:url('../images/agac-dal.png'); background-repeat:no-repeat; background-position:left center;}
.das-blocks{width:80%;}
.das-amblem-slogan{margin-top:-330px; margin-left:80%;}
.section-2-text{text-align:center; font-size:24px;
  color: #A9A9A9;
  /*text-shadow: #555 1px 1px 0;*/
}
.astra-yasam-image{height:70vh;}


.carousel-slide-bg{ background-position:center center; background-size:cover; background-repeat:no-repeat;}

.astra-list-bg{width:auto; height:auto; background-color:rgba(59, 59, 59, 0.85); right:15%; bottom:0px;}
.astra-list{list-style: none; padding-left:0px; color:#FFF;}
.astra-list>li{margin-bottom:5px;}
.astra-list>li>i{padding-right:5px; color:#dfc280;}

.astra-live-list{right:0px; bottom:0px;}

.smart-home-section{background-color:#2c4b60; border-bottom:10px solid #263238;}
.smart-home-section h2{color:#FFF;}

.smart-home-panel{position:absolute; z-index:10; left:100px; top:100px; }

.smart-home-list{color:#FFF; font-size:24px; padding-left:0px; list-style:none;}

.smart-home-texts{color:#FFF; font-size:14px;}
.smart-home-texts b{color:#FFF; font-size:24px;}

.photo-mansory{background-color:#FFF;}



.floor-plans{background-color:#2c4b60; border-bottom:10px solid #263238; padding-bottom:30px; overflow:hidden;}
.plan-photos{width:100%; background-color:#FFF;}

.plan-band{background-color:#002b48; width:60%; margin-top:-100px; margin-left:-50px; z-index:1}
.block-name-1{font-size:60px; color:#96d3dd; line-height:50px;}
.block-name-2{font-size:18px; color:#96d3dd; }
.block-name-2>span:nth-child(2){color:#FFF;}

.plan-buttons ul{margin-top:50px; padding-left:0px; list-style: none;}
.plan-buttons ul li{width:30%; height:50px; float:left; background-color:#002b48; margin:1.6%; cursor: pointer;}
.plan-buttons ul li:hover,.plan-buttons ul .active{background-color:#0b2130}


.plan-buttons ul li{font-size:18px; line-height:50px; color:#96d3dd; padding-left:15px;}
.plan-buttons ul li>span{color:#FFF;}
.room-type{font-size:13px; float:right; margin-right:15px; line-height:50px;}


.astra-kroki{background-image:url('../images/astra-kroki.jpg'); background-size:cover; background-position:bottom center;}

.location-info-header{background-color:rgba(175,147,69,0.7); cursor:pointer; width:200px; height:200px; background-image:url('../images/ideal-konum.png'); background-repeat:no-repeat; background-position:center center;}
.location-info-header:hover{background-color:rgba(175,147,69,1);}
.location-info-button{background-color:rgba(175,147,69,0.7) !important; border-color:#957833 !important; width:200px; color:#FFF !important; border-radius:0px;}
.location-info-button:hover,.location-info-button:active,.location-info-button:focus{background-color:rgba(175,147,69,1);}



.location-info-text{width:100%; background-color:rgba(32,52,42,.7); width:300px; color:#FFF;}

.location-info-text ul{padding-left:0px; list-style:none;}
.location-info-text ul li{line-height:35px; margin-top:5px; border-bottom:1px dotted #555;}
.location-info-text ul li span{float:right;}


.contact{background-color:#222; border-top:10px solid #000; border-bottom:10px solid #dfc280;}
.contact-infos{color:#FFF;}


.kunye{background-image:url('../images/kunye.jpg'); background-position: right top; background-size: cover;}

.satis-ofisi{width:100%; padding:15px; display:none; height:135px; background-position:center center; background-repeat:no-repeat; text-align:center;}
.satis-ofisi>a{width:135px; height:105px; margin:auto;}

* { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 20%;
  padding:5px;
}
@media (max-width: 575px) {
    .grid{height:500px !important; overflow-y:scroll;}
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}

/* To change the amount of columns on larger devices, uncomment the code below */

/* @media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: 20%;
  }
} */

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}




@media (max-width: 1199px) {  }

@media (max-width: 991px) { 
    .das-blocks{height:300px;}
    .bg-gradient{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+100&0+0,1+60,1+100 */
        background:  -moz-linear-gradient(left,  rgba(215,215,215,0) 0%, rgba(210,162,47,.8) 30%, rgba(210,162,47,1) 50%, rgba(210,162,47,.8) 70%, rgba(215,215,215,0) 100%); /* FF3.6-15 */
        background:  -webkit-linear-gradient(left,  rgba(215,215,215,0) 0%, rgba(210,162,47,.8) 30%, rgba(210,162,47,1) 50%, rgba(210,162,47,.8) 70%, rgba(215,215,215,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background:  linear-gradient(to right,  rgba(215,215,215,0) 0%, rgba(210,162,47,.8) 30%, rgba(210,162,47,1) 50%, rgba(210,162,47,.8) 70%, rgba(215,215,215,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    }
    .section-2-text{text-align:center; font-size:18px;}
    .das-amblem-slogan{display: none;}
    .das-blocks{width:100%; height:auto !important;}

    .contact{height:auto; padding-bottom:15px;}

    .plan-band{background-color:#002b48; width:80%; margin-top:-90px; margin-left:-15px; z-index:1}
    .plan-buttons ul{margin-top:30px;}
    .plan-buttons ul li{width:100%; height:50px; float:left; background-color:#002b48; margin:5px 0; cursor: pointer;}
 }

@media (max-width: 767px) {
.phone-number{display:none;}
.contact-infos{padding-top:30px;}
  }



@media (max-width: 575px) {
  .astra-list-bg{left:0px; right:0px; bottom:50px;}
  .smart-home-panel{position:relative; left:0px; top:15px; width:100%; }
  .smart-home-list{font-size:14px;}
  .smart-home-list>li{line-height:20px; font-size:18px; margin-bottom:10px !important;}
  .smart-home-texts{font-size:12px;}
  .smart-home-texts b{color:#FFF; font-size:14px;}

  
  .plan-band{background-color:#002b48; width:100%; margin-top:0px; margin-left:0px; z-index:1}
  .plan-buttons ul{margin-top:15px;}
  .plan-buttons ul li{width:100%; height:50px; float:left; background-color:#002b48; margin:5px 0; cursor: pointer;}

  .location-info-header{margin:auto auto;}
  .astra-kroki .container{text-align:center;}
  .location-info-text{width:100%; background-color:rgba(32,52,42,.7); color:#FFF;}
  .contact-infos{text-align:center;}
  .contact-infos>i{float:left; margin-top:5px; width:30px; text-align:center;}
  .contact-infos>.text{ float: left; text-align: left; margin-left: 15px;}


  .section-2{background-color:#dfc280;}
  .section-2-text{font-size:15px; color:#002b48}
  .astra-yasam-image{height:60vh;}
}