/* 
Theme Name: VMG
Author: VMG Software
Version: 1.0
*/
@font-face {
    font-family: arianapro;
    src: url(arianapro.otf);
  }
body{
    font-family: arianapro!important;
}
.icon{
    width:30px;
}
.section1{
    background-size: cover;
    background-position: center;
}
.thanks{
    text-align: center;
    text-transform: uppercase;
}
.cntr{
 text-align: center;
}
.auto-width{
    width:auto!important;
}
.floating{
    position: relative;
    top: -150px;
    margin-bottom: -100px;
}
.img-wrapper{
    width:100%;
    position:relative;
}
.top-image{
    display:none!important;
}
.bottom-image{
    display:none!important;
}
.right-img{
    position: absolute;
    left: 75%;
    top: 60%;
    width: 470px;
}
.left-image{
    position: absolute;
    left: -10%;
    top:105%;

}
.features{
    padding:20px;
    text-align:center;
}
.features .img{
    margin:auto;
}
.form-check{
    width:95%;
    margin: 0px 15px;
    text-align:right;
}
.submit-holder{
    text-align:center;
}
.contactform {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(37,37,37,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(37,37,37,1) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(37,37,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#252525",GradientType=1);
    padding: 20px 5px;;
    border-radius: 25px
}
.contactform h5{
    padding: 10px;
    color:#f79b2e;
    text-align: center;
  }
.brand-image{
    padding:10px;
}
.features h2{
    font-weight:600;
    font-family: arianapro;
}
.banner-wording h2{
    color:#f79b2e;
    font-family: arianapro;
}
.banner-wording h5{
    color:#f79b2e;
}
.white{
    color:#fff;
}

.clearall{
    clear:both;
}
.footer-nav {
    display:flex;
    justify-content: center; 
    margin-top:20px;
}
.footer-nav a {
    color:#fff;
}
.footer-nav a:hover {
    color:#cdcdcd;
    background:transparent!important;
}
.nocars{
    position   : relative !important;
    background : transparent !important;
    }

.banks img{
    max-width : 80%;
    }

.text-left-label{
    text-align : left !important;
    }

label.control-label.has-error.validationMessage{
    position : absolute;
    }

.photowarning{

    color      : #fff;
    background : red;
    }

.photowarning p:first-of-type{
    margin-top : 10px;
    }

.photowarning p{
    margin     : 0px;
    color      : #fff;
    background : red;
    padding    : 5px;
    }

#image-files span.title{
    min-height : 35px;
    }

.carsloading{
    position   : fixed;
    top        : 50%;
    padding    : 15px;
    background : red;
    color      : #fff;
    width      : 80%;
    text-align : center;
    z-index    : 6000;
    }

.location{
    background : #212121;
    color      : #fff;
    font-size  : 1.1rem;
    }

.form-group{
    margin-bottom : 13px;
    }

.btn-back:focus{
    outline : none;
    }

.btn-back{
    background    : #ccc;
    font-size     : 0.8rem;
    box-shadow    : 0 0;
    border-radius : 0;
    }

.desciption, .extras_details{
    font-size : 1.2rem;
    }

.firnanceform{
    position   : relative;
    background : #f5f5f5;
    }

.firnanceform:after{
    content    : "";
    position   : absolute;
    width      : 95%;
    height     : 111px;
    filter     : blur(19px);
    background : #000;
    bottom     : 18px;
    left       : 2.5%;
    z-index    : -1;

    }

hr.financehr{
    position      : relative;
    margin-top    : 23px;
    margin-bottom : 23px;
    border        : 0;
    border-top    : 1px solid #ff9800;
    }

select, select.form-control{
    border                  : 0;
    border-radius           : 0;
    -webkit-appearance      : none;
    -moz-appearance         : none;
    appearance              : none;
    background-image        : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMV…3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
    -webkit-background-size : 13px 13px;
    background-size         : 13px;
    background-repeat       : no-repeat;
    background-position     : right center;
    -webkit-box-shadow      : inset 0 -1px 0 #ddd;
    box-shadow              : inset 0 -1px 0 #ddd;
    line-height             : 1.5;
    font-size               : 1.2rem !important;
    padding                 : 8px;
    }

#finance-calculator-view input[type=number]{
    padding : 6px !important;
    }

.selectheight option{
    padding : 5px !important;
    }

.nothingloaded h4{
    font-size : 1.7rem;
    }

.nothingloaded{
    text-align : center;
    position   : absolute;
    top        : 34.4%;
    padding    : 20px 0;
    left       : 0;
    width      : 30%;
    z-index    : 1000;
    background : #ffffffde;
    margin     : 0 35%;
    }

.nothingloaded svg{
    width  : 40px !important;
    height : 40px;
    color  : #f48203 !important;

    }

.branches{
    text-align : center;
    }

.branches a:hover{
    color : #000;
    }

.branches .active{
    background : #fff !important;
    color      : #6b6b6b !important;
    }

.branches a{
    padding       : 10px;
    display       : inline-block;
    background    : #f48203;
    margin-bottom : 5px;
    color         : #fff !important;
    font-size     : 1.3rem;
    }

.showroomheader:after{
    content    : "";
    position   : absolute;
    height     : 1px;
    bottom     : -4px;
    width      : 5%;
    background : #f48203;
    left       : 47.25%;
    }

.showroomheader{
    position       : relative;
    font-size      : 1.8rem;
    text-align     : center;
    padding-bottom : 15px;
    text-transform : uppercase;
    font-weight    : 600;
    }

.locationspan svg{
    height         : 20px;
    vertical-align : text-top;
    color          : #cfcfcf;
    }

.locationspan{
    color       : #212121;
    width       : 100%;
    display     : block;
    margin      : 5px 0 0;
    font-size   : 1.4rem;
    font-weight : 200;
    }

.fixedbox{
    overflow : hidden !important;
    height   : 50px !important;

    }

