body {
    font-family: 'Lato', sans-serif;
    color: #23395D;
    overflow-x: hidden;
}


/* -- BODY STYLE STANDARD -- */

/* text */
a {
    color: #192841;
}

h1 {
    font-weight: 300;
    font-size: 3em;
}

@media (max-width: 900px) {
    h1 {
        font-size: 2em;
    }
}

p.title {
    text-transform: uppercase;
    font-weight: 900;
}

h4.semititle {
    text-transform: uppercase;
    font-weight: 300;
}

.social i {
    padding: 19px 19px 19px 0;
    font-size: 1.4rem;
}

/* compontants */
a.arrow-link {
    opacity: 0.5;
}


/* colors */

.white {
    color: white;
}

.white:hover {
    color: white;
}

.blue {
    color: #23395D;
}

.blue:hover {
    color: #192841;
}

.gray {
    color: #8A909B;
}

/* row noncence */
.no-mar {
    margin: 0;
}

.no-pad {
    padding: 0;
}

.row .col-md-1.no-pad {
    padding: 0;
}

.row .col-md-2.no-pad {
    padding: 0;
}

.row .col-md-3.no-pad {
    padding: 0;
}

.row .col-md-4.no-pad {
    padding: 0;
}

.row .col-md-5.no-pad {
    padding: 0;
}

.row .col-md-6.no-pad {
    padding: 0;
}

.row .col-md-7.no-pad {
    padding: 0;
}

.row .col-md-8.no-pad {
    padding: 0;
}

.row .col-md-9.no-pad {
    padding: 0;
}

.row .col-md-10.no-pad {
    padding: 0;
}

.row .col-md-11.no-pad {
    padding: 0;
}

.row .col-md-12.no-pad {
    padding: 0;
}

.restrict-mar {
    margin: 15px 200px;
}

@media (max-width: 1370px) {
    .restrict-mar {
        margin: 15px 60px;
    }
}

.restrict {
    padding: 15px 200px;
}

@media (max-width: 1370px) {
    .restrict {
        padding: 15px 60px;
    }
}

.restrict-text {
    padding: 0 50px;
}

@media (max-width: 600px) {
    .restrict-text {
        padding: 0 30px;
    }
}

.new-sec {
    padding-top: 50px;
    padding-bottom: 50px;
}

div.hero {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}


/* -- END BODY STYLE STANDARD -- */

/* Nav Bar */

.navbar.bg-light {
    position: fixed;
    width: 100%;
    background-color: transparent !important;
    z-index: 8888;
    transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
}

div.search {
    display: flex;
}

@media (max-width: 1090px) {
    div#nav.search {
        display: none;
    }
}

@media (max-width: 700px) {
    div.search {
        width: 100%;
    }
}

input.form-control {
    background-color: transparent;
    padding-left: 10px;
    position: relative;
    display: inline-block;
    color: white;
}

input.form-control::placeholder {
    color: white;
}

input.form-control:focus,
input.form-control:active {
    border: none !important;
    outline: none !important;
    box-shadow: none;
    background-color: transparent;
    color: white;
}

a#navsearch {
    display: inline-block;

}

a i.fa-search.stool {
    padding: 10px 15px;
    color: white;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 10px 15px;
    }
}

