::selection {
    background: #FCD451 !important;
}

a:hover{
    text-decoration: none;
}

li{
    letter-spacing: 0;
}
.bggolden{
    background: linear-gradient(to right,#F9D451,#F7F4AE,#FCD451,#9E752B,#F9D451,#FCD451,#F9D451,#9E752B,#FCD451,#FCD451);
}

.text-blue, a, a.text-blue:not([href]){
    color: rgb(5,26,91);
}

.pointer{
    cursor: pointer;
}

.spaceforimage img{
    width: 100% ;
}

.bgblue{
    background: rgb(5,26,91);
    background: -moz-radial-gradient(circle, rgba(5,26,91,1) 40%, rgba(7,18,51,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(5,26,91,1) 40%, rgba(7,18,51,1) 100%);
    background: radial-gradient(circle, rgba(5,26,91,1) 40%, rgba(7,18,51,1) 100%);
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#051a5b",endColorstr="#071233",GradientType=1);
}

.mainnavcell .dropdown-menu{
    width:90%;
    text-align:center;
    left: 50% !important;
    top:60px !important;
    transform: translate(-50%, 0) !important;
}

.mainnavcell .dropdown-menu.show a{
    color:#212529 !important;
}


header .mainnav a, .btnnavigation{
    padding: 3.7rem 0.6rem;
    font-size: .75rem;
}

header .mainnav a.dropdown-item{
    padding: .6rem 0.6rem;
    font-size: .75rem;
}

header .dropdown-menu.show{
    top: -35px !important;
}

.font{
    font-family: 'Playfair Display', serif;
    letter-spacing: 0px;
    line-height: 160%;
}


.font2{
    font-family: 'Nunito', sans-serif;
    letter-spacing: 2px;
}

.mainnavcell a.nav-link{
    padding: 1.75rem 1rem;
    font-size: 170%;
}

.btn{
    text-transform: uppercase;
}

img{
    max-width: 100%;
}

.bgimg{
    background-repeat: no-repeat;
    background-position: center;
}

.bgimgv{
    background-size:auto 100%;
}

.bgimgh{
    background-size: 100% auto;
}

.bgimghcustom{
    background-size: 140% auto;
}

.bgimgbottomright{
    background-position: right bottom;
}

.square {
    width: 100%;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.rectangle {
    width: 100%;
}

.rectangle:after {
    content: "";
    display: block;
    padding-bottom: 70%;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background: rgb(5,26,91);
    background: -moz-radial-gradient(circle, rgba(5,26,91,1) 40%, rgba(7,18,51,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(5,26,91,1) 40%, rgba(7,18,51,1) 100%);
    background: radial-gradient(circle, rgba(5,26,91,1) 40%, rgba(7,18,51,1) 100%);
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#051a5b",endColorstr="#071233",GradientType=1);
    color:white;
}

.min-height-300{
    min-height: 300px;
}

.video{
    height: 85vh;
}

.thumb .carousel-indicators {
    margin-right: 0 !important;
    margin-left: 0 !important;;
}

.thumb .carousel-indicators li {
    width: 80px !important;
    height: 43px !important;
}

.itemthumb{
    opacity: .5;
}

.itemthumb.active{
    opacity: 1;
}

.itemthumb{
    height: 40px;
}

.text-white a{
    color:#fff;
}

@media (max-width:1370px ){
    .video{
        height: 70vh;
    }
}



@media (max-width:1300px ){
    .video{
        height: 60vh ;
    }
}

@media (max-width:1200px ){
    .video{
        height: 50vh ;
    }
}

@media (min-width: 1200px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 100%;
    }

    .modal-xl {
        max-width: 80% !important;
    }

    .homeslide .carousel-control-prev, .carousel-control-next{
        width:50px;
    }


}




@media (min-width: 1600px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1500px;
    }

    .financing .bgimgv, .getstarted .bgimgv{
        background-size: 100% auto !important;
    }
}

@media (min-width: 1800px) {
    .whysbh .bgimgv, .financing .bgimgv, .getstarted .bgimgv {
        background-size: 100% auto !important;
    }

    .financing .bgimgv.bgimgbottomright{
        background-position: top;
    }
}
@media (min-width: 1400px){
    .financing .bgimgv, .getstarted .bgimgv{
        background-size: 102% auto !important;
    }

}



@media (max-width: 1400px){
    .whysbh .bgimgv, .getstarted .bgimgv{
        background-size:auto 120% !important;
    }

    .financing .bgimgv{
        background-size: 191% auto !important;
    }
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 100%;
    }
}


@media (min-width: 1024px){
    .min-height-300.familyimg{
        min-height: 550px;
    }

    .financing .bgimgv{
        background-size: auto 100%;
    }

}
@media (min-width: 993px){
    .ipad{
        display: none;
    }
    .cell{
        display: none;
    }

    .pc{
        display: block;
    }


}

@media (min-width: 500px){
    .financing .bgimgv{
        background-size: auto 100%;
    }
}

@media (max-width:993px){
.video{
        height: 40vh;
    }
}

@media (max-width:1200px){
    .cell{
        display: none;
    }
    .pc{
        display: none;
    }
    .ipad{
        display: block;
    }

    .bgimgwhy{
        min-height: 520px;
    }

}

@media (max-width: 768px){
    .ipad{
        display: none;
    }

    .cell{
        display: block;
    }

    .video {
        height: 32vh;
    }

    .header_container .container{
        padding:0 !important;
    }

    .header_container h3, .header_container .h3 {
        font-size: 1.5rem;
    }
    .header_container .rightmenu .btnnavigation{

        font-size: 18px;
    }
}

@media (max-width: 576px){
    .header_container .logospace.float-left{
        float:none !important;
        height:auto !important;
        width:100%;
        text-align:center;
    }

    .header_container .logospace a, .header_container .sloganwidth h3{
        display:block;
        width:100%;
    }

    .header_container .sloganwidth, .header_container .rightmenu{
        float:none !important;
        height:auto !important;
        width:100%;
        text-align:center;
    }

    .header_container .rightmenu .btnnavigation{
        width: 100%;
        height: auto;
        padding: 8px;
    }

    .bgimgwhy{
        display:none;
    }

    .video{
        height: 40vh;
    }

    #myVideo{
        height: 120% !important;
        width: auto !important;
    }

    .video.bgimgh {
        background-size: 191% auto;
    }

    .bgimghcustom {
        background-size: 210% auto;
    }

    .itemthumb{
        height: 70px;
    }

    .bgkitchen.bgimgh {
        background-size: 204% auto;
    }

}

@media (max-width: 376px){
    .video.bgimgh {
        background-size: 250% auto;
    }

    #mainvideo.w-100{
        width:auto !important;
        height:100% !important;
    }


}