.matter select{
    min-width : 150px;
    font-size : 1.2rem !important;
    padding   : 8px 15px 8px 8px;
    }

.homeb{
    height     : 50vh;
    text-align : center;
    }

legend{

    width         : auto;
    border-bottom : none;
    }

#branch{
    font-size : 14px;
    }

.panel-title:hover{
    color  : #f48500;
    cursor : pointer;

    }

.panel-default:hover{
    -webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow         : 0 1px 4px rgba(0, 0, 0, 0.8);
    }

.minusbodymargin{
    margin-top : -80px !important;
    overflow   : hidden;
    }

#style-6::-webkit-scrollbar-thumb{
    background-color : #f48500;
    background-image : -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
    }

.homeb0{
    background-image    : url("../img/homebloks/dealership.jpg");
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
    -webkit-filter      : grayscale(1);
    filter              : grayscale(1);

    }

.homeb0:hover{
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);

    }

.homeb1{

    background-image    : url("../img/homebloks/bigstock-Car-Sale-2412634.jpg");
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
    -webkit-filter      : grayscale(1);
    filter              : grayscale(1);

    }

.homeb1:hover{
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);

    }

.homeb2{

    background-image    : url("../img/homebloks/lux-cars-chicago2.2.png");
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
    -webkit-filter      : grayscale(1);
    filter              : grayscale(1);

    }

.homeb2:hover{
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);

    }

.homeb3{
    background-image    : url("../img/homebloks/car.jpg");
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
    -webkit-filter      : grayscale(1);
    filter              : grayscale(1);

    }

.homeb3:hover{
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);

    }

.hometext{
    margin : 25px 0 0px 0px;
    }

/*.homeb a {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 4rem;
    color: white;
    text-shadow: 2px 2px #000000;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px;
}*/
.centercard{
    width      : 35%;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%);
    position   : absolute;
    padding    : 0px;
    border     : 5px solid hsl(0, 0%, 40%);
    background : hsl(0, 0%, 30%);
    outline    : 5px solid hsl(0, 0%, 50%);
    box-shadow : 0 0 0 10px hsla(0, 0%, 80%, 0.1),
    0 0 0 15px hsla(0, 0%, 90%, 0.2);
    }

.centercard img{
    width : 100%;
    }

.loogo{
    margin     : 50px auto;
    text-align : center;
    top        : 50%;
    left       : 50%;
    position   : absolute;
    transform  : translate(-50%, -50%);
    }

.buttheight{
    height : 70px;
    }

.loogo a{
    text-decoration    : none;
    -webkit-transform  : perspective(2.5em) rotateX(15deg) scaleY(0.8);
    -moz-transform     : perspective(2.5em) rotateX(15deg) scaleY(0.8);
    -ms-transform      : perspective(2.5em) rotateX(15deg) scaleY(0.8);
    -o-transform       : perspective(2.5em) rotateX(15deg) scaleY(0.8);
    transform          : perspective(2.5em) rotateX(15deg) scaleY(0.8);
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    transition         : all 0.5s;
    display            : inline-block;
    text-align         : center;
    text-transform     : uppercase;
    font-size          : 75px;
    font-weight        : 700;
    line-height        : 0.8;
    color              : #fff;
    text-shadow        : 0 -1px 15px rgba(0, 0, 0, 0.3), 0 1px 0 #000, 0 3px 0 #000, 0 5px 0 #000, 0 7px 0 #000, 0 9px 0 #000, 0 6px 50px rgba(252, 223, 92, 0.2);
    }

.loogo a:first-line{
    font-size : 0.8em;
    }

.loogo a:hover{
    -webkit-transform : perspective(8em) rotateX(11deg) scale(1.2);
    -moz-transform    : perspective(8em) rotateX(11deg) scale(1.2);
    -ms-transform     : perspective(8em) rotateX(11deg) scale(1.2);
    -o-transform      : perspective(8em) rotateX(11deg) scale(1.2);
    transform         : perspective(8em) rotateX(11deg) scale(1.2);
    text-shadow       : 0 -1px 15px black, 0 1px 0 #f48203, 0 2px 0 #f48203, 0 0px 0 #f48203, 0 1px 0 #f48203, 0 2px 0 #f48203, 0 2px 30px rgba(000, 000, 000, 1);
    }

#filters{
    position : relative !important;
    }

.navbar-default{
    background-color : #424f55;
    }

.flex-direction-nav a:before{
    font-family : flexslider-icon;
    font-size   : 2.2rem !important;
    display     : inline-block;
    content     : '\f001';
    color       : #2196f3;
    text-shadow : 1px 1px 0 #fff;
    }

.carslider{
    max-height : 280px;
    overflow   : hidden;
    display    : flex;
    }

.carslider_thumbs{
    max-height : 65px;
    overflow   : hidden;
    display    : flex;
    }

#carousel{
    margin-top : 2px !important;
    }

#carousel img{
    display : block;
    opacity : .5;
    cursor  : pointer;
    }

#carousel .flex-active-slide img{
    opacity : 1;
    cursor  : default;
    }

.flexslider{
    margin                : 0 !important;
    background            : transparent !important;
    border                : 0px solid #fff !important;
    border-bottom         : 0 !important;
    position              : relative;
    zoom                  : 1;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-radius         : 0px;
    -webkit-box-shadow    : '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow       : '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow         : '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow            : '' 0 1px 4px rgba(0, 0, 0, 0.2);
    }

.flex-prev,
.flex-next{
    font-size : 0 !important;
    }

label{
    display       : inline;
    color          :#fff;
    margin-bottom : 5px;
    font-weight   : 600;
    position      : relative;
    float:left!important;
    }

.filterblock.paging .formgroup{
    width    : 150px;
    float    : left;
    position : relative;
    }

.paging{
    position : relative;
    }

.filterblock .pagination{
    margin : 0;
    }

.filterblock select{
    -webkit-background-size : 13px 13px !important;
    background-size         : 13px !important;
    background-repeat       : no-repeat !important;
    background-position     : right center !important;
    }

