.editable-image {
    border-radius:25px;
}
.img-responsive {
    border-radius: 25px;
}
.imgModal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.imgModalContent {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
.pLightOrange {
    border-radius: 25px;
    background-color:#FFCC99;
    color:black!important;
    padding:10px;
}
.pVibrantOrange {
    border-radius: 25px;
    background-color:#FF9933;
    color:white!important;
    padding:10px;
}
.pDeepOrange {
    border-radius: 25px;
    background-color:#FF6600;
    color:white!important;
    padding:10px;
}
.pBlue {
    border-radius: 25px;
    background-color: #0dcaf0;
    color:black!important;
    padding:10px;
}
.pRed {
    border-radius: 25px;
    background-color: #ff0000;
    color:white!important;
    padding:10px;
}
body {
    background: url('../images/background-grey-shapes.png'), #ffffff;
    font-family: Arial;
}
.navbar {
    position: sticky;
    top: 0; /* Stick to the top of the viewport */
    z-index: 1000; /* Ensure it stays above other content */
}
.nav-item a:hover {
    color:white;
    background-color:#FF9933; /* #FF9933 Orange #0d6efd Blue */

}
.nav-link {
    transion: yellow .15s ease-in-out,red .15s ease-in-out,border-color .15s ease-in-out;
}
.content-section {
    overflow: auto; /* Add scrollbars if content overflows */
    word-wrap: break-word; /* Break long words */
    padding: 20px; /* Adequate padding around content */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Responsive Image Styling */
.content-section img {
    max-width: 100%; /* Ensure image is not wider than its container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Prevent inline gaps */
    margin-bottom: 20px; /* Space between image and text */
}

.companyFont {
    /* font-family: 'YellowTail', cursive; */
    font-family: sans-serif;
    font-size: 22px;

    color: darkorange;
    /*text-shadow: 1px 1px 2px black, 0 0 1em lightgrey, 0 0 0.2em grey;*/

}


.content-section {
    overflow: auto; /* Ensures scrollbars if content overflows */
    word-wrap: break-word; /* Breaks long words to prevent horizontal overflow */
    min-height: 500px; /* Sets a minimum height */
    padding-top: 20px; /* Adjust padding as necessary */
    padding-bottom: 20px; /* Adds padding to the bottom */
}

.video-container {
    width: 90%; /* Adjust width as needed */
    margin: 0 auto; /* Center the container */
    height: auto; /* Lets the height adjust based on content */
    padding-bottom: 56.25%; /* Aspect ratio padding for video */
    position: relative; /* Relative positioning */
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.flex-container {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Ensures that child elements stretch to fill the container width */
}


.btn {
    border: none; /* Remove borders */
    color: white; /* Add a text color */
    padding: 10px 20px; /* Add some padding */
    cursor: pointer; /* Add a pointer cursor on mouse-over */
    border-radius: 5px 0 0 5px;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    max-width: 60px;
}

.btnEd {
    border: none; /* Remove borders */
    color: white; /* Add a text color */
    padding: 10px 20px; /* Add some padding */
    cursor: pointer; /* Add a pointer cursor on mouse-over */
    border-radius: 5px 0 0 5px;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    max-width: 100px;

}

.success {
    background-color: #04AA6D;
} /* Green */
.success:hover {
    background-color: #46a049;
}

.info {
    background-color: #007bff;
} /* Blue */
.info:hover {
    background: #0b7dda;
}

.warning {
    background-color: #ff9800;
} /* Orange */
.warning:hover {
    background: #e68a00;
}

.danger {
    background-color: #f44336;
} /* Red */
.danger:hover {
    background: #da190b;
}

.default {
    background-color: #e7e7e7;
    color: black;
} /* Gray */
.default:hover {
    background: #ddd;
}
.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Aspect ratio: 16:9; for 4:3, use 75% */
    width: 100%; /* Full width of the parent */

}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Optional: removes the border */

}
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media only screen and (max-width: 768px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
}

@media (max-width: 768px) {
    .content-section {
        font-size: smaller; /* Adjust text size for smaller screens */
    }
    /* Add any other responsive adjustments for smaller screens */
}





/*  iii. Boxed View  */


div.inventory.span3 {
    min-height: 453px;
}

div.inventory.span3 .options-secondary {
    display: none;
}

div.inventory.span3 .options-primary {
    position: static;
    width: auto;
    border: 0;
    margin: 13px auto 0 auto;
    float: none;
}

div.inventory.span3 .inventory .title {
    position: relative;
    overflow: hidden;
    left: 11px;
    white-space: normal;
    padding-top: 7px;
    margin-bottom: 31px;
    max-width: 230px;
    font-size: 22px;
    font-weight: 600;
    color: #3d3d3d;
    clear: left;
}

div.inventory.span3 .preview {
    position: static;
    float: none;
    border: 1px solid #3d3d3d;
    width: 200px;
    height: 150px;
    display: block;
    margin: 0 auto;
}

div.inventory.span3 .checkbox {
    position: absolute;
    top: 9px;
    left: 245px;
}

.grid div.inventory.span3 .checkbox {
    left: initial;
    right: 12px;
}

div.inventory.span3 .carfax {
    position: absolute;
    left: 37px;
    width: 58px;
    top: 384px;
    float: left;
}

div.inventory.span3 .price {
    position: relative;
    margin: 3px 0 33px 0;
    left: 133px;
    float: left;
    color: #3d3d3d;
    top: -22px;
}

div.inventory.span3 .view-video {
    position: absolute;
    left: 9px;
    top: auto;
    bottom: 10px;
    float: left;
    clear: left;
    padding: 6px 9px;
}

div.inventory.span3 .view-details {
    position: absolute;
    right: 9px;
    top: auto;
    bottom: 10px;
    float: right;
    padding: 6px 4px;
}

div.inventory.span3 .price b {
    position: absolute;
    left: -97px;
    top: 19px;
}

.sidebar div.inventory .inventory .title {
    max-width: 580px;
    white-space: normal;
}

.boxed div.inventory .options-secondary {
    display: none;
}

.boxed div.inventory .options-primary {
    position: static;
    width: auto;
    border: 0;
    margin: 13px auto 0 auto;
    float: none;
    width: 200px;
}

.boxed div.inventory .inventory .title {
    left: 11px;
    white-space: normal;
    padding-top: 7px;
    margin-bottom: 31px;
    max-width: 690px;
    font-size: 22px;
    max-width: 220px;
}

.boxed div.inventory .preview {
    position: static;
    float: none;
    border: 1px solid #3d3d3d;
    width: 200px;
    height: 150px;
    display: block;
    margin: 0 auto;
}

.boxed div.inventory label {
    position: absolute;
    top: 3px;
    right: 3px;
    left: initial;
}

.boxed div.inventory .carfax {
    position: absolute;
    left: 28px;
    width: 58px;
    bottom: 53px;
    top: auto;
    float: left;
}

.boxed div.inventory .price {
    position: relative;
    margin: 3px 0 33px 0;
    left: 131px;
    float: left;
    color: #3d3d3d;
    top: -22px;
}

.boxed.boxed_left div.inventory .price, .boxed.boxed_right div.inventory .price {
    left: 128px;
}

.boxed div.inventory .view-video {
    position: absolute;
    left: 9px;
    top: auto;
    bottom: 10px;
    float: left;
    clear: left;
    z-index: 5;
}

.boxed div.inventory .view-details {
    position: absolute;
    right: 11px;
    top: auto;
    bottom: 10px;
    float: right;
}

.boxed div.inventory .figure {
    font-weight: 600;
    font-size: 30px;
    top: 0;
    left: -8px;
}

.boxed div.inventory .tax {
    top: 0;
    left: -8px;
}

.boxed div.inventory .price b {
    position: absolute;
    left: -97px;
    top: 19px;
}

.boxed div.inventory:nth-child(4n) {
    margin-left: 0 !important;
}

.boxed div.inventory .options-primary .spec {
    max-width: 100px;
}




/*  iv. Fullwidth View  */


.inventory label {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 4;
}

.car_listings {
    padding-left: 0;
    padding-right: 0;
}

.car_listings.boxed {
    padding-right: 0;
    margin-right: -15px;
    margin-left: 15px;
}

.car_listings.boxed.boxed_right {
    padding-left: 0;
    margin-left: -15px;
    margin-right: 15px;
}

.car_listings.boxed.boxed_full {
    margin-right: -15px;
    margin-left: -15px;
}

.car_listings.boxed.boxed_left {
    padding-right: 0;
    margin-right: -15px;
    margin-left: 15px;
}

.inventory-wide-sidebar-right .car_listings.sidebar {
    margin-left: -15px;
}

.inventory-wide-sidebar-left .sidebar.car_listings {
    padding-left: 15px;
}

.inventory-wide-sidebar-left .left-sidebar {
    padding-right: 15px;
}

.inventory-wide-sidebar-right div.inventory .price, .inventory-wide-sidebar-left div.inventory .price {
    right: 15px;
}

.inventory-wide-sidebar-left > div {
    padding-right: 0;
}

.inventory-wide-sidebar-right div.inventory .carfax, .inventory-wide-sidebar-left div.inventory .carfax {
    left: -80px;
    top: 78px;
    width: 56px;
}

.inventory_box.car_listings.boxed.boxed_full .row .col-lg-3:nth-child(4n + 1) {
    clear: both;
}

.inventory_listings, .single-listing {
    font-family: 'Open Sans', sans-serif;
}

div.inventory {
    border: 1px solid #e5e5e5;
    -moz-border-radius: 11px / 13px;
    -webkit-border-radius: 11px / 13px;
    border-radius: 11px / 13px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.13);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.13);
    box-shadow: 0 0 5px rgba(0,0,0,.13);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    background-image: linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

