@charset "utf-8";


/** CSS RESET **/
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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #000;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    position: relative;
    overflow-y: scroll;
    height: 100%;
}
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;
}
textarea{
    resize: none;
    font-family: "Open Sans";
}
input{
    font-family:BNPPSansCondensed;
}
input::-webkit-input-placeholder{
    text-align: left;
    font-size: 15px;
    color: #73777f;
    font-family: Gotham-Light;
}
input::-moz-placeholder{
    text-align: left;
    font-size: 15px;
    color: #73777f;
    font-family: Gotham-Light;
}
input:-ms-input-placeholder{
    text-align: left;
    font-size: 15px;
    color: #73777f;
    font-family: Gotham-Light;
}

/** FONTS **/

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham Bold/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham Bold/Gotham-Bold.otf')  format('opentype'),
    url('../fonts/Gotham Bold/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham Bold/Gotham-Bold.ttf')  format('truetype'), url('../fonts/Gotham Bold/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham Light/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham Light/Gotham-Light.otf')  format('opentype'),
    url('../fonts/Gotham Light/Gotham-Light.woff') format('woff'), url('../fonts/Gotham Light/Gotham-Light.ttf')  format('truetype'), url('../fonts/Gotham Light/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

#message-container{
    display: none;
}
.just-mobile{
    display: none;
}
.just-desktop{
    display: block;
}
.form-mobile{
    display: none;
}
.no-margin {
    margin: 0!important;
}
.no-padding {
    padding: 0 !important;
}
.hidden{
    display: none;
}
.active a{

}
.polat-mobile-bg{
    display: none;
}
/** MAIN CSS **/

.page {
    height: 100vh;
}
.container{
    padding:0!important;
}
.down-arrow-container{
    width: 100%;
    position: fixed;
    bottom: 2%;
}
.arrow-img{
    background: url("../img/scroll-up.png")no-repeat;
    width: 50px;
    height: 103px;
    float: right;
    margin-right: 5%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}

#section2{
    background: #68838c;
}
/** LANDING CSS **/
#section0{
    background: url("../img/polat-tower-bg.jpg")no-repeat right;
    background-size: cover;
}
.site-lang{
    position: absolute;
    top: 0;
    right: 6%;
    z-index: 1;
}
.site-lang img{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/** NAVBAR CSS **/
.polat-tower-header{
    position: absolute;
    padding: 0;
}
.polat-tower-header .container{
    padding-top: 25px!important;
    float: left;
}
.fixed-header{
    position: fixed;
    z-index: 1000;
    padding-top: 3%;
}
.navbar-default{
    background-color: transparent;
    border:none;
}
.navbar-nav a{
    background: #002f3b;
    color: #ffffff;
    border-radius: 10px;
    font-family: Gotham-Bold;
    font-size: 13px;
}
.nav>li>a{
    padding: 10px;
    margin-right: 10px;
    color: #ffffff;
}
.navbar-default .navbar-nav>li>a{
    color: #ffffff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    background: #00556b;
    color: #ffffff;
    border-radius: 10px;
    font-family: Gotham-Bold;
}


/** GALERİ CSS **/

#section1 {
    background: #00303b;
    /*background-size: cover;*/
}
.flexslider{
    background: transparent;
    border:none;
    margin:0!important;
}

.flex-caption {
    width: 70%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 18px;
    font-family: Gotham-Light;
}
.flex-caption h3{
    font-size: 35px;
    line-height: 1.1;
    color: #ffffff;
    font-weight: bold;
}
.flex-caption p{
    color: #ffffff;
    font-weight: bold;
}
.flex-next{
    background: url("../img/arrow-next.png");
    background-size: contain;
    width: 60px!important;
    height: 60px!important;
    opacity: 1!important;
    right: 0!important;
}
.flex-prev{
    background: url("../img/arrow-prev.png");
    background-size: contain;
    width: 60px!important;
    height: 60px!important;
    opacity: 1!important;
    left: 10px!important;
}
.flex-direction-nav a.flex-next:before,.flex-direction-nav a.flex-prev:before{
    content: '';
}
.flex-direction-nav a:before{
    content: '';
}
.flexslider .slides img {
    width: 89%;
    display: block;
    margin: 0 auto;
}
.flex-control-nav{
    display: none;
}


/** KAT PLANLARI CSS **/