.filterblock select{
    border                : 0;
    padding               : 8px 5px;
    font-size             : 1.3rem;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    margin-bottom         : 2px;
    width                 : 100%;
    background            : #fff;
    }

input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after{
    background-color : #f48203;
    border-color     : #f48203;
    }

.showall label{
    margin : 5px 0 0 20px;
    cursor : pointer;
    color  : #666;
    }

h6{
    font-weight : bold;
    }

.top15{
    margin-top : 15px;
    }

.homesquare .col-5 .hvr-bounce-to-right:before{
    padding : 80px 0 0;
    }

.homesquare .col-5{
    position : relative;
    }

.homesquare .col-5{
    padding  : 0;
    width    : 20%;
    float    : left;
    overflow : hidden;
    }

.homesquare img{
    width : 100%;
    }

.show_pic a, .homesquare .col-5 a{
    position   : absolute;
    left       : 0;
    right      : 0;
    top        : 0;
    bottom     : 0;
    background : transparent;
    cursor     : pointer;
    }

.hvr-bounce-to-right{
    display                     : inline-block;
    vertical-align              : middle;
    -webkit-transform           : perspective(1px) translateZ(0);
    transform                   : perspective(1px) translateZ(0);
    box-shadow                  : 0 0 1px transparent;
    position                    : relative;
    -webkit-transition-property : color;
    transition-property         : color;
    -webkit-transition-duration : .5s;
    transition-duration         : .5s
    }

.hvr-bounce-to-right:before{
    font-family                        : FontAwesome;
    content                            : "+";
    font-weight                        : bold;
    text-align                         : center;
    font-size                          : 5rem;
    color                              : #f48203;
    padding                            : 20% 0 0;
    position                           : absolute;
    z-index                            : -1;
    top                                : 0;
    left                               : 0;
    right                              : 0;
    bottom                             : 0;
    background                         : rgba(0, 21, 31, 0.8);
    -webkit-transform                  : scaleX(0);
    transform                          : scaleX(0);
    -webkit-transform-origin           : 0 50%;
    transform-origin                   : 0 50%;
    -webkit-transition-property        : transform;
    transition-property                : transform;
    -webkit-transition-duration        : .5s;
    transition-duration                : .5s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function         : ease-out
    }

.hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover{
    color : #fff
    }

.hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before{
    -webkit-transform                  : scaleX(1);
    transform                          : scaleX(1);
    -webkit-transition-timing-function : cubic-bezier(0.52, 1.64, .37, .66);
    transition-timing-function         : cubic-bezier(0.52, 1.64, .37, .66)
    }

body{
    font-family : 'Montserrat', sans-serif;
    font-size   : 1.3rem;
    color       : #333;
    margin      : 0;
    padding     : 0;
    line-height : 1.8rem;
    }

a{
    color           : #f48203;
    text-decoration : none;
    }

a:hover, a:focus{
    color           : #f48203;
    text-decoration : none;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance : none;
    margin             : 0;
    }

input[type="number"]{
    -moz-appearance : textfield;
    }

span.required{
    color       : red;
    font-size   : 1.3rem;
    line-height : 0;
    /* right: 20px; */
    top         : 13px;
    position    : relative;
    }

ul{
    margin  : 0px;
    padding : 0px;
    }

li{
    list-style  : none;
    line-height : 2rem;
    }

.nav-pills > li > a:hover, .nav-pills > li > a:focus{

    background-color : #212121 !important;
    }

.btn-primary{
    color            : #fff;
    background-color : #f48203;
    border-color     : transparent;
    font-size        : 1rem;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    color            : #f48203 !important;
    background-color : #212121 !important;
    border-color     : transparent !important;
    outline          : none !important;
    }

.nav-pills > li > a{
    padding : 8px 20px 8px 15px !important;
    }

.btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus{
    color            : #ff9800;
    background-color : #060606;
    border-color     : transparent;
    outline          : none;
    }