div.inventory:hover {
    background-image: -moz-linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
    background-image: linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
}

.sidebar div.inventory, .boxed div.inventory {
    margin: 0 0 20px;
}

div.inventory {
    position: relative;
    overflow: hidden;
}

a.inventory {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 173px;
    background-image: url('../images/empty.png');
    z-index: 1;
    text-decoration: none;
}

a.inventory .preview {
    width: 200px;
    height: 150px;
}

a.inventory:hover {
    text-decoration: none;
}

.preview {
    position: absolute;
    left: 11px;
    top: 11px;
    float: left;
    border: 1px solid #3d3d3d;
    width: 200px;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
}

.inventory .title {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    left: 234px;
    padding-top: 9px;
    margin-bottom: 8px;
    max-width: 690px;
    font-size: 24px;
    font-weight: 600;
    color: #3d3d3d;
    clear: left;
    padding-bottom: 5px;
    line-height: 24px;
}

.checkbox {
    position: absolute;
    top: 7px;
    right: 12px;
}

div.inventory .options-primary {
    position: relative;
    left: 234px;
    top: -5px;
    float: left;
    width: 230px;
    border: 0;
    table-layout: fixed;
    margin: auto;
    font-size: 12px;
}

div.inventory .options-secondary {
    position: relative;
    left: 245px;
    top: -5px;
    float: left;
    width: 250px;
    border: 0;
    table-layout: fixed;
    margin: auto;
    font-size: 12px;
    margin-bottom: 35px;
}

