@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;900&&display=swap');

body {
    line-height: normal !important;
}

.thead {
    font-size: calc(28px + 1vw);
    color: #FFF;
    font-weight: 900;
    margin-bottom: 20px;
}


.cwrap.bg-car-two-voss {

    background-size: contain;
    background-position: bottom right;
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    border: 1px solid #ccc;
}

.cwrap.bg-car-two-voss .motor::after{content: "car"}

.button.bt{color: #009FBE !important;}

.btn {
    background: #FF8E00;
    border: 0;
    border-radius: 7px;
    color: #fff;
    padding: 15px 30px;
    float: right;
    font-size: 15px;
    margin-bottom: 15px
}

.thead strong {
    font-size: calc(16px + 2.5vw)
}

.prates{padding-right: 20px;}

.cwrap {
    max-width: 960px;
    background-color: #009FBE !important;
}

.cwrap.bg-car-voss {

    background-size: contain;
    background-position: bottom right;
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.cwrap.bg-car-voss .motor::after{content: "car"}

.cwrap.nobg-voss .inner-c{width: 100%;max-width: 100% !important;padding-right: 20px;}

.cwrap.nobg-voss {
    background: #009FBE;
    background-size: contain;
    background-position: bottom right;
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}


.cwrap.bg-van-voss {

    background-size: contain;
    background-position: bottom right;
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.cwrap.bg-van-voss .motor::after{content: "van"}

.cwrap.bg-van-voss .thead {
    color: #fff;
}

.cwrap.bg-van-voss .subt {
    color: #fff;
}

.cwrap.bg-van-voss .tfoot {
    color: #fff;
}

.no-bt{display: none !important;}

.cwrap.nobg-voss .motor::after{content: "car"}

.cwrap.bg-bike-voss {

    background-size: contain;
    background-position: bottom right;
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.cwrap.bg-bike-voss .motor::after{content: "motorbike"}

.cwrap.bg-bike-voss .thead {
    color: #fff;
}

.cwrap.bg-bike-voss .subt {
    color: #fff;
}

.cwrap.bg-van-voss .tfoot {
    color: #fff;
}


img{vertical-align: middle;}


.inner-c {

    padding: 30px;
    text-align: left !important;
    
    float: left;

}

*{box-sizing: border-box;}

.cwrap .button {
    background: #Fff;
    padding: 10px;
    display: table;
    margin: 0;
    border-radius: 10px;
    font-size: 24px;
    border: 0 !important;
}

.cwrap .button:hover {
    color: #009FBE !important;
}

.cwrap.nobg-voss .button:hover {
    color: #009FBE !important;
}

.cwrap div {
    display: block
}

.tfoot {
    font-size: 14px;
    width: 100%;
    color: #fff;
    font-weight: 400;

}

.nobg-voss .tfoot {
    max-width: inherit;
}

.iselect {
    margin-right: 10px;
}

.tselect,
.iselect {
    padding: 15px;
    border-radius: 7px;
    border: 0;
    width: auto;
    background: #fff;
    float: left !important;
    font-size: 16px !important;
    height: auto !important;
}

@media screen and (min-width:1024px) {







}


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

    .inner-c {

        padding: 30px;

        padding-right: 30px !important;

    
    }

    .cwrap{background-image: none !important;}
    .tfoot{max-width: 100%;}

}

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

    .tselect,
    .iselect {
        margin: 10px 0 !important;
        width: 100% !important;
    }

    .cwrap {

        background-position: right bottom;
        background-repeat: no-repeat;
        background-color: #f6ede8;
    }

     .logo-white {
        margin-top: 20px;
    }

}

@media screen and (min-width:1200px) {

    .logo-c {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }





}

.twrap{margin-top: 10px;}

@media screen and (min-width:960px) {

     .tfoot {


        width: calc(100% - 260px);
        float: left;
    }

     .logo-white {
        float: right;
    }


}

@media screen and (min-width:768px) {
    .logo-c {
        float: right
    }

    .nobg-voss .inner-c {
        max-width: 100%;

    }


 



}


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

    .subt img{display: block;margin-top: 15px;}

    .button.bt{margin-top: 20px;}

    .cwrap .logo-c {
        margin-bottom: 20px;
        padding-top: 75px;
    }

}

textarea {
    background: #fff !important;
}

#bar1 {
    border: 1px solid #ebebeb;
    width: 100%;
    height: 450px;
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box
}

#bar2 {
    border: 1px solid #ebebeb;
    width: 100%;
    height: 450px;
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box
}

#bar3 {
    border: 1px solid #ebebeb;
    width: 100%;
    height: 450px;
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box
}

.tcode {
    background: #ebebeb;
    padding: 15px;
    margin-top: 15px;
    border-radius: 15px;
    margin-bottom: 30px;

}

.tselect,
.iselect {
    /*container for custom dropdown arrow*/
    -webkit-appearance: none;
    -moz-appearance: window;


    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}

.nobg-voss {
    background: none !important;
}

.logo-white {
    display: inline-block
}

.logo-normal{display: none !important;}

.nobg-voss .logo-normal {
    display: none
}

.nobg-voss .logo-white {
    display: inline-block
}

.nobg-voss {
    background: #009FBE !important;
}

.nobg-voss .button {
    background: #ffffff !important;
    color: #009FBE !important;
}

.maxm {
    max-width: 320px;
}

.maxm .inner-c {}


.maxm .logo-c {
    float: left;
    margin-bottom: 20px;
}

.maxm .thead {}

.maxm .subt {}

.cwrap.maxm {

    background-position: right bottom;
    background-repeat: no-repeat;

}

.subt {
    padding: 10px 0;
    display: block;
    font-weight: 900;
    font-size: calc(20px + 1vw);
    color: #fff;
}

.nobg-voss .thead {
    color: #fff !important;
}

.nobg-voss .subt {
    color: #fff !important;
}

.nobg-voss .tfoot {

    color: #fff;

}


.maxm .logo-c {
    position: relative !important;


    right: 0;
    width: 100%;
    bottom: 0;
}

.cwrap .button {
    letter-spacing: normal !important;
    font-weight: 900 !important;
    text-decoration: none;

    background-position: center right;
    background-repeat: no-repeat;
}

.cwrap.nobg-voss .button {


    text-decoration: none;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

.cwrap.nobg-voss .butto:hover {
    color: #009FBE !important;
}

.selectContainer {
    margin-bottom: 20px
}

#theSelectc {
    -webkit-appearance: none;
    -moz-appearance: window;


    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}



.whole {
    max-width: 675px;
    margin: auto;
}


.hidden {
    display: none;
}

#obar,
#obar1,
#obar2,
#obar3,
#obar4,
#obar5,
#obar6,
#obar7,
#obar8,
#obar9,
#obar10,
#obar11,
#obar8,
#obar9,
#obar10,
#obar11,
#obar12,
#obar13,
#obar14,
#obar15,
#obar16 {
    width: 100%;
    height: calc(100% - 95px);
    background: #f9f9f9;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    margin-left: 10px;
    min-height: 450px;
}

.btnc {
    border: 0;
    background: #009FBE;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    margin: 10px;
    font-size: 14px;
}

.flex-in {
    width: 100%;
}