.kat-planlari-container .swiper-slide{
    height: 100%;
}
.kat-planlari-container .swiper-button-next{
    background: url("../img/kat-plani-swipe-btn-right.jpg");
    background-size: contain;
    width: 126px;
    height: 57px;
}
.kat-planlari-container .swiper-button-prev{
    background: url("../img/kat-plani-swipe-btn-left.jpg");
    background-size: contain;
    width: 126px;
    height: 57px;
}
.gallery-btns{
    position: relative;
    width: 290px;
    height: 110px;
    margin: 0 auto;
}
.kat-planlari .flexslider .slides img{
    width: 89%;
}
.kat-planlari .flexslider{
    padding: 0!important;
}

/** FOOTER CSS **/
#section4{
    background: #002f3b;
}
#section4 h3{
    font-size: 35px;
    padding: 6%;
    padding-top: 8%;
    padding-bottom: 4%;
    text-align: center;
    font-family: Gotham-Light;
    color: #ffffff;
}
#section4 p{
    text-align: center;
    color: #ffffff;
    font-family: Gotham-Light;
    padding: 5%;
}

.footer-col{
    height: 100%;
}
.google-maps-col{
    height: 500px;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}
.google-maps,.maps-text,.maps-text-col{
    height: 100%;
}
.maps-text-col{
    background: #000;
    text-align: right;
    padding: 10% 3% 10% 0;
}
.maps-text-col p{
    color: #ffffff;
    font-family: Gotham-Bold;
    padding-left: 15%;
    padding-top: 25px;
    font-size: 24px;
}
#map {
    height: 100%;
}


/** İLETİŞİM CSS **/