.navbar-light .navbar-nav .nav-link {
    color: white;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: white;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {
    color: white;
}

.navbar-light .navbar-nav .active .nav-link {
    color: white;
    border-bottom: white solid 2px;
}

/* -- VV NAV POST SCROLL VV -- */

.navbar.bg-light.past-main {
    background-color: #203354 !important;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed;
    /* Stay in place */
    z-index: 9999;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: #23395D;
    ;
    /* Black fallback color */
    background-color: #23395D;
    ;
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: white;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.navbar-toggler {
    border: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    border: none !important;
    outline: none !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../images/bars-solid.svg);
    fill: white;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    z-index: 9999;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

/* -- End Nav Bar -- */

/* -- Home Page -- */

div.hero.index {
    background-image: url(../images/background.jpg);
    height: 100vh;
}

.hero-text {
    padding-top: 22%;
    padding-bottom: 225px;
}

div.hero h1.white {
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    letter-spacing: 2px;
}

div.hero h2.white {
    text-transform: uppercase;
    color: white;
    font-weight: 300;
    letter-spacing: 2px;
    margin-top: -10px;
}

.btn {
    border: 2px solid white;
    border-radius: 0;
    padding: 10px 25px;
    margin: 0 auto;
    display: block;
    margin-bottom: 70px
}

@media (max-width: 1700px) {
    .hero-text {
        padding-top: 22%
    }
}

@media (max-width: 1200px) {
    .hero-text {
        padding-top: 35%
    }
}

@media (max-width: 900px) {
    .hero-text {
        padding-top: 45%
    }
}

@media (max-width: 550px) {
    .hero-text {
        padding-top: 65%
    }

    div.hero h1.white {
        font-size: 2rem
    }

    div.hero h2.white {
        font-size: 1.7rem
    }
}

/* -- End Home Page -- */
/* -- Footer -- */

.footer-bar {
    margin: 20px 0;
    background-color: #F2F2F2;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}


.footer-links {
    list-style: none;
    margin-bottom: 0;
    color: #192841;
}

.footer-links li {
    display: inline-block;
    padding: 15px;
    color: #192841;
}


@media (max-width: 900px) {
    .footer-links li {
        text-align: center;
    }

    .alignleft {
        float: none;
        text-align: center;
    }

    .alignright {
        float: none;
    }

    .footer-links {
        padding-left: 0;
    }

    footer .restrict-text {
        text-align: center;
    }
}


.footer-links a {
    color: #192841;
}

.footer-nav .dev-list-name {
    padding: 15px 0;
}

.row.no-pad {
    margin-left: auto;
    margin-right: auto;
}

.footer-nav.dev-names {
    border-bottom: 2px solid #F2F2F2;
    padding-bottom: 20px;
    padding-top: 10px;
}

@media (max-width: 767px) {

    .footer-bar {
        display: none;
    }

    .footer-nav {
        display: none;
    }
}

/* -- End Footer -- */


/* -- About Page -- */

div.hero.about {
    background-image: url(../images/teamdark.jpg);
    height: 700px;
}

div.about-block {
    background-color: #192841;
    width: 100%;
    margin-top: -250px;
    padding: 30px 225px 30px 50px;
    color: white
}

div.about-block.profile {
    padding: 0 75px 30px 75px;
    text-align: center;
}

@media (max-width: 1630px) {
    div.about-block {
        padding-right: 90px;
    }
}

@media (max-width: 900px) {
    div.about-block {
        padding-right: 50px;
        margin-top: -500px;
    }

    div.about-block.profile {
        padding: 0 25px 30px 25px;
        margin-top: -250px;
    }
}

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


@media (max-width: 767px) {
    div.jump-links {
        display: none;
    }
}

@media (max-width: 900px) {
    div.about-block {
        padding-right: 50px;
    }
}

div.about-block p.paragraph {
    margin: 20px 0;
}

.jump-links {
    text-align: right;
    padding: 25px 50px;
}

.about-strip {
    background-image: url(../images/person.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    padding: 100px;
}

.about-strip .title-off {
    padding-left: 250px;
    padding-top: 30px
}

.stats {
    padding: 60px 0 60px 0;
}


@media (max-width: 1170px) {
    .video video {
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 900px) {
    .about-strip .title-off {
        padding-left: 175px;
        padding-top: 30px
    }
}

@media (max-width: 600px) {
    .about-strip .title-off {
        padding-left: 135px;
        padding-top: 30px
    }
}


/* Profile Card */

.profile-card {}

.profile-card img {
    width: 100%;
}


.profilec-body {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white;
    margin-bottom: 50px;
    transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
}

.profilec-body div.social i {
    color: #192841;
}

/* hover */
.profile-card:hover img {
    width: 100%;
}

.profile-card img {
    width: 100%;
}

.profile-card:hover > .profilec-body {
    background-color: #192841;
}

.profile-card:hover > .profilec-body {
    color: white;
}

.profile-card:hover > .profilec-body div.social i {
    color: white;
}

.hero.about .restrict-text {
    text-align: center;
    padding-top: 130px;
}

img.profile-pic {
    border-radius: 200px;
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-bottom: 40px;
}

/* End Profile Card */
/* -- End About Page -- */

/* -- Development Index -- */

.disabled_development {
    pointer-events: none;
}

div.hero.developments {
    background-image: url(../images/developmentbg.jpg);
    height: auto;
    position: relative;
}

div.hero.developments .hero-text.white {
    padding-top: 12%;
    padding-bottom: 10px;
}

div.hero.developments.entry .hero-text.white {
    padding-top: 12%;
}

@media (min-width: 1000px) {
    div.hero.developments .hero-text.white {
        padding-top: 14%;
    }
}

@media (max-width: 900px) {
    div.hero.developments .hero-text.white {
        padding-top: 20%;
    }
}

@media (max-width: 700px) {
    div.hero.developments .hero-text.white {
        padding-top: 26%;
    }
}

@media (max-width: 600px) {
    div.hero.developments .hero-text.white {
        padding-top: 36%;
    }
}

@media (max-width: 600px) {
    div.hero.developments .hero-text.white {
        padding-top: 46%;
    }
}



@media (min-width: 576px) {
    div.hero.developments .form-inline .form-control {
        width: 390px;
    }
}

div.hero.developments p {
    padding-bottom: 20px;
}

div.hero.developments form {
    padding-bottom: 100px
}

div.hero.developments form.brochure {
    padding-bottom: 0px
}

.search-results .title {
    font-weight: 300;
    padding-bottom: 10px
}

.search-results {
    display: inline-block;
    width: auto;
    vertical-align: top;
    padding-right: 25px;
    margin: 30px 0;
}

#search-results {
    font-weight: 400;
    text-transform: uppercase;
}

.line {
    width: 2px;
    height: 75px;
    display: inline-block;
    margin-right: 30px;
    background-color: #192841;
    margin: 30px 30px 30px 0;
}

.filter-options {
    display: inline-block;
    vertical-align: top;
    margin: 30px 0;
}

.filter-options p {
    padding-bottom: 11px;
    font-weight: 300;
}

ul.filters {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.filters li {
    display: inline-block;
    padding: 5px 15px;
    border: #192841 solid 1px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    font-size: 1rem;
}

@media (max-width: 856px) {
    .search-results {
        margin-bottom: 0;
    }

    .filter-options {
        margin-top: 0;
    }
}

@media (max-width: 961px) {
    .restrict-text.filters {
        padding: 0 15px;
    }

    .line {
        display: none;
    }
}

@media (max-width: 1046px) {
    ul.filters li {
        font-size: 0.75rem;
    }
}


ul.filters li:hover {
    background-color: #23395D;
    color: white;
}


.dev-card {
    text-align: center;
    text-transform: uppercase;
    color: #23395D;
    margin: 15px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 411px;
    max-height: 721px;
}

.dev-card.consulting {
    height: 557px;
}



.dev-card img {
    pointer-events: none;
    position: absolute;
    height: 100%;
    z-index: 1;
    display: none;
}

.bgoverlay {
    background-color: black;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 2;
    position: absolute;
    opacity: 0.4;
}

.devoverlay {
    background-color: #23395D;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    opacity: 0.4;
    overflow: hidden;
}

.dev-card #info {
    background-color: white;
    padding: 0 25px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    z-index: 3;
    display: block;
}

.dev-card #info .consulting-construction {
    text-align: left;
    text-transform: none;
}

.dev-card.index img {
    display: block;
}

.dev-card.index #info {
    background-color: transparent;
    color: white;
}

.dev-card.index #info p {
    color: white;
}

.bgoverlay.index {
    display: block;
}

@media (max-width: 766px) {
    .dev-card img {
        display: block;
    }

    .dev-card #info {
        background-color: transparent;
        color: white;
    }

    .dev-card #info p {
        color: white;
    }

    .bgoverlay {
        display: block;
    }
}


