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,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,textarea,button,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
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
ol,ul{
    padding:0;
    margin:0;
    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
}
img{
    border:0
}
:focus{
    outline:0
}
.clear{
    clear:both
}
input::-moz-focus-inner{
    border:0
}
input[type=submit]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
::-webkit-input-placeholder{
    color:#000
}
:-moz-placeholder{
    color:#000;
    opacity:1
}
::-moz-placeholder{
    color:#000;
    opacity:1
}
:-ms-input-placeholder{
    color:#000
}
*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body{
    height:100%;
    font-family:'Open Sans', sans-serif;
    font-weight:300;
    font-size:18px;
    color:#000
}
html{
    height:100%;
    overflow:auto
}
#video-background{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden
}
#photo-background{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    background:url(../images/background.jpg) center center no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    display:none
}
.clock-wrapper{
    width:100%;
    height:100%;
    display:table;
    text-align:center;
    background:rgba(0,0,0,0.6);
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    pointer-events:none
}
#clock{
    position:relative;
    display:table-cell;
    vertical-align:middle;
    background:url(../images/logo.png) center 60% no-repeat
}
.clock-text{
    margin-top:20px;
    color:#fff;
    font-weight:400;
    font-size:24px
}
.menu{
    width:100%;
    padding:0 30px;
    position:absolute;
    bottom:20px;
    z-index:4
}
.mobil-nav{
    display:none
}
nav ul li{
    padding:0 20px;
    float:left
}
nav ul li a{
    font-weight:400;
    color:#fff;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
nav ul li a:hover{
    color:#d60000
}
nav ul li:first-child{
    padding-left:0;
    border-right:1px solid #fff
}
.social{
    float:right
}
.social a{
    height:24px;
    margin-left:20px;
    background:url(../images/icon-social.png) no-repeat;
    float:left;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.social a.icon-facebook{
    width:12px;
    background-position:0 0
}
.social a.icon-twitter{
    width:24px;
    background-position:-13px 0
}
.social a.icon-instagram{
    width:24px;
    background-position:-38px 0
}
.social a.icon-facebook:hover{
    background-position:0 -25px
}
.social a.icon-twitter:hover{
    background-position:-13px -25px
}
.social a.icon-instagram:hover{
    background-position:-38px -25px
}
section{
    width:100%;
    padding:60px 0 90px;
    float:left;
    position:relative;
    z-index:2
}
section#bayi-olmak-istiyorum{
    background:#d60000
}
section#bayi-olmak-istiyorum .block-text{
    text-align:right;
    float:right
}
section#bayi-olmak-istiyorum .block-form{
    float:left
}
section#bayi-olmak-istiyorum h2 mark{
    color:#fff
}
section#bayi-olmak-istiyorum input[type="button"]{
    background:#000;
    float:left;
    border:2px solid #000
}
section#bayi-olmak-istiyorum input[type="button"]:hover{
    background:none;
    color:#000
}
.container{
    width:1170px;
    margin:auto;
    overflow:hidden
}
.container h2{
    width:100%;
    padding-bottom:60px;
    text-align:center;
    font-size:30px;
    font-weight:400
}
.container h2 mark{
    font-weight:700;
    color:#d60000;
    background:none
}
.block-text{
    width:45%;
    float:left
}
.block-text p{
    margin-bottom:24px
}
.block-text p.title{
    font-weight:700
}
.block-text p.gray-text{
    color:#000000
}
.block-text p:last-child{
    margin-bottom:0
}
.block-form{
    width:45%;
    float:right
}
input[type="text"]{
    width:100%;
    padding:10px;
    margin-bottom:20px;
    border-bottom:1px solid #000;
    background:none;
    font-size:16px
}
textarea{
    width:100%;
    padding:10px;
    margin-bottom:30px;
    border-bottom:1px solid #000;
    resize:none;
    background:none;
    font-size:16px
}
input[type="button"]{
    padding:10px 50px;
    color:#fff;
    background:#d60000;
    float:right;
    cursor:pointer;
    font-weight:700;
    border:2px solid #d60000;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
input[type="button"]:hover{
    background:none;
    color:#d60000
}
.parallax{
    width:100%;
    height:400px;
    float:left;
    position:relative;
    background:url(../images/parallax.jpg) no-repeat;
    background-attachment:fixed;
    display:table;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.parallax .text{
    padding-left:60px;
    font-weight:400;
    font-size:30px;
    display:table-cell;
    vertical-align:middle;
    color:#fff
}
.parallax .text span{
    width:18px;
    height:18px;
    margin-right:10px;
    display:inline-block;
    background:#d60000;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
footer{
    width:100%;
    padding:36px 0;
    overflow:hidden;
    float:left;
    background:#000
}
footer .block-right{
    float:right
}
footer .social{
    position:relative;
    right:inherit;
    bottom:inherit;
    float:right
}
footer .copyright{
    margin-top:20px;
    font-size:14px;
    clear:both;
    float:right;
    color:#fff
}
.logo{
    width:140px;
    height:84px;
    background:url(../images/logo.png) no-repeat;
    background-size:140px 84px;
    float:left
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .parallax{
        background-attachment:scroll
    }
}
@media only screen and (max-width: 1230px){
    .container{
        width:950px
    }
}
@media only screen and (max-width: 990px){
    .container{
        width:80%
    }
    .container h2{
        padding-bottom:40px
    }
    .block-text{
        width:100%
    }
    .block-form{
        width:100%
    }
    #clock{
        position:relative;
        display:table-cell;
        vertical-align:middle;
        background:url(../images/logo.png) center 60% no-repeat
    }
    .clock-text{
        width:100%
    }
    .menu{
        padding:16px 30px;
        bottom:inherit;
        top:0;
        background:#000;
        position:fixed;
        z-index:6
    }
    section#nedir-bu-netfor .block-form{
        margin-top:40px
    }
    section#bayi-olmak-istiyorum .block-text{
        text-align:left
    }
    section#bayi-olmak-istiyorum .block-form{
        margin-bottom:40px;
        float:left
    }
    footer .social{
        margin:0 auto;
        float:none;
        display:table
    }
    footer .block-right{
        margin:0 auto;
        float:none
    }
    footer .copyright{
        width:100%;
        text-align:center
    }
    .logo{
        margin:0 auto 30px;
        float:none
    }
}
@media only screen and (max-width: 700px){
    #video-background{
        display:none
    }
    #photo-background{
        display:block
    }
    section{
        padding:90px 0 90px
    }
    .mobil-nav{
        float:left;
        display:inline-block;
        cursor:pointer;
        position:relative;
        z-index:5
    }
    .bar1,.bar2,.bar3{
        width:35px;
        height:4px;
        background:#fff;
        margin-bottom:6px;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
    .change .bar1{
        -webkit-transform:rotate(-45deg) translate(-8px, 8px);
        -moz-transform:rotate(-45deg) translate(-8px, 8px);
        transform:rotate(-45deg) translate(-8px, 8px)
    }
    .change .bar2{
        opacity:0
    }
    .change .bar3{
        -webkit-transform:rotate(45deg) translate(-6px, -6px);
        -moz-transform:rotate(45deg) translate(-6px, -6px);
        transform:rotate(45deg) translate(-6px, -6px)
    }
    nav.show{
        display:table
    }
    .menu{
        padding:12px 30px
    }
    nav{
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.95);
        position:fixed;
        left:0;
        top:0;
        z-index:4;
        display:none
    }
    nav ul{
        display:table-cell;
        vertical-align:middle;
        text-align:center
    }
    nav ul li{
        display:table;
        padding:20px 0;
        float:inherit;
        clear:both;
        margin:0 auto
    }
    nav ul li:first-child{
        padding:20px 0;
        border-right:0;
        border-bottom:1px solid #fff
    }
}
/*# sourceMappingURL=style.css.map */