#section5{
    background: #fff;
}
#section5 p{
    text-align: center;
    color: #002f3b;
    font-family: Gotham-Light;
    font-size: 23px;
    font-weight: bold;
    padding: 3% 7% 1% 7%;
}
#section5 .polat-logo img{
    display: block;
    margin: 0 auto;
    padding-top: 8%;
}
.polat-iletisim-text .polat-fax-text{
    font-family: Gotham-Bold!important;
    padding: 1% 7% 1% 7%!important;
}
.polat-phone-text{
    font-size: 20px!important;
    font-family: Gotham-Bold!important;
}
.polat-phone-text span{
    font-size: 30px;
    font-family: Gotham-Bold;
    color: #002f3b;
}
.polat-email-text{
    padding: 1% 7% 0% 7%!important;
}
.polat-email-text a{
    color: #002f3b;
    text-decoration: none;
    font-family: Gotham-Bold;
}
.polat-address-text{
    padding-top: 15px!important;
    line-height: 1.2;
}
.polat-address-text img{
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.iletisim-col{
    height: 100%;
}


/** FORM CSS **/
.right-div{
    height: 100%;
    background: #fff;
    position: fixed;
    right: 0;
}
.polat-tower-form{
    position: relative;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding-top: 10%;
    /* margin-top: 10%; */
    background: white;
}
.deficient-data-wrapper{
    height: 17px;
    margin-top: 10px;
    display: none;
}
.deficient-data{
    display: none;
    -webkit-animation: fadein 1s ease-in alternate infinite;
    -moz-animation: fadein 1s ease-in alternate infinite;
    animation: fadein 1s ease-in alternate infinite;
    color: #ff0000;
    text-align: center;
    font-size: 16px;
    font-family: Gotham-Bold;
    padding-top: 10px;
}
.thanks{
    display: none;
    color: #000;
    text-align: center;
    padding-top: 0;
}

.thanks .thanks-title{
    font-size: 26px;
}
.thanks .thanks-content{
    font-size: 18px;
}
.sending-data{
    display: none;
    font-family: Gotham-Bold;
    font-size: 14px;
    line-height: 3;
}
.fa-li{
    position: inherit;
}
.polat-tower-logo{
    height: 100%;
    width: 100%;
    /*background: url("../img/emperia-polat-tower-logo.png")no-repeat;*/
    position: relative;
    margin: 0 auto;
    margin-bottom: 10%;
}
.polat-tower-logo p{
    text-align: center;
    font-family: Gotham-Bold;
    font-size: 12px;
}
.polat-tower-logo p>a{
    text-decoration: none;
}
.polat-tower-logo img{
    width: 100%;
}
.polat-tower-form-text{
    /*background: url("../img/polat-tower-form-text.png")no-repeat;*/
    width: 100%;
    max-width: 238px;
    height: 100%;
    max-height: 221px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.form-container h3{
    font-family: Gotham-Bold;
    font-size: 19px;
    color: #002f3b;
    text-align: center;
}
.form-container p{
    font-family: Gotham-Light;
    font-size: 15px;
    color: #002f3b;
    text-align: center;
}
.form-container label{
    width: 100%;
    font-size: 12px;
    font-family: Gotham-Bold;
    display: block;
    height: auto;
    color: #002f3b;
    line-height: 1.8;
}
.form-container form{
    margin-top: 10%;
}
.polat-tower-form-input{
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    line-height:inherit;
    text-align: left;
    background: #fff;
    color: #73777f;
    border:1px solid #73777f;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 15px;
}
.polat-tower-checkbox{
    width: 15px;
    height: 15px;
}
.polat-holding-link{
    border: 1px solid #002f3b;
    border-radius: 15px;
    padding: 10px;
    line-height: 3;
    background: #002f3b;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
}
.sag-kolon-link{
    border: 1px solid #002f3b;
    border-radius: 15px;
    padding: 10px;
    line-height: 3;
    background: #002f3b;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: Gotham-Light;
}
.polat-holding-link:hover,.polat-holding-link:focus,.sag-kolon-link:hover,.sag-kolon-link:focus{
    background: #002f3b;
    color: #fff;
}
input[type="checkbox"]{line-height:1;float: left;
    margin-right: 10px;}
input[type=checkbox]:before { content:""; display:inline-block; width:15px; height:15px; background:#002f3b; }
input[type=checkbox]:checked:before { content:"✔";  color: #ffffff; padding: 0;}
.checkbox-label a{
    color: #00adee;
}
.form-post{
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10%;
    border: none;
    background: #ff0000;
    width: 85%;
    font-family: Gotham-Bold;
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
}
.form-post:hover{
    text-decoration: none;
    color: #ffffff;
    background: #970000;
}
.polat-tower-phone{
    margin-top: 5px;
}
.phone-text{
    display: block;
    text-align: center;
    font-size: 25px;
    font-family: Gotham-Bold;
}
.phone-text:hover{
    text-decoration: none;
    color: #000;
}

@media only screen and  (orientation:landscape)  and (max-width:667px ){
    .page-wrapper { display:none; }
    #warning-message { display:block; }
}
@media only screen and (orientation:portrait) and (max-width:667px ){
    #warning-message { display:none; }

    .main-loader {display: none;}
}

@media screen and (max-width: 1023px){

    .down-arrow-container{
        display: none;
    }

    #section0{
        width: 100%;
        height: 100%;
    }
    #form{
        height: 100%;
        padding-bottom: 20px;
    }
    .just-mobile{
        display: block;
        height:auto!important;
    }

    .polat-tower-hakkinda-bottom-description h3{
        font-size:21px;
    }
    .polat-tower-hakkinda-bottom-description p{
        font-size: 19px;
    }

    .galeri-caption-container div{
        font-size: 30px;
    }
    .galeri-caption-container .gold-text{
        font-size: 30px!important;
    }
    .galeri-bottom-description p{
        font-size: 19px;
    }

    #section2{
        background: white;
    }
    .ulusal-vizyon-text .just-mobile{
        height: auto;
        font-size: 26px;
    }
}
@media only screen and (width: 768px){
    .navbar-nav a{
        font-size: 10px;
    }
}
@media only screen and (max-width: 767px){
    .right-div{
        position: relative;
    }
}
@media screen and (max-width: 550px){
    nav.navbar-default {
        background: #002f3b;
        margin: 0;
        position: sticky;
        width: 100%;
        top: 0;
        border-radius: 0;
    }
    .navbar-default .navbar-nav>li>a{
        text-align: right;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border:none;
    }
    .container>.navbar-header, .container>.navbar-collapse{
        margin: 0!important;
    }
    .polat-tower-header .container{
        float: none;
    }
    .polat-tower-header{
        position: relative
    }
    .polat-tower-header .container{
        padding:0!important;
    }
    .site-lang{
        display: none;
    }

    .flex-caption h3{
        font-size:19px;
    }
    .flex-caption{
        font-size: 12px;
    }
    #section1 .flex-direction-nav a{
        top:60%;
    }
    .polat-tower-phone{
        padding-bottom: 10px;
        margin-top: 0;
    }
    #section4 h3{
        font-size: 18px;
    }

    #section4 p{
        font-size: 13px;
    }

    .kat-planlari-container{
        background: transparent;
    }

    #section5 p{
        font-size: 17px;
    }

    .polat-tower-form{

    }
    .form-mobile{
        background: #fff;
        display: block;
    }
    .polat-mobile-bg{
        display: block;
        width: 100%;
    }
    .polat-tower-logo{
        margin-bottom: 10%;
    }
    .form-container form{
        margin-top: 5%;
    }
    .just-desktop{
        display: none;
    }
}