.dev-card:hover > #info {
    background-color: #23395D;
    color: white;
}

.dev-card:hover > #info a {
    color: white;
}

.dev-card #info p {
    margin: 30px 0;
}

.dev-card #info div {
    margin: 110px 0;
}

.dev-card #info #img {
    height: 100%;
}

/* -- End Development Page -- */
/* -- Development Entry Page -- */

.sortbutton {}

div.hero.developments.entry .hero-text.white {
    padding-top: 18%;
}

div.hero.developments p {
    padding-bottom: 14%;
}
div.hero.developments p.slug {
    padding-bottom: 5%;
}

div.hero.developments .btn.btn-primary {
    background-color: #23395D;
    border: none;
    text-align: left;
    margin: 0;
    margin: 20px 0 20px 0;
}

div.hero.developments .btn.btn-secondary {
    background-color: white;
    color: #23395D;
    border: none;
    text-align: left;
    margin: 0;
    margin: 20px 20px 20px 20px;
}

div.entry-text {
    padding-top: 40px;
    padding-bottom: 110px;
}

div.entry-text .textbox {
    margin: 30px 30px 30px 0;
}

div.entry-text .textbox h2 {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

div.entry-text .textbox p {
    line-height: 2rem;
}


div.entry-text .stats {
    padding: 10px;
    display: inline-block;
    margin-top: 40px;
    float: right;
}

div.entry-text .stat-hold {
    padding: 50px 0px 20px 20px;
    background-color: #23395D;
}

div.entry-text .stat-hold h3 {
    padding-right: 30px;
}

div.entry-text .stat-hold p {
    border-bottom: 3px solid white;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

@media (max-width: 2400px) {
    div.entry-text .stats {
        margin-top: 37px;
    }
}

@media (max-width: 1900px) {
    div.entry-text .stats {
        margin-top: 47px;
    }
}

@media (max-width: 1700px) {
    div.entry-text .stats {
        margin-top: 57px;
    }
}
}

@media (max-width: 1500px) {
    div.entry-text .stats {
        margin-top: 67px;
    }
}

@media (max-width: 1111px) {
    div.entry-text .stat-hold h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 989px) {
    div.entry-text .stats {
        padding: 5px;
    }
}

@media (max-width: 930px) {
    div.entry-text .stats {
        padding: 2px;
    }
}

@media (max-width: 893px) {
    div.entry-text .stats-hold {
        display: none;
    }
}

.carousel {
    padding-bottom: 50px;
}

#owl-demo {
    margin-top: -80px;
}

