/* Site styles: Bootstrap 3.3.6 (MIT) + theme CSS, reduced to the rules index.html uses. */
/* Roboto (self-hosted, Apache License 2.0) - from @fontsource/roboto 5.1.0 */
/* roboto-latin-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../font/roboto/files/roboto-latin-ext-300-normal.woff2) format('woff2');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* roboto-latin-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../font/roboto/files/roboto-latin-300-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../font/roboto/files/roboto-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* roboto-latin-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../font/roboto/files/roboto-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../font/roboto/files/roboto-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* roboto-latin-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../font/roboto/files/roboto-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-900-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(../font/roboto/files/roboto-latin-ext-900-normal.woff2) format('woff2');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* roboto-latin-900-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(../font/roboto/files/roboto-latin-900-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}details,header,main,nav,section{display:block}progress{display:inline-block;vertical-align:baseline}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button{margin:0;font:inherit;color:inherit}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}img{max-width:100%!important}h2,p{orphans:3;widows:3}h2{page-break-after:avoid}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.h2,h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h2 .small,.h2 small,h2 .small,h2 small{font-weight:400;line-height:1;color:#777}.h2,h2{margin-top:20px;margin-bottom:10px}.h2 .small,.h2 small,h2 .small,h2 small{font-size:65%}.h2,h2{font-size:30px}p{margin:0 0 10px}.small,small{font-size:85%}ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.dropdown{position:relative}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}}.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before{display:table;content:" "}.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important}@-ms-viewport{width:device-width}html * {
    outline: 0 !important
}

html, body {
    min-height: 100%;
    overflow-x: hidden
}

body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #5e6d77;
    background-color: #fff
}

p, a, span {
    font-size: 1em
}

a {
    transition: all 0.2s ease
}

a:hover, a:active, a:focus {
    text-decoration: none;
    color: #2aacff
}

 h2 {
    font-weight: bold
}

.section {
    background-color: #fff;
    z-index: 10;
    position: relative
}

.info {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px
}

.info:last-child {
    margin-right: 0
}

.info i, .info p {
    display: inline-block
}

.info p {
    margin: 0;
    padding-left: 5px;
    font-size: 0.929em
}

.info i {
    font-size: 1.14em
}

.scroll-nav {
    overflow-y: scroll !important
}

.padding-top {
    padding-top: 100px
}

.padding-bottom {
    padding-bottom: 100px
}

.banner-01 {
    background-image: url(../images/libs/photo-1512917774080-9991f1c4c750.jpg);
    background-image: image-set(url(../images/libs/photo-1512917774080-9991f1c4c750.webp) type("image/webp"), url(../images/libs/photo-1512917774080-9991f1c4c750.jpg) type("image/jpeg"));
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    background-repeat: repeat;
    width: 100%;
    position: relative;
    background-color: #2aacff
}

.contact-us {
    min-height: 650px;
    background-image: url(../images/libs/photo-1497215842964-222b430dc094.jpg);
    background-image: image-set(url(../images/libs/photo-1497215842964-222b430dc094.webp) type("image/webp"), url(../images/libs/photo-1497215842964-222b430dc094.jpg) type("image/jpeg"));
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    position: relative
}

header .bg-transparent {
    background-color: transparent;
    transition: all 0.6s ease
}

header .bg-transparent .header-main {
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

header .bg-transparent .header-main .main-menu {
    color: #DDEAF0
}

header .bg-transparent .header-main .navigation .nav-links li.active .main-menu, header .bg-transparent .header-main .navigation .nav-links li:hover .main-menu {
    color: #fff
}

header .bg-transparent .header-main.header-fixed {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff
}

header .bg-transparent .header-main.header-fixed .main-menu {
    color: #5e6d77
}

header .bg-transparent .header-main.header-fixed .navigation .nav-links li.active .main-menu, header .bg-transparent .header-main.header-fixed .navigation .nav-links li:hover .main-menu {
    color: #2aacff
}

header .bg-transparent .header-main.header-fixed .logo-black {
    display: block !important
}

header .bg-transparent .header-main.header-fixed .logo-white {
    display: none !important
}

header .bg-transparent .header-main.header-no-border {
    border-bottom: none
}

header .bg-transparent .logo-black {
    display: none !important
}

header .bg-transparent .logo-white {
    display: block
}

.header-main {
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 100;
    transition: all 0.3s ease
}

.header-main .logo {
    line-height: 90px
}

.header-main .logo .header-logo img {
    max-width: 220px;
    width: 100%;
    transition: all 0.3s ease
}

.header-main .navigation .nav-links {
    position: relative
}

.header-main .navigation .nav-links li.active .main-menu, .header-main .navigation .nav-links li:hover .main-menu {
    color: #2aacff
}

.header-main .navigation .nav-links .main-menu {
    line-height: 100px;
    padding: 0;
    margin: 0 20px;
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
    transition: all 0.3s ease
}

.header-main.header-fixed {
    position: fixed;
    top: 0;
    transition: all 0.6s ease
}

.header-main.header-fixed .logo {
    line-height: 41px
}

.header-main.header-fixed .logo .header-logo img {
    max-width: 125px;
    width: 100%
}

.header-main.header-fixed .navigation .nav-links .main-menu {
    line-height: 50px
}

.header-main.hide-menu {
    top: -120px !important;
    position: fixed;
    transition: all 0.6s ease
}

.header-main.hide-menu .logo {
    line-height: 41px
}

.header-main.hide-menu .logo .header-logo img {
    max-width: 125px;
    width: 100%
}

.header-main.hide-menu .navigation .nav-links .main-menu {
    line-height: 50px
}#back-top a {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: 2px solid #2aacff;
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 24px;
    z-index: 100;
    color: #2aacff;
    transition: all 0.5s ease
}

#back-top a:hover {
    background-color: #2aacff;
    color: #fff
}

.btn {
    text-transform: uppercase;
    width: 200px;
    line-height: 48px;
    padding: 0;
    font-weight: 700;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: center;
    transition: all 0.5s ease
}

.btn.btn-transparent {
    background: transparent;
    border: 2px solid;
    line-height: 46px
}

.btn.btn-transparent.white {
    border-color: #fff;
    color: #fff
}

.btn.btn-transparent.white:hover {
    background-color: #fff;
    color: #2aacff
}

.contact-us .contact-us-scroll {
    width: 1170px;
    position: absolute;
    z-index: 10;
    top: -30px;
    left: 50%;
    margin-left: -585px;
    right: 0
}

.contact-us-wrapper {
    padding: 0 50px;
    width: 50%;
    float: left;
    height: 460px;
    display: table
}

.contact-us-wrapper .contact-us-content {
    display: table-cell;
    vertical-align: middle
}

.contact-us-wrapper {
    background-color: #fff
}

.contact-us-wrapper .title {
    margin: 0;
    color: #34495e;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.143em;
    margin-bottom: 20px
}

.contact-us-wrapper .text {
    margin-bottom: 35px
}

.info-list ul {
    margin-bottom: 0
}

.info-list .info-line {
    line-height: 1.8em;
    padding: 8px 0
}

.info-list .info-line:last-child {
    padding-bottom: 0
}

.info-list .info-text {
    color: #7e868e
}

.info-list .info-icon {
    color: #3d4448;
    width: 30px;
    text-align: left;
    font-size: 1.143em
}

.about-house-section {
    background-color: #fff;
    position: relative
}

.about-house-section .about-house-wrapper {
    display: table
}

.about-house-section .about-house-image {
    display: table-cell;
    width: 410px
}

.about-house-section .about-house-banner {
    position: absolute;
    width: 400px;
    bottom: 160px
}

.about-house-section .about-house-banner .about-house-banner-wrapper {
    background-color: #2aacff;
    color: #fff;
    padding: 100px 70px;
    text-align: center
}

.about-house-section .about-house-banner .about-house-banner-wrapper .title {
    font-size: 3.93em;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    display: block;
    color: #fff;
    line-height: 1.2em;
    text-align: left
}

.about-house-section .about-house-banner .about-house-banner-wrapper .address {
    font-weight: 300;
    text-transform: uppercase;
    padding: 22px 0 34px 0;
    display: block;
    color: #fff;
    line-height: 1.4em;
    position: relative;
    text-align: left
}

.about-house-section .about-house-banner .about-house-banner-wrapper .address:after {
    position: absolute;
    content: '';
    background-color: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0
}

.about-house-section .about-house-banner .about-house-banner-wrapper .price-for-house {
    padding: 80px 0 50px 0;
    text-align: center;
    font-size: 1.6em
}

.about-house-section .about-house-content {
    display: table-cell;
    vertical-align: top;
    padding-left: 70px
}

.about-house-section .about-house-content .title {
    font-size: 2.143em;
    font-weight: 900;
    text-transform: uppercase;
    color: #34495e;
    margin: 0;
    margin-bottom: 25px
}

.about-house-section .about-house-content .text {
    margin-bottom: 25px
}

.about-house-section .about-house-content .text:last-child {
    margin-bottom: 0
}

.about-house-section .about-house-content.about-house-padding-left {
    padding-left: 460px
}

.about-house-section .info {
    margin-right: 30px;
    color: #6a727b
}

.about-house-section .info .text {
    font-size: 1em
}

.about-house-section .info i {
    font-size: 2.5em
}

.about-house-section .info:last-child {
    margin-right: 0
}

.contact {
    height: 550px;
    background-color: #fff
}

.contact .container {
    position: relative;
    z-index: 3;
    height: 100%
}

.contact .contact-us-wrapper {
    padding: 0;
    position: relative
}

.contact .contact-us-wrapper img {
    width: 100%;
    height: 100%
}@media screen and (max-width: 1024px) {
    .header-main .logo .header-logo img {
        max-width: 125px;
        width: 100%
    }

    .banner-full-screen-2 {
        min-height: 667px
    }

    .contact-us .contact-us-scroll {
        width: 970px;
        top: 50%;
        margin-top: -230px;
        margin-left: -485px
    }
}

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

    .padding-bottom {
        padding-bottom: 60px
    }

    .padding-top {
        padding-top: 60px
    }

    .header-main .logo {
        line-height: 40px
    }

    .header-main .navigation {
        padding-left: 0;
        padding-right: 0
    }

    .header-main .navigation .nav-links .main-menu {
        line-height: 50px;
        margin: 0 10px;
        font-size: 0.95em
    }

    .about-house-section .about-house-image {
        width: 250px
    }

    .about-house-section .about-house-content {
        padding-left: 30px
    }

    .about-house-section .about-house-banner {
        position: inherit;
        bottom: auto;
        width: 300px
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper {
        padding: 20px
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper .title {
        font-size: 2.143em;
        line-height: 1.1em
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper .address {
        padding: 15px 0 20px 0;
        line-height: 1.3em
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper .price-for-house {
        padding: 50px 0 30px 0;
        text-align: center;
        font-size: 1.2em
    }

    .about-house-section .about-house-content.about-house-padding-left {
        padding-left: 30px
    }

    .contact-us {
        min-height: 580px
    }

    .contact-us .contact-us-scroll {
        width: auto;
        margin-left: 0;
        left: 30px;
        right: 30px
    }

    .contact-us-wrapper {
        padding: 0 20px
    }

    .about-house-section .about-house-content .title {
        font-size: 1.9em
    }

    .contact-us-wrapper .title {
        font-size: 1.9em
    }
}

@media screen and (max-width: 767px) {
    .navbar-toggle {
        margin-right: 0;
        margin-bottom: 0
    }

    .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .header-main {
        height: 50px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
    }

    .header-main .logo .header-logo img {
        max-width: 150px
    }

    .header-main .navigation {
        min-width: 350px;
        text-align: left;
        position: absolute;
        right: 0;
        background-color: #fff;
        top: 50px
    }

    .header-main .navigation .nav-links {
        margin: 0
    }

    .header-main .navigation .nav-links .main-menu {
        line-height: 50px;
        padding: 0 20px;
        margin: 0;
        font-size: 1em;
        border-bottom: 1px solid #efefef
    }

    .header-main .navigation .nav-links.active .main-menu {
        border-bottom: none
    }

    .header-main .navigation .nav-links:hover .main-menu {
        background-color: transparent
    }

    .header-main .navigation .nav-links:hover .main-menu:after {
        height: 0
    }

    .header-main.header-fixed .logo .header-logo img {
        max-width: 150px
    }

    header .bg-transparent .header-main {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
    }

    header .bg-transparent .header-main .navbar-toggle {
        border: 1px solid #efefef;
        background-color: transparent
    }

    header .bg-transparent .header-main .navigation .nav-links li .main-menu {
        color: #5e6d77
    }

    header .bg-transparent .header-main .navigation .nav-links li.active .main-menu, header .bg-transparent .header-main .navigation .nav-links li:hover .main-menu {
        color: #2aacff
    }

    header .bg-transparent .header-main.header-fixed .navbar-toggle {
        border: 1px solid #2aacff;
        background-color: #2aacff
    }

    .banner-full-screen-2 {
        min-height: 480px
    }

    /* pull the company box up over the bottom of the photo so it is visible on load */
    .about-house-section .about-house-banner {
        margin-top: -330px
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper .price-for-house {
        padding: 30px 0 0 0
    }
}

