@charset "UTF-8";
/* CSS Document */

img{max-width:100%;}
.nopadding{padding:0}
.pad-left-10 {
    padding-left: 10px;
}
body{font-family: 'Open Sans', sans-serif; background:#333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.paralax{background-repeat:no-repeat;background-position: center top; overflow: hidden !important; background-attachment:fixed;height: 720px;background-size: cover; position: relative;}

.slogan-container{font-family: montserratlight; width: 100%; background:  url('../images/slogan-bg.png') center top repeat-y;  padding:6px 0; font-size:2em; font-weight:700; color:#0d355a; line-height:1.4em; margin-bottom:3em;background-size: contain; position: absolute; bottom: 80px; left: 0;}

.info-wrapper{ color:#000;background-color: #eaeaea;}
    .info-wrapper::after{content:''; display:block; float:none; clear:both;}
    .info-left{min-height:500px; height:100%; background-size: cover;}
    .info-right{padding:1.5em 2em; min-height: 100%; float: left; }
        .info-right h2{ font-family: 'montserratbold', sans-serif; font-size: 20px; line-height:1.5em; padding: 0 30px;}
        .info-right h3 {font-size: 16px; margin-top: 5px; }
        .info-right h4 { margin-bottom: 70px; }
        .info-right h4 a { font-size: 19px; color: #FFF; text-decoration: none; }
        .info-right p{font-family: 'montserratlight', sans-serif; font-size:16px; padding: 0 30px;}
        .info-right p + p {margin-bottom: 30px;}
    .form-wrapper{background:url('../../images/5b.jpg') no-repeat center center; position: relative; background-size:cover; padding:3em 0; color:#000;}
    .form-wrapper .row{margin-bottom: 0;}
    .form-wrapper .txtinput{width:100%; height:40px; line-height:40px; background:#607D8B; border:none; box-sizing:border-box; -moz-box-sizing:border-box; padding:0 5px; font-weight:300; color:#ffffff;margin-bottom: 20px;}
    .form-wrapper .txtarea{width:100%; height:160px; line-height:40px; background:#607D8B; border:none; box-sizing:border-box; -moz-box-sizing:border-box; padding:0 5px; font-weight:300; color:#ffffff; resize:none;}
    .form-wrapper label{font-weight:400;margin-bottom: 20px;}
    .form-wrapper .sendbtn{width:200px; height:40px;  background:#607D8B; border:none; color:#fff; font-size:18px; cursor:pointer;margin-top: 20px;}
    .form-wrapper h2 { color: #0d355a; font-family: 'montserratblack', sans-serif; font-weight: 700; font-size: 29.5px; }
    .form-wrapper h2 span {     
        font-size: 22px;
        margin-left: -6px;
        font-family: 'montserratregular', sans-serif;
    } 
    .form-row {
        float: none;
        margin: 0 auto;
        padding-right: 0;
    }
    .form-wrapper p { color: #0d355a; }
    input[type="text"]::-webkit-input-placeholder {
        color: #FFF;
    }
    input[type="text"]::-moz-placeholder {
        color: #FFF;
    }
    input[type="text"]::-ms-input-placeholder {
        color: #FFF;
    }
    input[type="email"]::-webkit-input-placeholder {
        color: #FFF;
    }
    input[type="email"]::-moz-placeholder {
        color: #FFF;
    }
    input[type="email"]::-ms-input-placeholder {
        color: #FFF;
    }
    textarea::-webkit-input-placeholder {
        color: #FFF;
    }
    textarea::-moz-placeholder {
        color: #FFF;
    }
    textarea::-ms-input-placeholder {
        color: #FFF;
    }

.price {
    display: block;
    position: absolute;
    top: 30px;
    right: 42px;
    width: 40%;
    text-align: center;
}
.price img {
    max-width: 100%;
}
.price .slogan {
    background-color: #0d355a;
    color: #FFF;
    text-align: center;
    padding: 10px;
    font-family: 'montserratbold', sans-serif;
    display: none;
}

.foot-wrapper{padding:3em 0 1em; color:#fff;}
    .foot-wrapper .logolar{margin-bottom:2em;}

    .sat01{font-weight:300; font-size:20px;letter-spacing: 1px;}
    .sat02{}
        .sat02 a{font-size:40px; color:#fff; font-weight:700;letter-spacing: -2px;text-shadow: 0px 0px 15px #000; line-height:1em}
    .sat03{font-weight:300; font-size:12px;letter-spacing: 1px;}
        .sat03 strong{font-weight:300;}
        .sat03 strong.text-left{width:50%; float:left; text-align:center;}
        .sat03 strong.text-right{width:50%; float:right; text-align:center;}
.logo {
    position: absolute;
    left: 60px;
    top: 30px;
}
#godown {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translate(-30px);
}
.footer-phone {
    display: none;
}
.vade-farksiz {
    width: 50%;
    position: absolute;
    top: -60px;
    left: 25%;
    display: none;
}
@media only screen and (max-width: 768px) {
    * {
        backface-visibility: visible;
    }
    .logo {
        left: 10px;
        width: 90px;
    }
    .slogan-container {
        font-size: 1.5em;
        bottom: 35px !important;
        padding: 5px 0;
    }
    .pad-left-10 { padding-left: 0; }
    .info-right { padding: 1em 0; }
    .info-right h2{ padding: 0 10px; font-size: 1.7em; }
    .info-right h4 { margin-bottom: 20px; }
    .footer-phone {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 50px;
        line-height: 50px;
        background-color: #CA8F3B;
        text-align: center;
        font-size: 21px;
        display: block;
    }
    .footer-phone a {
        color:  #FFF;
        font-weight: 600;
    }
    .paralax {
        background-attachment: scroll !important;
        -webkit-background-attachment: scroll !important;
        height: 400px !important;
    }
    #godown {
        display: none !important;
    }
    .price {
        display: block;
        width: 60% !important;
        top: -20px !important;
        right: -20px !important;
    }
    .form-mobile {
        display: none;
    }
    .txtarea {
        height: 75px !important;
    }
    .txtinput {
        margin-bottom: 5px !important;
    }
    .vade-farksiz {
        display: block !important;
    }
    .sat01 {
        padding: 0 10px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 500px) {
    .info-left {
        background-position: -260px;
    }
    .sat02 a {
        font-size: 55px;
    }
    .form-wrapper h2 { font-size: 24px; margin-top: -10px; margin-left: 12px; }
    .form-wrapper h2 span {     
        font-size: 17.5px;
    }
    .form-wrapper p { font-size: 12px; }
    .price {
        width: 67% !important;
        top: 70px !important;
        right: -43px !important;
    }
    .info-right p {
        font-size:  13px;
        padding: 0 15px;
    }
    .pad-left-15 {
        padding-left: 15px;
    }
    .pad-right-15 {
        padding-right: 15px;
    }
    .pad-left-3 {
        padding-left: 7px;
    }
    .pad-right-3 {
        padding-right: 7px;
    }
}
@media only screen and (min-width: 980px) and (max-width: 1200px) {
    .info-right {
        padding: 0.5em 1em;
    }
    .price {
        top: 50px;
        right: 40px;
    }
    .pad-left-10 { padding-left: 0; }
    .form-row {
        width: 50%;
    }

}
@media only screen and (max-width: 375px) {
    .info-right h2 {
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 640px) and (max-width: 990px) {
    .info-right h2 {
        font-size: 1.3em;
    }
    .firsat img {
        float: right;
        padding-right: 40px;
    }
    .pad-left-10 { padding-left: 0; }
    .vade-farksiz {
        left: 30%;
        top: -80px;
    }
    .form-row {
        width: 50%;
    }
}
@media only screen and (min-width: 370px) and (max-width: 639px) {
    .vade-farksiz {
        top: -80px;
    }
}