#owl-demo .item {
    display: block;
    width: 100%;
    height: 559px;
}

.news-head {
    height: 200px;
}


.ht-card {
    text-align: center;
    text-transform: uppercase;
    color: #23395D;
    margin: 15px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}


.ht-card img {
    pointer-events: none;
    position: absolute;
    height: 100%;
    z-index: 1;
    display: none;
}

.ht-card #info {
    background-color: #F2F2F2;
    padding: 0 25px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    z-index: 3;
    display: block;
}

@media (max-width: 766px) {
    .ht-card img {
        display: block;
    }

    .ht-card #info {
        background-color: transparent;
        color: white;
    }

    .ht-card #info p {
        color: white;
    }
}


.ht-card:hover > #info {
    background-color: #23395D;
    color: white;
}

.ht-card:hover > #info a {
    color: white;
}

.ht-card #info p {
    margin: 30px 0;
}

.ht-card #info div {
    margin: 110px 0;
}

.ht-card #info #img {
    height: 100%;
}

table.table.availablity th {
    padding: 1rem !important;
}

table.table.availablity td {
    padding: 1rem !important;
}

.table.availablity tbody tr {
    background-color: white;
    border-collapse: separate;
    border-spacing: 20px 0px;
}


table.table.availablity > thead > tr > th {
    position: relative;
}

.sortbutton {
    position: relative;
}

table.table.availablity > thead > tr > th .sortbutton.no-filter::after {
    content: ' ';
    position: absolute;
    height: 5px;
    width: 5px;
    left: 10px;
    top: 9px;
    background-color: #8A909B;
    transition: all 0.2s ease-in-out;
    border-radius: 500px;
}

table.table.availablity > thead > tr > th .sortbutton.ascending::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #23395D;
    border-bottom: 0px solid transparent;
    transition: all 0.2s ease-in-out;
    content: ' ';
    transform: rotate(180deg);
    position: absolute;
    height: 0;
    width: 0;
    left: 10px;
    top: 9px;
}

table.table.availablity > thead > tr > th .sortbutton.descending::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #23395D;
    border-bottom: 0px solid transparent;
    transition: all 0.2s ease-in-out;
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    left: 10px;
    top: 9px;
}

table.table.availablity > thead > tr > th:hover:after {
    border-top: 5px solid #23395D;
}

.sold_row {
    background-color: #999;
}

/* -- End Development Entry Page -- */

/* -- House Types --*/

.text {
    margin: 50px 0 60px 0;
}

/* -- End House Types -- */

/* -- Search -- */


div.hero.search {
    background-image: url(../images/searchbg.jpg);
    height: auto;
}

div.hero.search .hero-text.white {
    padding-top: 12%;
    padding-bottom: 10px;
}

@media (min-width: 1000px) {
    div.hero.search .hero-text.white {
        padding-top: 14%;
    }
}

@media (max-width: 900px) {
    div.hero.search .hero-text.white {
        padding-top: 20%;
    }
}

@media (max-width: 700px) {
    div.hero.search .hero-text.white {
        padding-top: 26%;
    }
}

@media (max-width: 600px) {
    div.hero.search .hero-text.white {
        padding-top: 36%;
    }
}