.btn-primary:active{
    background-color        : #f48203;
    background-image        : -webkit-radial-gradient(circle, #f48203 10%, #ffe46c 11%);
    background-image        : -o-radial-gradient(circle, #f48203 10%, #ffe46c 11%);
    background-image        : radial-gradient(circle, #f48203 10%, #ffe46c 11%);
    background-repeat       : no-repeat;
    -webkit-background-size : 1000% 1000%;
    background-size         : 1000%;
    -webkit-box-shadow      : 2px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow              : 2px 2px 2px rgba(0, 0, 0, 0.3);
    }

.nopad{
    padding : 0 !important;
    }

.nopadleft{
    padding-left : 0 !important;
    }

.nopadright{
    padding-right : 0 !important;
    }
.navbar-right {
    margin-top: 15px!important;
}
.navbar{
    margin-bottom : 0;
    z-index       : 1500;
    min-height    : 100px!important;
    }

.navbar-brand > img{
    display : block;
    height  : 100px;
    }

.footerlogo > img{
    display  : block;
    width    : 135px;
    position : relative;
    }

.navbar-default .navbar-brand{
    position      : relative;
    padding-right : 10px;
    margin-right  : 5px;
    margin-left   : 5px;
    }

.navbar-brand{
    float       : left;
    padding     : 5px 0;
    font-size   : 17px;
    line-height : 23px;
    height      : 64px;
    }

.navtop li:first-child{
    padding-right : 10px;
    margin-right  : 10px;
    border-right  : 1px solid #bbb;
    }

.navtop li{
    display       : inline-block;
    padding-right : 30px;

    }

.navtop ul{
    display    : block;
    list-style : none;
    margin     : 0;
    padding    : 0;
    font-size  : 1.1rem;
    }

.nav > li > a{
    padding : 10px 20px 10px 0;
    }

.navbar-default .navbar-nav > li > a{
    color     : #fff;
    font-size : 1.3rem;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus.navbar-nav > .open > a:active{
    background-color : transparent;
    color            : #f48203;
    }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color            : #f48203;
    background-color : transparent;
    }

.active{
    color : #f48203 !important;
    }

.caret{
    margin-top : -5px;
    color      : #f48203;
    }

.dropdown-menu{
    position                : absolute;
    top                     : 126%;
    left                    : 0;
    z-index                 : 1000;
    display                 : none;
    float                   : left;
    min-width               : 160px;
    padding                 : 0;
    margin                  : 2px 0 0;
    list-style              : none;
    font-size               : 13px;
    text-align              : left;
    background-color        : #333;
    border                  : 1px solid #ccc;
    border                  : 1px solid rgba(0, 0, 0, 0.15);
    border-radius           : 3px;
    -webkit-box-shadow      : 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow              : 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip : padding-box;
    background-clip         : padding-box;
    }

.dropdown-menu > li > a{
    display     : block;
    padding     : 3px 20px;
    clear       : both;
    font-weight : normal;
    line-height : 1.846;
    color       : #ccc;
    white-space : nowrap;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    text-decoration  : none;
    color            : #333;
    background-color : #f48203;
    }

.navtop{
    min-height : 10px;
    padding    : 8px 0 0;
    }

.sliderheading{
    background : #f48203;
    padding    : 10px;
    margin     : 0 0 20px;
    }

.sliderprice{
    color  : #f48203;
    margin : 20px 0 0;
    }

.nav-tabs > li{
    float   : none;
    display : inline-block;
    }

.nav-tabs{
    text-align : center;
    margin-top : 40px;
    }

.nav-tabs > li > a, .nav-tabs > li > a:focus{
    margin-right       : 10px;
    margin-left        : 10px;
    padding            : 0;
    background-color   : transparent;
    border             : none;
    -webkit-box-shadow : inset 0 -1px 0 #ddd;
    box-shadow         : inset 0 -1px 0 #ddd;
    -webkit-transition : all 0.2s;
    -o-transition      : all 0.2s;
    transition         : all 0.2s;
    font-size          : 1.7rem;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{
    border             : none;
    -webkit-box-shadow : inset 0 -2px 0 #f48203;
    box-shadow         : inset 0 -2px 0 #f48203;
    color              : #f48203;
    }

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus:hover{
    background-color   : transparent;
    -webkit-box-shadow : inset 0 -2px 0 #212121;
    box-shadow         : inset 0 -2px 0 #212121;
    color              : #212121;
    }

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus:hover{
    border : none;
    color  : #f48203;
    }

.tab-content > .tab-pane{
    padding : 20px 0;
    }

.tabslider .owl-nav .lnr{
    font-size : 3rem;
    }

.tabslider .owl-prev{
    left        : -35px;
    background  : transparent;
    color       : #f48203;
    font-weight : normal;
    padding     : 0;
    }

.tabslider .owl-next{
    right       : -35px;
    background  : transparent;
    color       : #f48203;
    font-weight : normal;
    padding     : 0;
    }

.icon-steering-wheel:before{
    content : "\e900";
    }

.owl-nav .lnr{
    font-size : 2rem;
    }

.owl-nav{
    position : absolute;
    z-index  : 1000;
    top      : 50%;
    width    : 100%;

    }

#carslide .owl-prev, #carslide .owl-next{
    padding   : 9px 6px !important;
    font-size : 2.3rem;
    }

#carslide .owl-nav .lnr{
    font-size : 2rem;
    }

#carslidethumbs .owl-nav .lnr{
    font-size : 1rem;
    }

#carslidethumbs .owl-nav{
    top : 15%;
    }

#carslide{
    margin-bottom : 3px;
    }

#carslidethumbs .owl-prev, #carslidethumbs .owl-next{
    padding   : 6px 5px !important;
    font-size : 2rem;
    }

.owl-prev{
    position      : absolute;
    left          : 0;
    background    : #fff !important;
    color         : #f48203 !important;
    font-weight   : normal;
    margin        : 0 !important;
    border-radius : 0 !important;
    padding       : 10px 5px;
    }

.owl-next{
    position      : absolute;
    right         : 0;
    background    : #fff !important;
    color         : #f48203 !important;
    font-weight   : normal;
    margin        : 0 !important;
    border-radius : 0 !important;
    padding       : 10px 5px;
    }

.slidercontainer .owl-prev{

    background : rgba(0, 0, 0, 0.5) !important;
    color      : #f48203 !important;

    padding    : 10px 5px;
    }

.slidercontainer .owl-next{

    background : rgba(0, 0, 0, 0.5) !important;
    color      : #f48203 !important;

    padding    : 10px 5px;
    }

#carslidethumbs .owl-item{
    max-height : 80px;
    overflow   : hidden;
    cursor     : pointer;
    }

.owl-carousel .owl-item img{
    display : block;
    width   : 100%;
    }

.carenquire_box{
    border-left  : 1px dashed #ddd;
    padding-left : 15px;
    }

.slider-content{
    width : 70%;
    float : left;
    }

.angles{
    height   : 50px;
    width    : 100%;
    position : relative;
    overflow : hidden;

    }

.downarrow{
    position      : absolute;
    height        : 35px;
    width         : 35px;
    border-radius : 50%;
    background    : #f48203;
    color         : #000;
    z-index       : 200;
    left          : 48%;
    text-align    : center;
    padding-top   : 11px;
    font-size     : 1.6rem;
    }

.leftangle{
    position   : absolute;
    height     : 50px;
    width      : 100%;
    transform  : rotate(3deg);
    background : #000;
    top        : 35px;
    z-index    : 100;
    left       : -150px;
    }

.rightangle{
    position   : absolute;
    height     : 50px;
    width      : 100%;
    transform  : rotate(-3deg);
    background : #000;
    top        : 35px;
    z-index    : 100;
    right      : -150px;
    }

.slideroverlay h1 span{
    color : #f48203;
    }

.slideroverlay h1{
    text-align    : center;
    color         : #fff;
    font-size     : 4rem;
    margin-bottom : 50px;
    }