@media screen and (max-width: 600px) {
    .btn {
        line-height: 40px
    }

    .btn.btn-transparent {
        line-height: 38px
    }

    .about-house-section .about-house-banner {
        width: 270px
    }

    .about-house-section .about-house-image {
        display: block;
        width: 100%
    }

    .about-house-section .about-house-content {
        display: block;
        padding-left: 0;
        margin-top: 40px
    }

    .about-house-section .about-house-image img {
        margin: 0 auto
    }

    .about-house-section .about-house-content .title {
        text-align: center
    }
}

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

    .about-house-section .about-house-banner {
        width: 100%
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper {
        width: 300px;
        margin: 0 auto
    }

    .about-house-section .about-house-content.about-house-padding-left {
        padding-left: 0;
        display: block;
        width: 100%;
        margin-top: 40px;
        text-align: justify
    }

    .about-house-section .about-house-content.about-house-padding-left .title {
        text-align: center
    }

    .contact-us .contact-us-scroll {
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        position: relative;
        padding: 60px 0
    }

    .contact-us-wrapper {
        width: 100%;
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
        float: none
    }

    .contact-us-wrapper .title {
        margin-bottom: 15px
    }

    .contact-us-wrapper .text {
        margin-bottom: 15px
    }

    .contact .contact-us-wrapper {
        display: none
    }
}

/* mobile browsers can't render fixed backgrounds (iOS zooms them to page height) */
@media screen and (max-width: 1024px), (hover: none) {
    .banner-01, .contact-us {
        background-attachment: scroll
    }
}

@media screen and (max-width: 380px) {
    body {
        font-size: 12px
    }

    p, a, span {
        font-size: 1.17em
    }

    .header-main .navigation {
        width: 100%
    }

    .header-main .navigation .nav-links .main-menu {
        font-size: 1.167em
    }

    .about-house-section .about-house-banner .about-house-banner-wrapper {
        width: 100%
    }

    .info i {
        font-size: 1.2em
    }

    .info p {
        font-size: 1em
    }

    .about-house-section .info {
        margin-bottom: 10px;
        margin-right: 20px
    }

    .about-house-section .info i {
        font-size: 2em
    }
}

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

    .about-house-section .about-house-content .title {
        line-height: 30px;
        margin-bottom: 15px
    }

    .about-house-section .about-house-content .text {
        margin-bottom: 15px
    }

    .header-main .navigation {
        min-width: 320px
    }
}/* inline SVG icons (replace Font Awesome) */
.fa { display: inline-block; line-height: 1; }
.fa svg { fill: currentColor; vertical-align: -0.143em; }