.option, div.inventory .price b {
    font-weight: 700;
    line-height: 18px;
    color: #3d3d3d;
    font-size: 12px;
}

table td.primary, .primary {
    width: 90px;
    white-space: nowrap;
    padding: 0;
    border: 0;
}

table td.secondary, .secondary {
    width: 92px;
    white-space: nowrap;
    padding: 0;
    border: 0;
    border-right: 10px solid transparent;
}

table td.spec, .spec {
    line-height: 18px;
    color: #3d3d3d;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    border: 0;
}

div.inventory.span3 .spec {
    max-width: 108px;
}

div img.carfax {
    position: relative;
    right: -170px;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    left: 335px;
    top: 36px;
    float: left;
}

.price {
    position: absolute;
    margin: 3px 0 33px 0;
    right: 50px;
    float: left;
    color: #3d3d3d;
    top: 46px;
}

.figure {
    position: relative;
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    top: 4px;
    color: green;
    line-height: 30px;
}

.tax {
    position: relative;
    font-style: italic;
    top: 6px;
    font-size: 12px;
    padding: 0;
}

.view-button:active {
    position: relative;
    top: 6px;
}

.view-video {
    left: 236px;
    clear: left;
    padding: 6px 9px;
    cursor: pointer;
}

.video-icon {
    position: relative;
    left: 213px;
    top: 18px;
    float: left;
    z-index: 3;
}