.slideroverlay h3{
    color      : #fff;
    font-size  : 2.5rem;
    text-align : center;
    margin-top : 55px;
    }

.slideroverlay h4{
    color      : #fff;
    font-size  : 1.6rem;
    text-align : center;
    margin     : 0 0 15px;
    }

.slideroverlay{
    background : #000 url("../img/box-2.jpg") no-repeat center top;
    position   : relative;

    }

.slideroverlay-content{
    padding : 20px 20px 40px;
    }

.slider-boxcontainer{
    text-align : center;
    width      : 50%;
    margin     : 0 25% 100px;
    display    : table;
    }

.sliderbox{
    width   : 33.3%;
    padding : 0 1px;
    float   : left;
    display : block;
    }

.sliderbox-content .svg-icon img{
    width  : 40px;
    margin : 25px 0;
    }

.sliderbox-content{
    background     : rgba(255, 255, 255, 0.25);
    height         : 100%;
    color          : #fff;
    text-transform : uppercase;
    padding-bottom : 15px;
    cursor         : pointer;
    }

.slidercontent-container h2{
    margin      : 0;
    padding     : 0;
    color       : #000 !important;
    font-weight : 600;
    }

.slidercontent-container h3{
    margin  : 0;
    padding : 0;
    color   : #000 !important;
    }

.slidercontent-container h4{
    margin  : 0;
    padding : 0;
    color   : #000 !important;
    }

.slidercontent-container h5{
    margin  : 0;
    padding : 0;
    color   : #000 !important;
    }

.sliderslogan{
    margin : 15px 0;
    }

.sliderprice{
    margin : 8px 0;
    }

.sliderbutton{
    width  : 100%;
    margin : 5px 0 0;
    }

.btn-slider svg{
    margin-left : 10px;
    }

.btn-slider{
    border         : 0;
    background     : #ccc;
    padding        : 10px;
    text-transform : uppercase;
    font-size      : 1.3rem;
    color          : #000;
    }

.btn-yellow{
    background : #f48203;
    margin-top : 15px;
    }

.btn-dark{
    background : #333;
    color      : #fff;
    }

.slidercontent-container p{
    margin    : 0;
    font-size : 1.3rem !important;
    }

.slidercontent-container{
    color      : #000 !important;
    position   : absolute;
    padding    : 15px;
    background : rgba(255, 255, 255, 0.7);
    left       : 70px;
    }

.footersection h3:after{
    content    : "";
    position   : absolute;
    width      : 50px;
    height     : 1px;
    left       : 0;
    bottom     : -1px;
    background : #fff;

    }

.footersection h3{
    position       : relative;
    font-size      : 1.7rem;
    color          : #fff;
    margin         : 0 0 15px;
    border-bottom  : 1px solid #555;
    padding-bottom : 10px;
    }

.footersection .lnr{
    font-size : 0.9rem;
    color     : #f48203;
    }

.footersection{
    background : #770f10;
    color      : #fff;
    padding    : 20px 0;
    }

.carworth-footer{
    background : #F79B2E;
    color      : #ffffff;
    padding    : 10px 0;
    font-size  : 1rem;
    }
.footer-image{
    width:100px;
    height:100px;
}
.footer-text{
    padding:34px;
    font-size:18px;
    font-weight:600;
}
.footer-link{
  color:#fff;
}
.footer-link:hover{
    color:#fff;
    text-decoration:none;
  }
.filterblock{
    margin-top  : 15px;
    margin-left : 0;
    padding     : 0;
    }

.sortselect option{
    font-size   : 1.3rem;
    line-height : 2rem;
    }

.sortselect{
    margin-top  : 0;
    margin-left : 0;
    padding     : 5px;
    }

.sortselect select{
    padding  : 0 0 0 10px;
    position : relative;
    top      : -12px;
    }

select:focus, select.form-control:focus{
    -webkit-box-shadow : inset 0 -1px 0 #f48203;
    box-shadow         : inset 0 -1px 0 #f48203;
    }

textarea, input, button, select{
    outline : none;
    }

.filterblock select.perpage{
    display            : table-row;
    height             : 30px;
    background         : 0 0;
    border             : 0;
    color              : #fff;
    box-shadow         : 0 0 0 #fff;
    padding            : 0;
    -webkit-appearance : none;
    overflow-y         : hidden;
    border-radius      : 0;
    }

select.perpage option:checked{
    opacity    : 1;
    box-shadow : 0 0 200px 200px #f48203 inset;
    }

.filterblock select.perpage option{
    display     : table-cell;
    cursor      : pointer;
    padding     : 7px 12px;
    background  : #eee;
    empty-cells : hide;
    color       : #212121;
    font-size   : 1.2rem;
    }

.carbox{
    padding-bottom : 15px;
    display        : inline-block;

    }

.firstpic{
    height          : 123px;
    overflow        : hidden;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    background      : #212121;
    }

.firstpic img{
    width  : 100%;
    cursor : pointer;
    }

.carheader{
    padding     : 10px 0px 0px 10px;
    background  : #f48203;
    line-height : 1.34;
    width       : 55%;
    float       : left;
    font-size   : 1.1rem;
    height      : 34px;
    position    : relative;
    font-weight : 600;
    overflow    : hidden;
    color       : #fff;
    text-shadow : 1px 1px 0px #000;
    }

.carheaderangle{
    position   : absolute;
    background : #fff;
    width      : 10px;
    transform  : rotate(-14deg);
    right      : -5px;
    top        : -10px;
    height     : 50px;
    }

.viewmore .lnr{
    font-size    : 1rem;
    color        : #ff9800;
    margin-right : -11px;
    position     : relative;
    left         : 0;
    }

.viewmore:hover .lnr{
    color      : #fff !important;
    transition : 0.5s all;
    left       : 45px;
    }

