html, body {
        height: 100%;
    }
    .btn {
        border-radius: 0px;
    }
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
    .contact-panel > .panel-heading {
        border-radius: 0px;
    }
    .contact-panel {
        border-radius: 0px;
    }
    .contact-person-email {
        color: #000000;
        font-size: 13px;
        margin: 0px 0px 0px 7px;
        padding: 0px;
    }
    .contact-person-icon {
        color: rgba(11,59,107,0.61);
        font-size: 64px !important;
    }
    .contact-person-name {
        color: #000000;
        display: inline;
        font-size: 16px;
        margin: 0px;
        padding: 0px;
    }
    .contact-person-phone {
        color: #074bf7;
        font-size: 13px;
        margin: 0px 0px 0px 7px;
        padding: 0px;
    }
    .contact-person-position {
        color: #0878fc;
        display: inline;
        font-size: 12px;
        margin: 0px;
        padding: 0px;
    }
    .dataTables_length {
        padding-left: 15px;
    }
    .form-control {
        border: 1px solid #CCC;
        border-radius: 1px;
    }
	.gd-block .form-control{
		padding: 6px 2px !important;
	}
	.gd-body {
        background: white;
        color: #000000;
        min-height: 100%;
    }
    .gd-content {
        background: white;
        border-color: #0a2f87;
        border-style: solid;
        border-radius: 0px 0px 0px 0px;
        border-width: 1px 1px 1px 1px;
        box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        color: #0a2f87;
        
        /*margin-top: 25px;*/
		
        min-height: 100%;
        padding: 25px;
        
        /*-webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        
        -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);*/
    }
    .gd-content-footer {
        background: #ffffff;
        border-color: #0a2f87;
        border-style: solid;
        /*border-radius: 0px 0px 0px 0px;*/
        border-width: 0px 1px 1px 1px;
        box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        color: #0a2f87;
        padding: 25px;
        /*margin-bottom: 25px;*/
        /*
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
		*/
    }
	.gd-content-footer-block {
        padding: 0px 10px !important;
    }
    .gd-content-header {    
        background-color: #000000;
        background-image: url("../image/banner-img.jpg");
        background-repeat: no-repeat;
        background-attachment: relative;
        background-position: center;
        background-size: cover;
        box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 0.1);
        background-size: 1920px, auto;
        min-height: 393px;
        padding: 0px;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
        width: 100%;
        
        -webkit-box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 0.1);
    }
    .gd-content_header-text {    
        color: #ffffff;
    }
    .gd-content-title {
        background: #000000;
        border-color: #818285;
        border-style: solid;
        border-radius: 0px 0px 0px 0px;
        border-width: 1px 1px 0px 1px;
        box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        color: #8f97a1;
        padding: 25px;
        margin-top: 25px;
        
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        /*
        -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        */
    }
    .gd-footer {
        background: #0a2f87;
        border-color: #8f97a1;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        bottom: 0px;
        color: #ffffff;
        height: 32px;
        left: 0px;
        margin: 0px;
        padding: 0px;
        position: relative;
        right: 0px;
    }
    .gd-footer a {
        color: #ffffff;
    }
    .gd-header {    
        background-image: url("../image/background.png");
        /*box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);*/
        font-weight: 500;
        min-height: 142px;
        padding: 0px;
		/*
        -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
		*/
    }
    .gd-header-logo{    
        background-color: white;
        border-color: #0a2f87;
        border-style: solid;
        border-radius: 0px 0px 0px 0px;
        border-width: 5px 0px 0px 0px;
        /*box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);*/
        color: #0a2f87;
        min-height: 100px; //Default 100px
        padding: 0px;
		/*
        -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
		*/
    }
    .gd-header-address{    
        background-color: white;
        color: #0a2f87;
        padding: 15px;
    }
    .gd-header-logo img{    
        position: absolute;
        top: 0%; //Default 50%
        transform: translateY(-50%);
    }
    .gd-header-logo p{
        font-size: 20px;
        font-weight: bold;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .gd-header-links {    
        background-color: #0a2f87;
        box-shadow: inset 0 0 5px rgba(50, 50, 50, 0.1);
        color: #ffffff;
        font-weight: 500;
        min-height: 42px;
        padding: 0px 0px 0px 32px !important;
		/*
        -moz-box-shadow: inset 0 0 5px rgba(50, 50, 50, 0.1);
        -webkit-box-shadow: inset 0 0 5px rgba(50, 50, 50, 0.1);
		*/
    }
    .gd-social-links{
        color: #ffffff;
        font-size: 28px;
        top: 50%;
        transform: translateY(-50%);
    }
    .gd-header-links p{
        font-size: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .gd-search {
        background: transparent;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .modal.modal-wide .modal-dialog {
        width: 90%;
    }
    .modal-wide .modal-body {
        overflow-y: auto;
    }
	.navbar-address {
		font-size: 12px;
	}
	.navbar-brand.navbar-text.visible-xs {
		margin: 0px 0px 0px 0px !important;
	}
	.navbar-custom {
		background-color: #000000;
		border-color: #5a5a5c;
		border-style: solid;
		border-width: 5px 0px 0px 0px;
	}
	.navbar-custom .navbar-nav > li > a {
		color: #FFFFFF;
	}		
	.navbar-custom .navbar-nav > li > a:focus,
	.navbar-custom .navbar-nav > li > a:hover {
		background-color: #000000;
		border-color: #5a5a5c;
		border-style: solid;
		border-width: 0px 0px 5px 0px;
		color: #FFFFFF;
	}
	.navbar-custom .navbar-address.row-fluid > ul {
		margin: 7px 0px 0px 0px !important;
	}
	.navbar-custom .navbar-address.row-fluid > ul > li:not(:last-child) {
		padding-right: 15px;
	}
	.navbar-custom .navbar-links > p.navbar-text {
		margin-right: 12px;
	}
	.navbar-custom .navbar-text {
		color: #FFFFFF;
	}
	.navbar-gd {
        background-color:  red;
        border: 0px;
    }
    .nav-pills > li + li {
        margin-left: 0px;
    }
    .nav-pills > li > a {
        color: #ffffff;
    }
    .nav-pills > li > a:hover {
        background-color: transparent;
        border-color: #ffffff;
        border-style: solid;
        border-radius: 0px 0px 0px 0px;
        border-width: 0px 0px 2px 0px;
        color: #FFFFFF;
    }
    .nav-pills > li.active > a,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover {
        background-color: transparent;
        border-color: #ffffff;
        border-style: solid;
        border-radius: 0px 0px 0px 0px;
        border-width: 0px 0px 2px 0px;
    }
	.navbar-text {
		color: #FFFFFF;
	}
	.navbar-toggle {
		color: #FFFFFF;
		font-size: 24px;
		margin: 0px 0px 0px 0px !important;
	}
	.panel-gd {
        margin-bottom: 20px;
        background-color: rgba(240,240,240,0.97);
        border-color: #8f97a1;
        border-style: solid;
        border-radius: 1px;
        border-width: 1px;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    }
    .panel-gd > .panel-body > form > .form-group {
        margin-bottom: 2px;
    }
    .panel-gd > .panel-body > form > .form-group > .row {
        padding-left: 13px;
        padding-right: 13px;
    }
    .panel-gd > .panel-body > form > .form-group > .row > .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
        padding-left: 2px;
        padding-right: 2px;
    }
    .product-tbl.table > tbody > tr > td,
    .product-tbl.table > tbody > tr > th,
    .product-tbl.table > tfoot > tr > td,
    .product-tbl.table > tfoot > tr > th,
    .product-tbl.table > thead > tr > td,
    .product-tbl.table > thead > tr > th {
        padding: 4px 8px !important;
    }
    .pull-bot-right {
        bottom: 0px;
        position: fixed;
        right: 0px;
    }
    .required {
        color: #0088cc;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 10px !important;
    }
    .section-header {
        border-color: rgba(0,0,0,0.36);
        border-bottom-width:1px; 
        border-bottom-style: solid;
        color: #0a2f87;
        padding-bottom: 5px;
    }
    .thumbnail {
        border-radius: 0px;
        background-color: white !important;
        color: #000000 !important;
    }
    .thumbnail .btn-group-justified {
        margin-bottom:6px;
    }
    .thumbnail .caption {
        padding: 0px 6px;
    }
    .thumbnail > .caption > h4 {
        color: black;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .thumbnail > .caption > p {
        color: black;
        font-size: 14px;
    }
    .thumbnail > .thumbnail-header {
        background: #0a2f87;
        border-color: #0a2f87;
        border-style: solid;
        /*border-radius: 3px 3px 0px 0px;*/
        border-width: 1px 1px 1px 1px;
        box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        color: #ffffff;
        height: 52px !important;
        padding: 1px;
        /*
        -webkit-border-radius: 3px 3px 0px 0px;
        -moz-border-radius: 3px 3px 0px 0px;
        */
        -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
    }
    .thumbnail > .thumbnail-header > h4 {
        font-size: 15.5px;
        margin: 5% 0 0 0;
        vertical-align: middle;
        white-space: normal;
        word-break: normal;
    }
    .thumbnail-header {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; /* Don't forget this one */
    }
    .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .vehicle-carousel-cost {
        color: ;
        font-size: 25px;
        height: 120px;
        left: 30px;
        line-height: 60px;
        padding: 5px;
        position: absolute;
        text-align: left;
        top: 60px;
    }
    .vehicle-carousel-link {
        color: #ffffff !important;
        font-size: 18px;
    }
    .vehicle-carousel-title {
        color: #ffffff;
    }
    .site-content {
	    margin: 16px 16px 0px 16px !important;
    }
    .site-content-footer {
	    margin: 0px 16px 16px 16px !important;
    }
    .gd-header-logo-img:before {
        content: url("../image/logo_595x100.jpg");
    }
    
    
    #product_thumb {
        cursor: pointer;
    }
    #wrapper {
        min-height: 100%;
        position: relative;
    }
    #gmap_canvas {
        height: calc(0.380*33vw + 64px) !important; 
        width: calc(0.380*100vw + 64px) !important;
    }
    .gd-content-footer-block > h2 {
        font-size: calc(0.01875*100vw + 6px) !important; 
    }

    .aa-appraised-img { /* Chrome */
        background-image: url('../image/AA_Appraised-2023.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        display:inline-block !important;
        height: 100px !important;
        margin-right: 16px !important;
        position: relative !important;
        width: 100px !important;
    }
    .aa-appraised-img:after { /* Firefox */
        background-image: url('../image/AA_Appraised-2023.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        display:inline-block !important;
        height: 100px !important;
        margin-right: 16px !important;
        position: relative !important;
        width: 100px !important;
    }

    .autosure-approved-img { /* Chrome */
        background-image: url('../image/Autosure_Approved.png');
        background-repeat: no-repeat;
        background-size: contain;
        display:inline-block !important;
        height: 100px !important;
        position: relative !important;
        width: 100px !important;
    }
    .autosure-approved-img:after { /* Firefox */
        background-image: url('../image/Autosure_Approved.png');
        background-repeat: no-repeat;
        background-size: contain;
        display:inline-block !important;
        height: 100px !important;
        position: relative !important;
        width: 100px !important;
    }
    .vehicle-details {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .vehicle-details > .panel-heading {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 0px !important;
    }
    .vehicle-description {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .vehicle-description > .panel-heading {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    .vehicle-co2 {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .vehicle-co2 > .panel-heading {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    .vehicle-fuel {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .vehicle-fuel > .panel-heading {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    .vehicle-safety {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .vehicle-safety > .panel-heading {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    .vehicle-cleancar {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .vehicle-cleancar > .panel-heading {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    .profile-avatar {
        height: calc(0.380*16vw + 16px) !important; 
        width: calc(0.380*16vw + 16px) !important;
    }
    .contact-person-icon {
        font-size: calc(0.380*16vw + 16px) !important; 
        width: calc(0.380*16vw + 16px) !important;
    }
		
    @media only screen and (max-width:767px) {
        /*
        .gd-header-logo-img {
            content: url("../image/logo_595x100.png");
        }
        .gd-header-logo-img:after {
            content: url("../image/logo_595x100.png");
        }
        */
        .navbar-links {
                font-size: 14px;
        }
        .navbar-social > ul > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                line-height: 20px;
        }
        .navbar-social > ul > li > a > p {
                margin: 0px !important;
        }

    }
    @media only screen and (min-width:768px) and (max-width:959px) {
        /*
        .gd-header-logo-img {
            content: url("../image/logo_595x100.png");
        }
        .gd-header-logo-img:after {
            content: url("../image/logo_595x100.png");
        }
        */
        .navbar-links {
                font-size: 14px;
        }
        .navbar-social > ul > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                line-height: 20px;
        }
        .navbar-social > ul > li:not(:last-child) > a {
                padding: 7px 3px 9px 3px !important;
        }
        .navbar-social > ul > li:last-child > a {
                margin-right: 15px;
                padding: 7px 3px 9px 3px !important;

        }
        .navbar-social > ul > li > a > span.fa {
                font-size: 24px !important;
        }
    }
    @media only screen and (min-width:960px) and (max-width:1279px) {
        /*
        .gd-header-logo-img {
            content: url("../image/logo_595x100.png");
        }
        .gd-header-logo-img:after {
            content: url("../image/logo_595x100.png");
        }
        */
        .navbar-brand.hidden-xs {
                height: 128px;
                width: 237px;
        }
        .navbar-brand-img {
                content: url("assets/image/te_rapa_logo_237x128.png");
        }
        .navbar-brand-img:after {
                content: url("assets/image/te_rapa_logo_237x128.png");
        }
        .navbar-custom {
                height: 195px;
        }
        .navbar-custom .navbar-links.row-fluid {
                margin-top: 140px;
        }
        .navbar-links {
                font-size: 16px;
        }
        .navbar-social > ul > li:not(:last-child) > a {
                padding: 7px 3px 9px 3px !important;
        }
        .navbar-social > ul > li:last-child > a {
                margin-right: 15px;
                padding: 7px 3px 9px 3px !important;
        }
        .navbar-social > ul > li > a > span.fa {
                font-size: 32px;
        }
    }
    @media only screen and (min-width:1280px) {
        /*
        .gd-header-logo-img {
            content: url("../image/logo_595x100.png");
        }
        .gd-header-logo-img:after {
            content: url("../image/logo_595x100.png");
        }
        */
        .navbar-brand.hidden-xs {
                height: 195px;
                width: 336px;
        }
        .navbar-brand-img {
                content: url("/assets/image/te_rapa_logo_306x165.png");
        }
        .navbar-brand-img:after {
                content: url("/assets/image/te_rapa_logo_306x165.png");
        }
        .navbar-custom {
                height: 195px;
        }
        .navbar-custom .navbar-links.row-fluid {
                margin-top: 140px;
        }
        .navbar-links {
                font-size: 16px;
        }
        .navbar-social > ul > li:not(:last-child) > a {
                padding: 7px 3px 9px 3px !important;
        }
        .navbar-social > ul > li:last-child > a {
                margin-right: 15px;
                padding: 7px 3px 9px 3px !important;

        }
        .navbar-social > ul > li > a > span.fa {
                font-size: 32px;
        }
    }