.view-details {
    right: 10px;
    padding: 6px 4px;
}

.view-details i, .view-video i {
    margin-right: 6px;
}





/*  A. General
----------------------------*/
/* Greyscale an image (Just add class="bw") */
img.bw {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}

* {
    outline: none;
}

html {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif, Arial;
    line-height: 24px;
    color: #2d2d2d;
    overflow-x: hidden;
}

a {
    color: #c7081b;
}

a:hover {
    color: #c7081b;
}

p, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif, Arial;
    font-weight: 400;
}

h1 {
    font-size: 72px;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 400;
}

p+p {
    margin: 20px 0 0;
}

a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

strong {
    font-weight: 800;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

img, iframe {
    max-width: 100%;
    height: auto;
}

.success {
    font-size: 15px;
    background: #CFFFF5;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #B9ECCE;
    border-radius: 5px;
    font-weight: normal;
}

.error {
    font-size: 15px;
    background: #FFDFDF;
    border: 1px solid #FFCACA;
    border-radius: 5px;
    font-weight: normal;
}

.sort-by-menu {
    margin-left: -15px;
}

.select-wrapper span.sort-by {
    float: left;
    margin-right: 12px;
    line-height: 33px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.sbHolder {
    background: #F7F7F7;
    border: 1px solid rgba(0, 0, 0, 0.0980392);
    border-radius: 4px;
}

.sbHolder:focus {
    outline: none;
}

a.sbSelector:link, a.sbSelector:visited, a.sbSelector:hover {
    color: #333;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
}

.sbHolder .sbToggle {
    background: url(../images/select-icons.png) 0 1px no-repeat;
    right: 7px;
    top: 12px;
    width: 8px;
    height: 6px;
}

.sbHolder .sbToggle:hover {
    background: url(../images/select-icons.png) 0 1px no-repeat;
}

.sbOptions {
    background: #F7F7F7;
    border: 1px solid rgba(0, 0, 0, 0.0980392) !important;
    border-top: 0 !important;
    margin-top: -1px;
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sbOptions a:link, .sbOptions a:visited {
    color: #333;
}

.sbHolder {
    float: left;
    margin-right: 0;
}

.sbHolder, .sbHolder .sbOptions {
    width: 100%;
}

.sbSelector {
    line-height: 27px;
}

.sbSelector {
    width: 100%;
}

.sbOptions li {
    width: 100%;
}

.font-12px {
    font-size: 12px;
    line-height: 18px;
}

.font-12px tbody:before {
    line-height: 8px;
    content: "\200C";
    display: block;
}

.font-12px>thead>tr>th, .font-12px>tbody>tr>th, .font-12px>tfoot>tr>th, .font-12px>thead>tr>td, .font-12px>tbody>tr>td, .font-12px>tfoot>tr>td {
    line-height: 16px;
}

.font-13px {
    font-size: 13px;
    line-height: 18px;
}

.font-13px tbody:before {
    line-height: 8px;
    content: "\200C";
    display: block;
}

.font-13px thead {
    font-size: 14px;
    font-weight: 400;
}

.font-13px>thead>tr>th, .font-13px>tbody>tr>th, .font-13px>tfoot>tr>th, .font-13px>thead>tr>td, .font-13px>tbody>tr>td, .font-13px>tfoot>tr>td {
    line-height: 16px;
}

.col-width-50 {
    float: left;
    width: 50%;
    padding-left: 15px;
}

.font-12px thead {
    font-size: 13px;
    font-weight: 400;
}

.font-12px tbody {
    margin-top: 5px;
}

.less-margin {
    margin: 0;
}

.img-border {
    float: left;
    border: solid 1px #3a3a3a;
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    background: #ccc;
}

.pagination>li>a, .pagination>li>span {
    border: none;
    padding: 3px 9px;
    font-size: 13px;
    font-weight: 400;
    background-color: #ccc;
    margin-right: 6px;
    color: #fff;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}

.pagination li.disabled a, .pagination li.disabled a:hover {
    background-color: #eee;
    color: #fff;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    background-color: #c7081b;
    color: #FFF;
}

.pagination > li:first-child > a:hover, .pagination > li:last-child > a:hover {
    color: #fff;
}

img.display-img {
    float: left;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top: 9px;
}

.firstcharacter {
    float: left;
    color: #c7081b;
    font-size: 70px;
    line-height: 58px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

.progressbar .progress {
    height: 35px;
    background-color: #eeeeee;
    border-radius: 0;
}

.progressbar .progress .progress-bar-danger {
    background-color: #c7081b;
}

.progressbar .progress .progress-bar {
    padding: 8px 0;
    text-indent: 16px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: width 2s ease !important;
    -moz-transition: width 2s ease !important;
    -o-transition: width 2s ease !important;
    transition: width 2s ease !important;
}

.list-content {
    margin-top: 42px;
    margin-left: -15px;
    margin-right: -15px;
}

.list-content p {
    padding: 0;
}

.choose-list ul {
    padding: 0;
    margin: 0;
}

.choose-list ul li {
    list-style: none;
    font-size: 14px;
    color: #2d2d2d;
    line-height: 33px;
    font-weight: 400;
}

.choose-list ul li:before {
    width: 16px;
    height: 16px;
    background: #c7081b;
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 10px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    -moz-padding-start: 1px;
}

.pagination-page .pagination > li:first-child > a:hover, .pagination-page .pagination > li:last-child > a:hover {
    color: #fff;
}

.form-selectbox {
    margin-top: 20px;
    overflow: hidden;
}

.list-info {
    padding: 0;
}

.list-info span.text-red {
    color: #c7081b;
}

.list-info p, .list-info a {
    margin: 8px 0 0 0;
    color: #2d2d2d;
    font-size: 13px;
    line-height: 20px;
}

.no-margin {
    margin: 0px;
}

.bottom-margin-0 {
    margin-bottom: 0px !important;
}

.fa-angle-left:before, .fa-angle-right:before {
    font-weight: 600;
}

table.right_table input, table.left_table input {
    width: 90%;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

pre, code {
    font-size: 0.7em;
    background-color: #eee;
    color: #000;
}

code {
    padding: 0.2em
}

pre {
    padding: 1em;
    white-space: pre-line;
}

#first ~ h2 {
    margin-top: 2em
}

.small {
    font-size: 0.75em;
    line-height: 1.5em;
}

hr {
    border: none;
    height: 0;
    border-top: solid 1px #ccc;
    margin: 1.5em 0;
}

.alternate-font {
    font-size: 1.5em;
    font-family: 'Yellowtail', cursive;
    color: #c7081b;
}





.listing-slider .angled_badge.red:before    {
    border-color: #c7081b rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.orange:before {
    border-color: #ff4422 rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.yellow:before {
    border-color: #feae2d rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.green:before  {
    border-color: #69d025 rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.blue:before   {
    border-color: #063aab rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.indigo:before {
    border-color: #3311bb rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.violet:before {
    border-color: #442299 rgba(0, 0, 0, 0);
}
.listing-slider .angled_badge.black:before  {
    border-color: #000000 rgba(0, 0, 0, 0);
}

.angled_badge.red:before    {
    border-color: rgba(0, 0, 0, 0) #c7081b rgba(0, 0, 0, 0);
}
.angled_badge.orange:before {
    border-color: rgba(0, 0, 0, 0) #ff4422 rgba(0, 0, 0, 0);
}
.angled_badge.yellow:before {
    border-color: rgba(0, 0, 0, 0) #feae2d rgba(0, 0, 0, 0);
}
.angled_badge.green:before  {
    border-color: rgba(0, 0, 0, 0) #69d025 rgba(0, 0, 0, 0);
}
.angled_badge.blue:before   {
    border-color: rgba(0, 0, 0, 0) #063aab rgba(0, 0, 0, 0);
}
.angled_badge.indigo:before {
    border-color: rgba(0, 0, 0, 0) #3311bb rgba(0, 0, 0, 0);
}
.angled_badge.violet:before {
    border-color: rgba(0, 0, 0, 0) #442299 rgba(0, 0, 0, 0);
}
.angled_badge.black:before  {
    border-color: rgba(0, 0, 0, 0) #000000 rgba(0, 0, 0, 0);
}

.listing-slider .angled_badge {
    left: 0;
    z-index: 99;
    margin: 4px;
}

.listing-slider .angled_badge:before {
    border-width: 100px 100px 0 0;
}

.listing-slider .angled_badge span {
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    line-height: 110px;
    -webkit-transform: rotate(-45deg) translate(0, -25%);
    -moz-transform: rotate(-45deg) translate(0, -25%);
    -ms-transform: rotate(-45deg) translate(0, -25%);
    -o-transform: rotate(-45deg) translate(0, -25%);
    transform: rotate(-45deg) translate(0, -25%);
}

.angled_badge {
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    text-align: center;
    z-index: 10;
}

.angled_badge:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100px 100px 0;
    border-color: rgba(0, 0, 0, 0) #c7081b rgba(0, 0, 0, 0);
}

.angled_badge span {
    position: absolute;
    display: block;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    line-height: 110px;
    -webkit-transform: rotate(45deg) translate(0, -25%);
    -moz-transform: rotate(45deg) translate(0, -25%);
    -ms-transform: rotate(45deg) translate(0, -25%);
    -o-transform: rotate(45deg) translate(0, -25%);
    transform: rotate(45deg) translate(0, -25%);
}






.view-button:active {
    position: relative;
    top: 6px;
}

.view-video {
    left: 236px;
    clear: left;
    padding: 6px 9px;
    cursor: pointer;
}

.video-icon {
    position: relative;
    left: 213px;
    top: 18px;
    float: left;
    z-index: 3;
}

.view-details {
    right: 10px;
    padding: 6px 4px;
}


.gradient_button.view-details, .gradient_button.view-video {
    position: absolute;
    bottom: 10px;
    border-radius: 5px;
    height: 26px;
    line-height: 14px;
    padding-left: 9px;
    padding-right: 9px;
}
.content-nav ul li.gradient_button:hover, .gradient_button:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
    background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-color: #e9e9e9;
}
.content-nav ul li.gradient_button, .gradient_button.view-details, .gradient_button.view-video, div.example-tabs .nav-tabs>li>a {
    background-color: #f9f9f9;
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    border-top-right-radius: 9px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #3a3a3a;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
    height: 30px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}
.gradient_button.view-details, .gradient_button.view-video {
    position: absolute;
    bottom: 10px;
    border-radius: 5px;
    height: 26px;
    line-height: 14px;
    padding-left: 9px;
    padding-right: 9px;
}

.flexslider {
    margin: 0;
}