.viewmore{
    padding        : 8px 5px 8px 8px;
    background     : #212121;
    width          : 55%;
    float          : left;
    position       : relative;
    font-size      : 1rem;
    letter-spacing : 0.1rem;
    overflow       : hidden;
    font-weight    : 200;
    color          : #fff;
    }

select:focus, select.form-control:focus{
    background-image : none;
    }

.viewmoreangle{
    position    : absolute;
    background  : #f5f5f5;
    width       : 50px;
    transform   : rotate(20deg);
    right       : -37px;
    top         : 0;
    height      : 50px;
    border-left : 2px solid #f48203;
    }

.viewmore:hover{

    background : #212121;
    transition : 0.75s all;
    color      : #f48203;
    cursor     : pointer;

    }

.viewmoreangle:hover{
    background : #fff;
    }

.viewbutton{
    padding     : 8px;
    background  : #111;
    color       : #fff;
    width       : 45%;
    float       : right;
    position    : relative;
    text-align  : right;
    font-weight : 200;
    font-size   : 1.6rem;
    overflow    : hidden;
    height      : 34px;
    }

.row{
    margin : 0px;
    }

.viewbuttonangle{
    position   : absolute;
    background : #fff;
    width      : 10px;
    transform  : rotate(-14deg);
    left       : -6px;
    top        : -10px;
    height     : 50px;
    }

.variant{
    padding     : 5px 5px 10px 8px;
    clear       : both;
    color       : #f48203;
    font-weight : 900;
    height      : 50px;
    background  : #212121;
    }

.fb-text-label{
    height : 8px;
    }

.fb-email-label{
    height : 8px;
    }

body{
    background-color : #f5f5f5;
    }

.carcontent strong{
    width   : 30%;
    color   : #f48203;
    display : inline-block;
    }

.carcontent{
    padding     : 5px 5px 5px 8px;
    background  : #212121;
    color       : #fff;
    font-size   : 1.1rem;
    line-height : 2rem;
    }

.pagination{
    display       : inline-block;
    padding-left  : 0;
    margin        : 29px 0 0;
    border-radius : 0px;
    font-size     : 1.3rem;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    z-index          : 2;
    color            : #212121;
    background-color : #f48203;
    border-color     : #f48203;
    cursor           : default;
    }

.pagination > li > a, .pagination > li > span{
    position         : relative;
    float            : left;
    padding          : 2px 16px;
    line-height      : 1.846;
    text-decoration  : none;
    color            : #212121;
    background-color : #eee;
    border           : 1px solid #eee;
    margin-left      : -1px;
    }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
    color            : #bbb;
    background-color : #f5f5f5;
    border-color     : #f5f5f5;
    cursor           : not-allowed;
    }

.cardetails_box strong{
    color   : #f48203;
    width   : 35%;
    display : inline-block;
    }

.cardetails_box h1{
    font-size   : 1.9rem !important;
    margin      : 0;
    background  : #f48203;
    color       : #fff;
    padding     : 10px 8px;
    font-weight : 600;
    }

.cardetails_box h3{
    margin     : 0;
    font-size  : 1.4rem !important;
    color      : #f48203;
    background : #212121;
    padding    : 8px;
    }

.cardetails_box h4{
    font-size   : 2.3rem !important;
    margin      : 15px 0;
    font-weight : 600;
    }

.cardetails_box h5{
    font-size   : 1.4rem !important;
    margin      : 15px 0;
    font-weight : 200;
    background  : #212121;
    padding     : 5px;
    color       : #fff;
    }

ul.detailslist{
    font-size : 1.1rem;
    }

ul.detailslist li:nth-child(odd){
    background : #eee;
    }

.detailslist li{
    line-height  : 2.3rem;
    padding-left : 5px;
    }

.extras_details{
    column-count : 2;
    }

.carenquire_box h1{
    font-size  : 1.4rem !important;
    margin     : 0;
    background : #f48203;
    color      : #fff;
    padding    : 10px 8px;
    }

#mailsent{
    display : none;
    color   : #f48203;
    padding : 20px 10px;
    }

.colorback #mailnotsent, #mailsent{
    font-size : 1.5rem;
    padding   : 20px 0;
    }

#mailnotsent{
    display : none;
    color   : #ff070e;
    }

#spinner{
    display               : none;
    text-align            : center;
    top                   : 50%;
    left                  : 50%;
    position              : fixed;
    transform             : translate(-50%, -50%);
    background            : rgba(248, 134, 0, 0.8);
    padding               : 15px;
    font-size             : 2rem;
    color                 : #fff;
    border-radius         : 5px;
    z-index               : 9999999999999999999999999999999999999999999999999;
    -webkit-border-radius : 5px;
    }

#mailsent2{
    display : none;
    color   : #f48203;
    padding : 20px 10px;
    }

.buttspace{
    margin-bottom : 10px !important;
    display       : inline-block;
    }

.colorback #mailnotsent2, #mailsent2{
    font-size : 1.5rem;
    padding   : 20px 0;
    }

#mailnotsent2{
    display : none;
    color   : #ff070e;
    }

#spinner2{
    display               : none;
    text-align            : center;
    top                   : 50%;
    left                  : 50%;
    position              : fixed;
    transform             : translate(-50%, -50%);
    background            : rgba(248, 134, 0, 0.8);
    padding               : 15px;
    font-size             : 2rem;
    z-index               : 9999999999999999999999999999999999999999999999999;
    color                 : #fff;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    }

#mailsent3{
    display : none;
    color   : #f48203;
    padding : 20px 10px;
    }

.colorback #mailnotsent3, #mailsent3{
    font-size : 1.5rem;
    padding   : 20px 0;
    }

#mailnotsent3{
    display : none;
    color   : #ff070e;
    }

#spinner3{
    display               : none;
    text-align            : center;
    top                   : 50%;
    left                  : 50%;
    position              : fixed;
    transform             : translate(-50%, -50%);
    background            : rgba(248, 134, 0, 0.8);
    padding               : 15px;
    z-index               : 9999999999999999999999999999999999999999999999999;
    font-size             : 2rem;
    color                 : #fff;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    }