@media (max-width: 600px) {
    div.hero.search .hero-text.white {
        padding-top: 46%;
    }
}



@media (min-width: 576px) {
    div.hero.search .form-inline .form-control {
        width: 390px;
    }
}

div.hero.search p {
    padding-bottom: 20px;
}

div.hero.search form {
    padding-bottom: 100px
}

/* End Search */

/* News */


div.hero.news {
    background-image: url(../images/teamdark.jpg);
    height: auto;
}

.hero.news .restrict-text {
    text-align: center;
    padding: 130px 0;
}

.author-img {
    height: 100px;
    width: 100px;
    border-radius: 200px;
    display: inline-block;
    vertical-align: middle;
}

.author-img img {
    border-radius: 200px;
}

.author-bio {
    display: inline-block;
    vertical-align: middle;
    padding-left: 50px;
}

/* End News */

/* Contact */

div.hero.contact {
    background-image: url(../images/contactbg.png);
    height: 550px;
    position: relative;
}

div.hero.contact h4 {
    text-align: left;
    font: 600;
}

div.hero.contact p {
    text-align: left;
}

div.hero.contact .hero-text.white {
    padding-top: 32%;
    padding-bottom: 10px;
}

@media (min-width: 1000px) {
    div.hero.contact .hero-text.white {
        padding-top: 14%;
    }
}

@media (max-width: 1000px) {
    div.hero.contact {
        height: 650px;
    }
}

@media (max-width: 900px) {
    div.hero.contact .hero-text.white {
        padding-top: 20%;
    }
}


@media (max-width: 767px) {
    div.hero.contact h4 {
        text-align: center;
    }

    div.hero.contact p {
        text-align: center;
    }
}


@media (max-width: 700px) {
    div.hero.contact .hero-text.white {
        padding-top: 26%;
    }
}

@media (max-width: 600px) {
    div.hero.contact .hero-text.white {
        padding-top: 36%;
    }
}

@media (max-width: 600px) {
    div.hero.contact .hero-text.white {
        padding-top: 26%;
    }

    div.hero.contact {
        height: 750px;
        background-image: url(../images/contactbg-mob.png);
    }
}



.hero.contact .restrict-text {
    text-align: center;
    padding: 0 0 200px 0;
}


div.about-block.contact {
    background-color: #192841;
    width: 100%;
    margin-top: -215px;
    padding: 50px 50px 50px 50px;
    color: white;
    position: relative;
    display: block;
    z-index: 7;
}

input:focus {
    outline: none;
}

.inpt {
    width: 49%;
    border: 0;
    border-bottom: 2px #89919E solid;
    background-color: transparent;
    margin: 20px 0;
    padding: 10px;
    color: white;
    font-size: 1.1rem;
    transition: 0.4s all ease-in-out;
}

.inpt:focus {
    border-bottom: 2px white solid;
    transition: 0.4s all ease-in-out;
}

.inpt::placeholder {
    font-weight: 400;
    color: #89919E;
    transition: 0.4s all ease-in-out;
}

.inpt:focus::placeholder {
    color: white;
    transition: 0.4s all ease-in-out;
}

span.two {
    width: 2%;
}

.custom-select {
    width: 100%;
    background-color: transparent;
    border: 0;
    border-bottom: 2px #89919E solid;
    text-align: left;
    font-size: 1.1rem;
    margin: 20px 0;
    padding: 10px;
    color: #89919E;
    font-weight: 400;
    border-radius: 0;
    height: 48px;
    transition: 0.4s all ease-in-out;
}

.custom-select:focus {
    outline: none;
    background-color: transparent;
    border: 0;
    color: #89919E;
    border-bottom: 2px white solid;
    transition: 0.4s all ease-in-out;
}

textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    border-bottom: 2px #89919E solid;
    min-height: 175px;
    color: #89919E;
    font-size: 1.1rem;
    margin: 20px 0;
    padding: 10px;
    transition: 0.4s all ease-in-out;
}

textarea:focus {
    outline: none;
    color: white;
}

textarea::placeholder {
    font-weight: 400;
    color: #89919E;
    transition: 0.4s all ease-in-out;
}

.btn.contact {
    background-color: white;
    border: 0;
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #23395D;
    margin: 20px 0;
    padding: 15px;
    font-weight: 400;
    transition: 0.4s all ease-in-out;
}

span.break {
    width: 100%;
    height: 2px;
    display: block;
    background-color: #23395D;
    margin: 25px 0;

}