.colorback #spinner{
    display               : none;
    text-align            : center;
    top                   : 50%;
    left                  : 50%;
    position              : fixed;
    transform             : translate(-50%, -50%);
    background            : rgba(248, 134, 0, 0.8);
    padding               : 15px;
    font-size             : 2rem;
    color                 : #fff;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    }
/*section {*/
/*    margin-top : 45px*/

/*}*/
.filtertop label{
    color : #fff;
    }

.filtertop{
    padding    : 20px 15px 0 15px;
    background : #212121;
    }

.filtertop .formgroup{
    position      : relative;
    margin-bottom : 15px;
    text-align    : center;

    }

.filtertop input[type=text]::placeholder{
    color : #fff;
    }

.filtertop input[type=text]:focus, .filtertop select:focus{
    border     : 1px solid #f48203;
    box-shadow : 0px 4px 13px -5px #000 inset;
    }

.filtertop input[type=text], .filtertop select{
    border                : 1px solid #212121;
    padding               : 8px;
    font-size             : 1.1rem !important;
    border-radius         : 0;
    -webkit-border-radius : 0;
    width                 : 100%;
    background            : #f48203;
    text-align            : center !important;
    box-shadow            : 0 0 0;

    }

.nopad{
    padding : 0px !important;
    }

select:active, select:hover{
    outline : none !important;
    }

.filtertop option{
    color      : #fff;
    text-align : left;
    background : transparent;
    font-size  : 1rem;
    padding    : 5px;
    }

.filtertop option:focus, .filtertop option:active, .filtertop option:after, .filtertop option::selection{
    color      : #fff;
    text-align : left;
    background : hotpink !important;
    }

.filtertop select{
    color : #fff;

    }

textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus{
    -webkit-box-shadow : inset 0 -1px 0 #f48203;
    box-shadow         : inset 0 -1px 0 #f48203;
    }

textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control{
    padding            : 0;
    border             : none;
    border-radius      : 0;
    -webkit-appearance : none;
    -webkit-box-shadow : inset 0 -1px 0 #ddd;
    box-shadow         : inset 0 -1px 0 #ddd;
    font-size          : 1.1rem;
    }

.has-error input:not([type=checkbox]), .has-error .form-control, .has-error input:not([type=checkbox]):focus, .has-error .form-control:focus{
    -webkit-box-shadow : inset 0 -1px 0 #e51c23;
    box-shadow         : inset 0 -1px 0 #e51c23;
    }

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
    background-color : #f48203;
    border-color     : transparent;
    color            : #212121;
    }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    cursor             : not-allowed;
    opacity            : 0.35;
    filter             : alpha(opacity=35);
    -webkit-box-shadow : none;
    box-shadow         : none;
    color              : #fff;
    }

.contact h3{
    font-size : 2rem;
    }

.contact h2{
    font-size : 3rem;

    }

.tradein .label-info{
    background-color : #f48203;
    color            : #212121;
    font-size        : 1.1rem;
    padding          : 5px !important;
    margin-bottom    : 10px;
    width            : auto;
    font-weight      : 200;
    }

.tradein h1, .requestcar h1{
    font-size : 3rem;
    }

.tradein h3, .requestcar h3{
    font-size    : 2rem;
    display      : inline-block;
    width        : 100%;
    padding-left : 15px;
    }

.social_footer a{
    color : #fff !important;
    }

.social_footer{
    text-align : right;
    font-size  : 4rem;

    }

.carcontent{

    min-height : 100px;
    }

@media only screen
and (min-device-width : 320px)
and (max-device-width : 768px){

    .loogo a{
        font-size : 4rem;
        }

    .yellow{
        width      : 150%;
        height     : 150%;
        transform  : rotate(-45deg);
        background : #f48203;
        position   : absolute;
        bottom     : -118%;
        right      : -120%;
        border-top : 10px solid #000;
        }

    .logo{
        position : fixed;
        top      : 50px;
        left     : 20px;
        width    : 330px;
        }

    .content{
        position : fixed;
        top      : 190px;
        left     : 20px;
        }

    .navtop,
    .sliderslogan,
    .sliderprice,
    .slidertext1,
    .slidertext2,
    .slidertext3,
    .slidercontainer .sliderbutton{
        display : none;
        }

    .slidersubheader h2{
        font-size : 3rem;
        }

    .tabslider .owl-nav{
        top : 15%;
        }

    .owl-nav{
        top : 35%;
        }

    .navbar-nav{
        margin : 10.25px 15px;
        }

    .nav > li > a{
        padding : 10px 20px 0 0
        }

    .slidercontainer{
        display : inline;
        width   : 100%;
        }

    .slidercontent-container h3{

        font-size : 2rem;
        }

    .slider-boxcontainer{
        text-align    : center;
        width         : 90%;
        margin-left   : 5%;
        margin-bottom : 50px;
        }

    .sliderbox{
        width : 33%;
        }

    .slideroverlay{

        background-position : center 100%;
        }

    .sliderheading{
        background : transparent;
        }

    .nav-tabs > li > a, .nav-tabs > li > a:focus{
        margin-right       : 5px;
        margin-left        : 5px;
        padding            : 0;
        background-color   : transparent;
        border             : none;
        -webkit-box-shadow : inset 0 -1px 0 #ddd;
        box-shadow         : inset 0 -1px 0 #ddd;
        -webkit-transition : all 0.2s;
        -o-transition      : all 0.2s;
        transition         : all 0.2s;
        font-size          : 1.3rem;
        }

    .tabslider .owl-prev{
        left       : 20px;
        background : transparent !important;

        }

    .tabslider .owl-next{
        right      : 20px;
        background : transparent !important;
        }

    .downarrow{

        bottom : 12px;
        }

    .social_footer{
        text-align : center;
        margin-top : 25px;
        }

    .carenquire_box{
        border-left   : 0;
        padding-right : 15px;
        }

    .slider_mobile{
        padding       : 0;
        margin-bottom : 3px;
        }

    .tradein h1, .requestcar h1{
        font-size : 2.6rem;
        padding   : 0 15px;
        }

    .tradein h3, .requestcar h3{
        font-size : 1.9rem;
        padding   : 0 15px;
        }

    .tradein .label-info{
        display : inline-block;
        }

    }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
    .yellow{
        width      : 150%;
        height     : 150%;
        transform  : rotate(-45deg);
        background : #f48203;
        position   : absolute;
        bottom     : -92%;
        right      : -110%;
        border-top : 10px solid #000;
        }

    .logo{
        position : fixed;
        top      : 50px;
        left     : 20px;
        width    : 410px;
        }

    .content{
        position : fixed;
        top      : 230px;
        left     : 20px;
        }

    }

@media only screen
and (min-device-width : 768px){

    .navbar-nav{
        float      : left;
        margin-top : 40.5px;
        }

    }

.showall{
    margin-top : 28px;
    }



@media all and (orientation : landscape)and (min-device-width : 319px)
and (max-device-width : 967px){
    .loogo a{
        font-size : 2.5rem;
        }

    .centercard img{
        width : 100%;
        }

    .centercard{
        width : 29%;
        }

    }

@media all and (orientation : landscape)and (min-device-width : 968px)
and (max-device-width : 1024px){
    .loogo a{
        font-size : 3.8rem;
        }

    .centercard img{
        width : 100%;
        }

    .centercard{
        width : 29%;
        }

    }

@media all and (min-device-width : 320px)
and (max-device-width : 768px){
    .locationspan{
        font-size : 1.3rem;
        }

    .filterblock select.perpage{

        margin : 0 0 0 25%;
        }

    .filterblock .pagination{
        margin : 0 0 8px;
        }

    .filterblock.paging .formgroup{
        width : 100%;
        }

    .sortselect select{
        top : 0px;
        }


    .branches a{
        width : 49%;
        }

    .loogo a{
        font-size : 2.6rem;
        }

    

    .centercard img{
        width : 100%;
        }

    .centercard{
        width : 75%;
        }

   

    .footersection .col-sm-4{
        margin-bottom : 25px;
        }

    
    }

.navbar-default .navbar-toggle .icon-bar{
    background-color : rgb(244, 130, 3);
    }


/* ============================================================================== */
@media all and (max-device-width : 1880px){
    .right-img{
        position: absolute;
        left: 75%;
        top: 65%;
        width: 450px;
    }
}

@media all and (max-device-width : 1800px){
    .left-image {
        top:110%;
        }
    .right-img{
        position: absolute;
        left: 75%;
        top: 65%;
        width: 400px;
    }
}
@media all and (max-device-width : 1600px){
    .right-img{
        position: absolute;
        left: 76%;
        top: 68%;
        width: 350px;
    }
}
@media all and (max-device-width : 1500px){
    .right-img{
        position: absolute;
        left: 78%;
        top: 68%;
        width: 300px;
    }
}
@media all and (max-device-width : 1560px){
    .left-image {
        width: 500px;
        left: -8%;
        top:120%;
        }
        .right-img {
        width: 250px;
        left: 80%;
        top:72%;
        }
}
@media all and (max-device-width : 1400px){
    .left-image {
        width: 450px;
        top:120%;
        }
}
@media all and (max-device-width : 1250px){
    .right-img {
        width: 200px;
        left: 80%;
        top:72%;
        }

}
@media all and (max-device-width : 1200px){
    .floating {
        top: -130px;
        margin-bottom: -50px;
    }
    .banner-wording h2 {
        font-size:33px;
    }
    .features h2 {
        font-size:33px;
    }
    .features .img {
        height: 80px;
    }
    .footer-image {
        width: 80px;
        padding-top: 0px;
        height: 80px;
    }
    .left-image {
        top:120%;
        }
}

@media all and (max-device-width : 1100px){
    .floating {
        top: -130px;
        margin-bottom: -50px;
    }
}
@media all and (max-device-width : 1050px){
    .left-image {
        width: 400px;
    }
}
@media all and (max-device-width : 1000px){
    h5, .h5 {
        font-size: 14px!important;
    }
    .right-img {
        width: 200px;
        left: 76%;
        top:72%;
        }
}
@media all and (max-device-width : 992px){
    .banner-wording h5 {
        font-size:16px;
    }
    .noshow3 {
        height:30px!important;
    }
    .left-image {
        top:115%;
        left:-10%;
    }
}
@media all and (max-device-width : 900px){
    .left-image {
        width: 350px;
        top: 120%;
    }
}
@media all and (max-device-width : 850px){
    .floating {
        top: -80px;
        margin-bottom: -20px;
    }
}
@media all and (max-device-width : 840px){
    .right-img {
        width: 180px;
        left: 76%;
        top:72%;
        }
}
@media all and (max-device-width : 767px){
    .right-img {
     display:none!important;
    }
    .left-image {
      display:none;
    }
    .right-image{
        display: none;
    }
    .top-image{
        display:block!important;
        width:100%;
    }
    .bottom-image{
        display:block!important;
        width:100%;
    }
    .noshow2{
        display:none;
    }
    .noshow3{
        display:none;
    }

}
@media all and (max-device-width : 474px){
    .navbar-brand > img{
         height : 80px;
    }
}
@media all and (max-device-width : 450px){
    .banner-wording h2 {
        font-size:30px;
    }
    .features h2 {
        font-size:30px;
    }
    .features .img {
        height: 60px;
    }
    .footer-image {
        width: 60px;
        padding-top: 20px;
        height: 60px;
    }
}
@media all and (max-device-width : 380px){
    .form-check-label {
        font-size : 10px;
    }
    h5, .h5 {
        font-size: 10px!important;
    }
    .form-control {
        font-size: 12px!important;
    }
}
@media all and (max-device-width : 350px){
    .navbar-brand > img{
        height : 70px;
    }
}