@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,900,900italic,400italic,300italic,300&display=swap);
@font-face {
    font-family: 'mastertint';
    src: url("../fonts/mastertint.eot?-a4rxxp");
    src: url("../fonts/mastertint.eot?#iefix-a4rxxp") format("embedded-opentype"), url("../fonts/mastertint.woff?-a4rxxp") format("woff"), url("../fonts/mastertint.ttf?-a4rxxp") format("truetype"), url("../fonts/mastertint.svg?-a4rxxp#mastertint") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*="icon-"] {
    font-family: 'mastertint', serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-instagram:before {
    content: "\e607"
}

.icon-facebook:before {
    content: "\e608"
}

.icon-close:before {
    content: "\e604"
}

.icon-search:before {
    content: "\e600"
}

.icon-down:before {
    content: "\e601"
}

.icon-target:before {
    content: "\e605"
}

.icon-menu:before {
    content: "\e606"
}

.icon-star-open:before {
    content: "\e602"
}

.icon-star-close:before {
    content: "\e603"
}

.icon-tick:before {
    content: "\e609"
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display:block
}

audio, canvas, video {
    display: inline-block;
    * display:inline;
    zoom:1
}

audio:not([controls]) {
    display: none;
    height:0
}

[hidden] {
    display:none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust:100%
}

body {
    margin:0
}

a:focus {
    outline:thin dotted
}

a:active, a:hover {
    outline:0
}

h1 {
    margin:0.67em 0
}

h2 {
    margin:0.83em 0
}

h3 {
    margin:1em 0
}

h4 {
    margin:1.33em 0
}

h5 {
    font-size: 0.83em;
    margin:1.67em 0
}

h6 {
    font-size: 0.67em;
    margin:2.33em 0
}

abbr[title] {
    border-bottom:1px dotted
}

b, strong {
    font-weight:bold
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height:0
}

p {
    margin:1em 0
}

small {
    font-size:80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align:baseline
}

sup {
    top:-0.5em
}

sub {
    bottom:-0.25em
}

dl, menu, ol, ul {
    margin:1em 0
}

dd {
    margin:0 0 0 40px
}

ol, ul {
    padding:0 0 0 40px
}

nav ul, nav ol {
    list-style: none;
    list-style-image:none
}

img {
    border: 0;
    -ms-interpolation-mode:bicubic
}

svg:not(:root) {
    overflow:hidden
}

figure {
    margin:0
}

form {
    margin:0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding:0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
    * margin-left:-7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    * vertical-align:middle
}

button, input {
    line-height:normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    * overflow:visible
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    * height:13px;
    * width:13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding:0
}

textarea {
    overflow: auto;
    vertical-align:top
}

table {
    border-collapse: collapse;
    border-spacing:0
}

html {
    background-color: transparent;
    font-size: 16px;
    height: 100%;
    color:#000
}

body {
    height: 100%;
    margin-bottom: 100px;
    background-color:#fff
}

* {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing:antialiased !important
}

::selection {
    background-color: #eb212e;
    color:#fff
}

::-moz-selection {
    background-color: #eb212e;
    color:#fff
}

::-webkit-scrollbar {
    width: 7px;
    height:7px
}

::-webkit-scrollbar-track-piece {
    background-color:#e9e9e9
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color:#eb212e
}

a {
    color: #eb212e;
    text-decoration: none;
    font-weight:700
}

a:hover {
    text-decoration:underline
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    a[href^=tel] {
        color: #000;
        cursor:default
    }

    a[href^=tel]:hover {
        text-decoration:none
    }
}

@media \0screen {
    a[href^=tel] {
        color: #000;
        cursor:default
    }

    a[href^=tel]:hover {
        text-decoration: none
    }
}

.container {
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .container {
        width: 1200px;
        margin:0 auto
    }
}

@media \0screen {
    .container {
        width: 1200px;
        margin: 0 auto
    }
}

main {
    padding: 10px;
    margin-bottom: 45px;
    margin-top:45px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    main {
        padding:0
    }
}

@media \0screen {
    main {
        padding:0
    }
}

main h2 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 1;
    color: #eb212e;
    text-transform:uppercase
}

main h3 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color:#000
}

main p, main ul li {
    line-height: 1.5;
    font-size: 15px;
    color:#222222
}

.red-button {
    display: inline-block;
    * display:inline;
    zoom: 1;
    outline: none;
    border: none;
    background: #eb212e;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 10px 40px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

.red-button:hover {
    background:#ef505a
}

.tap-color, header nav .icon-menu, .tintselect .vehicle-types .vehicle-row .vehicle, .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing:antialiased !important
}

header {
    background: #fff url("../images/header-bg.jpg") repeat-x center top;
    height:118px
}

header .logo {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 40px 20px 0 20px;
    width: 185px;
    height:118px
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header .logo {
        display: inline-block;
        * display:inline;
        zoom: 1;
        padding-top: 35px;
        width:20%
    }
}

@media \0screen {
    header .logo {
        display: inline-block;
        * display:inline;
        zoom: 1;
        padding-top: 35px;
        width:20%
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    header .logo {
        display: inline-block;
        * display:inline;
        zoom: 1;
        vertical-align: top;
        padding: 28px 0 0 0;
        width:265px
    }
}

@media \0screen {
    header .logo {
        display: inline-block;
        * display:inline;
        zoom: 1;
        vertical-align: top;
        padding: 28px 0 0 0;
        width:265px
    }
}

header .logo a {
    display: block;
    vertical-align:middle
}

header .logo img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    header .logo img {
        width:217px
    }
}

@media \0screen {
    header .logo img {
        width:217px
    }
}

header nav {
    vertical-align:top
}

header nav .icon-menu {
    display: block;
    font-size: 32px;
    cursor: pointer;
    top: 40px;
    left: 20px;
    position:absolute
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header nav {
        display: inline-block;
        * display:inline;
        zoom: 1;
        height: 109px;
        width:80%
    }

    header nav .icon-menu {
        display:none
    }
}

@media \0screen {
    header nav {
        display: inline-block;
        * display:inline;
        zoom: 1;
        height: 109px;
        width:80%
    }

    header nav .icon-menu {
        display:none
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    header nav {
        width:935px
    }
}

@media \0screen {
    header nav {
        width:935px
    }
}

header nav ul.nav {
    background: rgba(255, 255, 255, 0.95);
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index:15
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header nav ul.nav {
        display: block !important;
        position: static;
        background: transparent;
        border-right: 1px solid #fff;
        border-left:1px solid #c1c1c1
    }
}

@media \0screen {
    header nav ul.nav {
        display: block !important;
        position: static;
        background: transparent;
        border-right: 1px solid #fff;
        border-left:1px solid #c1c1c1
    }
}

header nav ul.nav > li {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    border-top:1px solid #c1c1c1
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header nav ul.nav > li {
        position: static;
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 16.66667%;
        height: 109px;
        border-left: 1px solid #fff;
        border-right:1px solid #c1c1c1
    }
}

@media \0screen {
    header nav ul.nav > li {
        position: static;
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 16.66667%;
        height: 109px;
        border-left: 1px solid #fff;
        border-right:1px solid #c1c1c1
    }
}

header nav ul.nav > li .js-arrow-down {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 13px 0 0;
    cursor:pointer
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header nav ul.nav > li .js-arrow-down {
        display:none
    }
}

@media \0screen {
    header nav ul.nav > li .js-arrow-down {
        display:none
    }
}

@media only screen and (max-width: 639px) {
    header nav ul.nav > li.active ul {
        display: block !important;
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #c1c1c1;
        background:rgba(0, 0, 0, 0.1)
    }

    header nav ul.nav > li.active ul li {
        border-bottom:1px solid rgba(0, 0, 0, 0.2)
    }

    header nav ul.nav > li.active ul li:last-child {
        border-bottom:0
    }
}

header nav ul.nav > li:last-child {
    border-left:0
}

header nav ul.nav > li:last-child a {
    color: #fff;
    background: #eb212e center;
    -webkit-text-shadow: -1px -1px 0px #af0914;
    -moz-text-shadow: -1px -1px 0px #af0914;
    -ms-text-shadow: -1px -1px 0px #af0914;
    text-shadow:-1px -1px 0px #af0914
}

header nav ul.nav > li:last-child a:hover {
    background: #eb212e url("../images/menu-hover.png") no-repeat center center
}

header nav ul.nav > li a {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 900;
    font-style: italic;
    color: #363636;
    text-transform: uppercase;
    -webkit-text-shadow: -1px 1px 0px #fff;
    -moz-text-shadow: -1px 1px 0px #fff;
    -ms-text-shadow: -1px 1px 0px #fff;
    text-shadow: -1px 1px 0px #fff;
    width: 100%;
    padding: 15px 0;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header nav ul.nav > li a {
        padding: 46px 0 43px 0;
        height:109px
    }
}

@media \0screen {
    header nav ul.nav > li a {
        padding: 46px 0 43px 0;
        height:109px
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    header nav ul.nav > li a {
        font-size:15px
    }
}

@media \0screen {
    header nav ul.nav > li a {
        font-size:15px
    }
}

header nav ul.nav > li a:hover {
    text-decoration: none;
    background:rgba(54, 54, 54, 0.1)
}

header nav ul.nav ul {
    display:none
}

header nav ul.nav li.nav-path-selected ul {
    display:none
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    header nav ul.nav li.nav-path-selected ul {
        display: block;
        position: absolute;
        top: 118px;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        background: rgba(34, 34, 34, 0.9);
        height: 42px;
        text-align: center;
        z-index:5
    }

    .edit-mode header nav ul.nav li.nav-path-selected ul, .logged-in header nav ul.nav li.nav-path-selected ul {
        top:167px
    }

    header nav ul.nav li.nav-path-selected ul li {
        display: inline-block;
        * display:inline;
        zoom: 1;
        height:42px
    }

    header nav ul.nav li.nav-path-selected ul li.nav-selected a {
        color:#fff02a
    }

    header nav ul.nav li.nav-path-selected ul li a {
        padding: 12px 25px;
        height: 42px;
        color: #fff;
        -webkit-text-shadow: 0 0 0 rgba(255, 255, 255, 0);
        -moz-text-shadow: 0 0 0 rgba(255, 255, 255, 0);
        -ms-text-shadow: 0 0 0 rgba(255, 255, 255, 0);
        text-shadow:0 0 0 rgba(255, 255, 255, 0)
    }

    header nav ul.nav li.nav-path-selected ul li a:hover {
        color:#fff02a
    }
}

@media \0screen, screen\9, screen and (min-width: 640px) and(min-width: 1200px), print {
    header nav ul.nav li.nav-path-selected ul li a {
        padding:9px 25px
    }
}

@media \0screen {
    header nav ul.nav li.nav-path-selected ul li a {
        padding:9px 25px
    }
}

@media \0screen {
    header nav ul.nav li.nav-path-selected ul {
        display: block;
        position: absolute;
        top: 118px;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        background: rgba(34, 34, 34, 0.9);
        height: 42px;
        text-align: center;
        z-index:5
    }

    .edit-mode header nav ul.nav li.nav-path-selected ul, .logged-in header nav ul.nav li.nav-path-selected ul {
        top:167px
    }

    header nav ul.nav li.nav-path-selected ul li {
        display: inline-block;
        * display:inline;
        zoom: 1;
        height:42px
    }

    header nav ul.nav li.nav-path-selected ul li.nav-selected a {
        color:#fff02a
    }

    header nav ul.nav li.nav-path-selected ul li a {
        padding: 12px 25px;
        height: 42px;
        color: #fff;
        -webkit-text-shadow: 0 0 0 rgba(255, 255, 255, 0);
        -moz-text-shadow: 0 0 0 rgba(255, 255, 255, 0);
        -ms-text-shadow: 0 0 0 rgba(255, 255, 255, 0);
        text-shadow:0 0 0 rgba(255, 255, 255, 0)
    }

    header nav ul.nav li.nav-path-selected ul li a:hover {
        color:#fff02a
    }
}

@media \0screen {
    header nav ul.nav li.nav-path-selected ul li a {
        padding:9px 25px
    }
}

@media \0screen {
    header nav ul.nav li.nav-path-selected ul li a {
        padding: 9px 25px
    }
}

footer .footer-nav {
    background: #1e1e1e;
    padding:80px 0
}

footer .footer-nav .ccm-block, footer .footer-nav .block {
    display: none;
    vertical-align: top;
    padding:0 40px
}

@media only screen and (max-width: 639px) {
    footer .footer-nav .ccm-block:nth-last-child(2), footer .footer-nav .ccm-block:last-child, footer .footer-nav .block:nth-last-child(2), footer .footer-nav .block:last-child {
        display: block;
        width:100%
    }

    footer .footer-nav .ccm-block:last-child, footer .footer-nav .block:last-child {
        padding-top:50px
    }
}

@media only screen and (min-width: 640px) and(max-width: 1199px) {
    footer .footer-nav .ccm-block:nth-last-child(2), footer .footer-nav .ccm-block:last-child, footer .footer-nav .block:nth-last-child(2), footer .footer-nav .block:last-child {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:50%
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    footer .footer-nav .ccm-block, footer .footer-nav .block {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:20%
    }
}

@media \0screen {
    footer .footer-nav .ccm-block, footer .footer-nav .block {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:20%
    }
}

footer .footer-nav .ccm-block h4, footer .footer-nav .block h4 {
    padding: 0;
    margin: 0 0 15px 0;
    color: #eb212e;
    font-size:12px
}

footer .footer-nav .ccm-block ul, footer .footer-nav .block ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top:1px solid #444444
}

footer .footer-nav .ccm-block ul li, footer .footer-nav .block ul li {
    padding:0
}

footer .footer-nav .ccm-block ul li a, footer .footer-nav .block ul li a {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #444444;
    padding: 8px 0;
    width: 100%;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

footer .footer-nav .ccm-block ul li a:hover, footer .footer-nav .block ul li a:hover {
    text-decoration: none;
    background:rgba(255, 255, 255, 0.04)
}

footer .bottom-bit {
    background: url("../images/footer-bg.jpg") repeat-x center top;
    height: 100px;
    padding-top:30px
}

footer .bottom-bit .logo {
    display: block;
    text-align: center;
    vertical-align:top
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    footer .bottom-bit .logo {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 50%;
        text-align:left
    }
}

@media \0screen {
    footer .bottom-bit .logo {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 50%;
        text-align:left
    }
}

footer .bottom-bit .caption {
    display:none
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    footer .bottom-bit .caption {
        display: inline-block;
        * display:inline;
        zoom: 1;
        vertical-align: top;
        width: 50%;
        text-align: right;
        text-transform: uppercase;
        font-size: 24px;
        font-style: italic;
        font-weight: 700;
        color: #939393;
        -webkit-text-shadow: 1px 1px 0px #fff;
        -moz-text-shadow: 1px 1px 0px #fff;
        -ms-text-shadow: 1px 1px 0px #fff;
        text-shadow:1px 1px 0px #fff
    }
}

@media \0screen {
    footer .bottom-bit .caption {
        display: inline-block;
        * display:inline;
        zoom: 1;
        vertical-align: top;
        width: 50%;
        text-align: right;
        text-transform: uppercase;
        font-size: 24px;
        font-style: italic;
        font-weight: 700;
        color: #939393;
        -webkit-text-shadow: 1px 1px 0px #fff;
        -moz-text-shadow: 1px 1px 0px #fff;
        -ms-text-shadow: 1px 1px 0px #fff;
        text-shadow: 1px 1px 0px #fff
    }
}

.bar-blocks {
    border: 2px solid #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    overflow:hidden
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .bar-blocks {
        border:2px solid #fff
    }
}

@media \0screen {
    .bar-blocks {
        border:2px solid #fff
    }
}

.bar-blocks .ccm-block, .bar-blocks .ccm-add-block, .bar-blocks .ccm-global-area {
    display: inline-block;
    * display:inline;
    zoom: 1;
    vertical-align:top
}

.bar-blocks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height:1
}

.bar-blocks ul li {
    display: inline-block;
    * display:inline;
    zoom: 1;
    vertical-align: top;
    font-size: 0;
    line-height: 1;
    white-space: normal;
    overflow: hidden;
    width: 100%;
    height:300px
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .bar-blocks ul li {
        width:50%
    }
}

@media \0screen {
    .bar-blocks ul li {
        width:50%
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .bar-blocks ul li {
        width:20%
    }
}

@media \0screen {
    .bar-blocks ul li {
        width:20%
    }
}

.bar-blocks ul li:first-child .bar-block {
    border-left:none
}

.bar-blocks ul li:last-child .bar-block {
    border-right:none
}

.bar-blocks .bar-block {
    display: block;
    position: relative;
    overflow: hidden;
    white-space: normal;
    height: 300px;
    background-image: url("../images/bar-block-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border:2px solid #fff
}

.bar-blocks .bar-block.has-image .upper {
    color:#fff
}

.bar-blocks .bar-block a {
    display: block;
    color: #000;
    overflow: hidden;
    width: 100%;
    height:100%
}

.bar-blocks .bar-block a:hover {
    text-decoration:none
}

.bar-blocks .bar-block:hover .pull-up {
    bottom:0
}

.bar-blocks .bar-block .upper {
    padding: 40px;
    text-transform: uppercase;
    position: relative;
    z-index:2
}

.bar-blocks .bar-block .upper h3 {
    padding: 0;
    margin: 0;
    font-size: 35px;
    font-weight: 900;
    line-height:0.8
}

.bar-blocks .bar-block .upper .caption {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    margin-top:45px
}

.bar-blocks .bar-block .pull-up {
    position: absolute;
    bottom: -150px;
    background: #fff;
    width: 100%;
    z-index: 5;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

.bar-blocks .bar-block .pull-up h4 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    text-transform: uppercase;
    height:60px
}

.bar-blocks .bar-block .pull-up .text {
    background: #fff;
    height: 150px;
    padding: 20px;
    font-size: 14px;
    font-weight:400
}

.title-bar {
    height: 145px;
    background: #000;
    position: relative;
    overflow:hidden
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .title-bar {
        height:195px
    }
}

@media \0screen {
    .title-bar {
        height:195px
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .title-bar {
        height:284px
    }
}

@media \0screen {
    .title-bar {
        height:284px
    }
}

.title-bar .bg-image {
    position: absolute;
    margin-left: -50%;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .title-bar .bg-image {
        margin-left:auto
    }
}

@media \0screen {
    .title-bar .bg-image {
        margin-left:auto
    }
}

.title-bar .title-inner {
    padding: 53px 0;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .title-bar .title-inner {
        padding:80px 0
    }
}

@media \0screen {
    .title-bar .title-inner {
        padding:80px 0
    }
}

.title-bar .title-inner h1, .title-bar .title-inner h2 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .title-bar .title-inner h1, .title-bar .title-inner h2 {
        font-size:45px
    }
}

@media \0screen {
    .title-bar .title-inner h1, .title-bar .title-inner h2 {
        font-size:45px
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .title-bar .title-inner h1, .title-bar .title-inner h2 {
        font-size: 90px;
        text-align:left
    }
}

@media \0screen {
    .title-bar .title-inner h1, .title-bar .title-inner h2 {
        font-size: 90px;
        text-align: left
    }
}

.mastertintmap .location-tabs-wrap {
    display: none;
    border-bottom:1px solid #e9e9e9
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .mastertintmap .location-tabs-wrap {
        display:block
    }
}

@media \0screen {
    .mastertintmap .location-tabs-wrap {
        display:block
    }
}

.mastertintmap .location-tabs-wrap ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align:center
}

.mastertintmap .location-tabs-wrap ul li {
    display: inline-block;
    * display:inline;
    zoom: 1;
    border-left:1px solid #e9e9e9
}

.mastertintmap .location-tabs-wrap ul li:last-child {
    border-right:1px solid #e9e9e9
}

.mastertintmap .location-tabs-wrap ul li a {
    display: block;
    padding: 18px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: background-color 0.1s linear 0s;
    -moz-transition: background-color 0.1s linear 0s;
    -ms-transition: background-color 0.1s linear 0s;
    transition:background-color 0.1s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .mastertintmap .location-tabs-wrap ul li a {
        font-size: 16px;
        padding:25px 45px
    }
}

@media \0screen {
    .mastertintmap .location-tabs-wrap ul li a {
        font-size: 16px;
        padding:25px 45px
    }
}

.mastertintmap .location-tabs-wrap ul li a:hover {
    background-color: #e9e9e9;
    text-decoration:none
}

.mastertintmap .map-area .locations-list {
    height:100%
}

.mastertintmap .map-area .locations-list .locations-list-inner {
    position:relative
}

.mastertintmap .map-area .locations-list .locations-inner {
    position: relative;
    display: inline-block;
    * display:inline;
    zoom: 1;
    vertical-align: top;
    width: 100%;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .mastertintmap .map-area .locations-list .locations-inner {
        width:50%
    }
}

@media \0screen {
    .mastertintmap .map-area .locations-list .locations-inner {
        width:50%
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .mastertintmap .map-area .locations-list .locations-inner {
        width:25%
    }
}

@media \0screen {
    .mastertintmap .map-area .locations-list .locations-inner {
        width:25%
    }
}

.mastertintmap .map-area .locations-list .locations-inner:last-child {
    border-right:1px solid #e9e9e9
}

.mastertintmap .map-area .locations-list .locations-inner .location-block {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 50px 60px;
    text-align:left
}

.mastertintmap .map-area .locations-list .locations-inner .times {
    display: inline-block;
    * display:inline;
    zoom: 1;
    text-align: right;
    background: #fafafa;
    border-top: 1px solid #e9e9e9;
    width:100%
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont {
    display: block;
    text-align: left;
    width: 100%;
    padding: 50px 60px;
    position:relative
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont.active {
    display: inline-block;
    * display:inline;
    zoom:1
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont h5 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-transform:uppercase
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont:after {
    position: absolute;
    top: -1px;
    left: 55px;
    display: inline-block;
    * display:inline;
    zoom: 1;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    content: ''
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont:before {
    position: absolute;
    top: 0px;
    left: 55px;
    display: inline-block;
    * display:inline;
    zoom: 1;
    border-right: 20px solid transparent;
    border-top: 20px solid #e9e9e9;
    border-left: 20px solid transparent;
    content: ''
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont .hours {
    padding-top:25px
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont .hours .day {
    text-transform: uppercase;
    font-size: 11px;
    color: #525252;
    font-weight: 900;
    padding:2px 0
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont .hours .day .label {
    display: inline-block;
    * display:inline;
    zoom: 1;
    width:100px
}

.mastertintmap .map-area .locations-list .locations-inner .times .times-cont .hours .day .closed {
    color:#eb212e
}

.mastertintmap .map-area .google-map {
    height:250px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .mastertintmap .map-area .google-map {
        height:400px
    }
}

@media \0screen {
    .mastertintmap .map-area .google-map {
        height:400px
    }
}

.mastertintmap .map-area .google-map .gm-style-iw {
    overflow:hidden !important
}

.mastertintmap .map-area .google-map .gm-style-iw .location-block {
    display: block;
    width:100%
}

.mastertintmap .map-area .google-map #map-canvas {
    height:100%
}

.location-block {
    display: block;
    width: 50%;
    padding:18px 18px 18px 0
}

.location-block h4 {
    padding: 0;
    margin: 0 0 0 0;
    font-size: 22px;
    font-weight: 900;
    text-transform:uppercase
}

.location-block p {
    padding: 0;
    margin: 5px 0;
    font-size: 11px;
    color: #525252;
    font-size:700
}

.location-block p.directions a {
    color:#000
}

.location-block p.directions a:hover {
    color:#333
}

.location-block p.directions .icon-target {
    color: #000;
    font-size: 15px;
    padding: 0 5px 0 0;
    vertical-align:middle
}

.location-block p a {
    color: #eb212e;
    text-decoration:underline
}

.location-block p a:hover {
    color:#ef505a
}

.locations-cont {
    display:none
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .locations-cont {
        display: block;
        background: url("../images/footer-repeat.png") repeat center top;
        height: 654px;
        position:relative
    }

    .locations-cont .left-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 50%;
        bottom: 0;
        background:#c2c2c2
    }

    .locations-cont .map {
        position: relative;
        z-index:1
    }

    .locations-cont .inner-bit {
        position:relative
    }

    .locations-cont .inner-bit .locations-wrap {
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 2;
        width:50%
    }

    .locations-cont .inner-bit .locations-wrap h2 {
        padding: 0;
        margin: 0 0 20px 0;
        font-size: 42px;
        font-weight: 900;
        text-transform: uppercase;
        width: 340px;
        line-height:0.8
    }

    .locations-cont .inner-bit .locations-wrap .locations {
        font-size:16px
    }

    .locations-cont .inner-bit .locations-wrap .locations .location-block, .locations-cont .inner-bit .locations-wrap .locations .ccm-block {
        display: inline-block;
        * display:inline;
        zoom: 1;
        vertical-align:top
    }
}

@media \0screen {
    .locations-cont {
        display: block;
        background: url("../images/footer-repeat.png") repeat center top;
        height: 654px;
        position:relative
    }

    .locations-cont .left-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 50%;
        bottom: 0;
        background:#c2c2c2
    }

    .locations-cont .map {
        position: relative;
        z-index:1
    }

    .locations-cont .inner-bit {
        position:relative
    }

    .locations-cont .inner-bit .locations-wrap {
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 2;
        width:50%
    }

    .locations-cont .inner-bit .locations-wrap h2 {
        padding: 0;
        margin: 0 0 20px 0;
        font-size: 42px;
        font-weight: 900;
        text-transform: uppercase;
        width: 340px;
        line-height:0.8
    }

    .locations-cont .inner-bit .locations-wrap .locations {
        font-size:16px
    }

    .locations-cont .inner-bit .locations-wrap .locations .location-block, .locations-cont .inner-bit .locations-wrap .locations .ccm-block {
        display: inline-block;
        * display:inline;
        zoom: 1;
        vertical-align:top
    }
}

.ui-helper-hidden {
    display:none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width:1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style:none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse:collapse
}

.ui-helper-clearfix:after {
    clear:both
}

.ui-helper-clearfix {
    min-height:0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0)
}

.ui-front {
    z-index:100
}

.ui-state-disabled {
    cursor:default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat:no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.ui-resizable {
    position:relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display:block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display:none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left:0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left:0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height:100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height:100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom:1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom:-5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top:-5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top:-5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border:1px dotted black
}

.ui-slider {
    position: relative;
    text-align:left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor:default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position:0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter:inherit
}

.ui-slider-horizontal {
    height:.8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left:-.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height:100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left:0
}

.ui-slider-horizontal .ui-slider-range-max {
    right:0
}

.ui-slider-vertical {
    width: .8em;
    height:100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom:-.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width:100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom:0
}

.ui-slider-vertical .ui-slider-range-max {
    top:0
}

.tintselect .quote-sent {
    padding: 35px;
    text-align: center;
    font-size:16px
}

.tintselect .quote-sent.green {
    color: #fff;
    background:#29c23b
}

.tintselect .quote-sent.red {
    color: #000;
    background:#c22929
}

.tintselect .title {
    background: #000;
    padding: 35px;
    border-bottom: 4px solid #b5b5b6;
    text-align:center
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .tintselect .title {
        text-align:left
    }
}

@media \0screen {
    .tintselect .title {
        text-align:left
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .title {
        padding:35px 0
    }
}

@media \0screen {
    .tintselect .title {
        padding:35px 0
    }
}

.tintselect .title h2 {
    padding: 0;
    margin: 0;
    font-size: 35px;
    font-style: italic;
    font-weight: 900;
    color: #fff;
    text-transform:uppercase
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .tintselect .title h2 {
        font-size:25px
    }
}

@media \0screen {
    .tintselect .title h2 {
        font-size:25px
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .title h2 {
        font-size:35px
    }
}

@media \0screen {
    .tintselect .title h2 {
        font-size:35px
    }
}

.tintselect .title h2 .not-as-bold {
    display: block;
    font-weight: 400;
    font-size:20px
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .tintselect .title h2 .not-as-bold {
        display: inline-block;
        * display:inline;
        zoom: 1;
        font-size:inherit
    }
}

@media \0screen {
    .tintselect .title h2 .not-as-bold {
        display: inline-block;
        * display:inline;
        zoom: 1;
        font-size:inherit
    }
}

.tintselect .title h2 .not-as-bold .dash {
    display:none
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .tintselect .title h2 .not-as-bold .dash {
        display: inline-block;
        * display:inline;
        zoom: 1;
        padding:0 15px
    }
}

@media \0screen {
    .tintselect .title h2 .not-as-bold .dash {
        display: inline-block;
        * display:inline;
        zoom: 1;
        padding:0 15px
    }
}

.tintselect .vehicle-types {
    position:relative
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .vehicle-types {
        position:static
    }
}

@media \0screen {
    .tintselect .vehicle-types {
        position:static
    }
}

.tintselect .vehicle-types .vehicle-row {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0;
    background:#f2f2f2
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .vehicle-types .vehicle-row {
        border-bottom: 1px solid #d2d2d2;
        border-top:1px solid #fdfdfd
    }
}

@media \0screen {
    .tintselect .vehicle-types .vehicle-row {
        border-bottom: 1px solid #d2d2d2;
        border-top:1px solid #fdfdfd
    }
}

.tintselect .vehicle-types .vehicle-row .vehicle {
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #fdfdfd;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #fdfdfd;
    background: url("../images/tint-selector/back.jpg") no-repeat center right;
    padding: 50px;
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    transition:opacity 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .vehicle-types .vehicle-row .vehicle {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 400px;
        height: 400px;
        padding: 110px 0 0 0;
        border-bottom: none;
        border-top:none
    }
}

@media \0screen {
    .tintselect .vehicle-types .vehicle-row .vehicle {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 400px;
        height: 400px;
        padding: 110px 0 0 0;
        border-bottom: none;
        border-top:none
    }
}

.tintselect .vehicle-types .vehicle-row .vehicle:hover {
    opacity:0.5
}

.tintselect .vehicle-types .vehicle-row .vehicle h4 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #666;
    -webkit-text-shadow: -1px 1px 0px #fff;
    -moz-text-shadow: -1px 1px 0px #fff;
    -ms-text-shadow: -1px 1px 0px #fff;
    text-shadow:-1px 1px 0px #fff
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon {
    display: inline-block;
    * display:inline;
    zoom: 1;
    background-image: url("../images/tint-selector/icons.png");
    background-size: cover;
    margin-bottom: 20px;
    width: 143px;
    height:61px
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.two-door-coupe {
    background-position:0 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.four-door-sedan {
    background-position:-150px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.five-door-hatch {
    background-position:-300px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.wagon {
    background-position:-450px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.suv {
    background-position:-600px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.minivan {
    background-position:-750px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.single-cab-ute {
    background-position:-900px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.extra-cab-ute {
    background-position:-1050px 0
}

.tintselect .vehicle-types .vehicle-row .vehicle .icon.four-door-ute {
    background-position:-1200px 0
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .vehicle-types .vehicle-row .vehicle .icon {
        height: 105px;
        width:256px
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.two-door-coupe {
        background-position:0 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.four-door-sedan {
        background-position:-256px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.five-door-hatch {
        background-position:-512px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.wagon {
        background-position:-768px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.suv {
        background-position:-1024px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.minivan {
        background-position:-1280px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.single-cab-ute {
        background-position:-1536px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.extra-cab-ute {
        background-position:-1792px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.four-door-ute {
        background-position:-2048px 0
    }
}

@media \0screen {
    .tintselect .vehicle-types .vehicle-row .vehicle .icon {
        height: 105px;
        width:256px
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.two-door-coupe {
        background-position:0 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.four-door-sedan {
        background-position:-256px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.five-door-hatch {
        background-position:-512px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.wagon {
        background-position:-768px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.suv {
        background-position:-1024px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.minivan {
        background-position:-1280px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.single-cab-ute {
        background-position:-1536px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.extra-cab-ute {
        background-position:-1792px 0
    }

    .tintselect .vehicle-types .vehicle-row .vehicle .icon.four-door-ute {
        background-position:-2048px 0
    }
}

.tintselect .vehicle-types .vehicle-row .vehicle.active {
    background:#fff
}

.tintselect .vehicle-types .vehicle-row .vehicle.active .icon {
    background-image: url("../images/tint-selector/icons-hover.png")
}

.tintselect .car-drop {
    display: none;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
    padding-bottom:0
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop {
        padding-bottom:45px
    }
}

@media \0screen {
    .tintselect .car-drop {
        padding-bottom:45px
    }
}

.tintselect .car-drop.active {
    display:block
}
/*.tintselect .car-drop .tint-level{display:none}*/

.tintselect .car-drop .layers {
    position: relative;
    width:100%
}

.tintselect .car-drop .layers .layer {
    display:block
}

.tintselect .car-drop .layers .layer.tinted {
    position: absolute;
    top: 0;
    left: 0;
    display:none
}

.tintselect .car-drop .layers .layer img {
    width: 100% !important;
}

.tintselect .car-drop .windows {
    display: block;
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows {
        width: 800px;
        margin:0 auto
    }
}

@media \0screen {
    .tintselect .car-drop .windows {
        width: 800px;
        margin:0 auto
    }
}

.tintselect .car-drop .windows .slider-cont .labels {
    font-size: 20px;
    font-weight: 900;
    text-transform:uppercase
}

.tintselect .car-drop .windows .slider-cont .labels .main {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 18px;
    padding:10px
}

.tintselect .car-drop .windows .slider-cont .labels .main .colon {
    display:none
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .slider-cont .labels .main {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 191px;
        text-align:right
    }

    .tintselect .car-drop .windows .slider-cont .labels .main .colon {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen {
    .tintselect .car-drop .windows .slider-cont .labels .main {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 191px;
        text-align:right
    }

    .tintselect .car-drop .windows .slider-cont .labels .main .colon {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

.tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels {
    display: block;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #fdfdfd;
    border-right: 1px solid #d2d2d2;
    border-left:1px solid #fdfdfd
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels {
        display: inline-block;
        * display:inline;
        zoom: 1;
        border:none
    }
}

@media \0screen {
    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels {
        display: inline-block;
        * display:inline;
        zoom: 1;
        border:none
    }
}

.tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label {
    display: inline-block;
    * display:inline;
    zoom: 1;
    padding: 15px;
    width: 50%;
    text-align: center;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    background: #e9e9e9;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #fdfdfd;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #fdfdfd;
    outline: 0;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

.tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:hover, .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label.active {
    color: #fff;
    background:#909090
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label {
        width: 152px;
        text-align: left;
        padding: 0;
        background: none;
        border:none
    }

    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:nth-child(2) {
        text-align:center
    }

    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:nth-child(3), .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:nth-child(4) {
        text-align:right
    }

    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:hover, .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label.active {
        background: none;
        color:inherit
    }
}

@media \0screen {
    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label {
        width: 152px;
        text-align: left;
        padding: 0;
        background: none;
        border:none
    }

    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:nth-child(2) {
        text-align:center
    }

    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:nth-child(3), .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:nth-child(4) {
        text-align:right
    }

    .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label:hover, .tintselect .car-drop .windows .slider-cont .labels .tint-levels-labels .tint-level-label.active {
        background: none;
        color:inherit
    }
}

.tintselect .car-drop .windows .slider-cont .ui-slider {
    display: none;
    width: 600px;
    height: 12px;
    margin: 40px 0 40px 191px;
    background: #ededed;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius:5px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .slider-cont .ui-slider {
        display:block
    }
}

@media \0screen {
    .tintselect .car-drop .windows .slider-cont .ui-slider {
        display:block
    }
}

.tintselect .car-drop .windows .slider-cont .ui-slider .ui-slider-handle {
    outline: none;
    cursor: pointer;
    top: -13px;
    margin-left: -20px;
    background: url("../images/tint-selector/slider-handle.png");
    height: 36px;
    width: 36px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

.tintselect .car-drop .windows .quote-area {
    display: block;
    width: 100%;
    padding:10px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .quote-area {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen {
    .tintselect .car-drop .windows .quote-area {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

.tintselect .car-drop .windows .quote-area p {
    display: inline-block;
    * display:inline;
    zoom: 1;
    font-size: 12px;
    margin: 0;
    padding:0
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .quote-area p {
        width:596px
    }
}

@media \0screen {
    .tintselect .car-drop .windows .quote-area p {
        width:596px
    }
}

.tintselect .car-drop .windows .quote-area button {
    display: block;
    width: 100%;
    margin-top:25px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .windows .quote-area button {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: auto;
        margin-top:0
    }
}

@media \0screen {
    .tintselect .car-drop .windows .quote-area button {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: auto;
        margin-top:0
    }
}

.tintselect .car-drop .form {
    display: none;
    color:#363636
}

.tintselect .car-drop .form form {
    padding: 15px;
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .form form {
        padding:0
    }
}

@media \0screen {
    .tintselect .car-drop .form form {
        padding:0
    }
}

.tintselect .car-drop .form form fieldset {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    border:1px solid #e9e9e9
}

.tintselect .car-drop .form form fieldset legend {
    padding:15px
}

.tintselect .car-drop .form form fieldset .input-area {
    display: inline-block;
    * display:inline;
    zoom: 1;
    width: 100%;
    padding: 10px;
    vertical-align:top
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .form form fieldset .input-area {
        width:25%
    }

    .tintselect .car-drop .form form fieldset .input-area.medium.left {
        width:25%
    }

    .tintselect .car-drop .form form fieldset .input-area.medium.right {
        width:50%
    }
}

@media \0screen {
    .tintselect .car-drop .form form fieldset .input-area {
        width:25%
    }

    .tintselect .car-drop .form form fieldset .input-area.medium.left {
        width:25%
    }

    .tintselect .car-drop .form form fieldset .input-area.medium.right {
        width:50%
    }
}

.tintselect .car-drop .form form fieldset .input-area label {
    display: block;
    padding: 10px 15px 10px 0
}

.tintselect .car-drop .form form fieldset .input-area input[type="radio"] {
    margin-left: 10px;
    margin-right: 5px
}

.tintselect .car-drop .form form fieldset .input-area input[type="text"], .tintselect .car-drop .form form fieldset .input-area select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border:1px solid #e9e9e9
}

.tintselect .car-drop .form form fieldset .input-area textarea {
    width: 100%;
    height: 150px;
    resize: none
}

.tintselect .car-drop .form form fieldset .input-area.input-has-error input[type="text"], .tintselect .car-drop .form form fieldset .input-area.input-has-error select, .tintselect .car-drop .form form fieldset .input-area.input-has-error textarea {
    background:#fef4f4
}

.tintselect .car-drop .form form fieldset .input-area.input-has-error .input-error {
    padding-top: 2px;
    font-size:10px
}

.tintselect .car-drop .form form .submit-panel {
    text-align:center
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .form form .submit-panel {
        text-align:right
    }
}

@media \0screen {
    .tintselect .car-drop .form form .submit-panel {
        text-align:right
    }
}

.tintselect .car-drop .form form .submit-panel .dash {
    padding: 10px 0;
    font-size:11px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .form form .submit-panel .dash {
        display:none
    }
}

@media \0screen {
    .tintselect .car-drop .form form .submit-panel .dash {
        display: none
    }
}

.tintselect .car-drop .form form .submit-panel input[type="submit"] {
    display: block;
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .form form .submit-panel input[type="submit"] {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:auto
    }
}

@media \0screen {
    .tintselect .car-drop .form form .submit-panel input[type="submit"] {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:auto
    }
}

.tintselect .car-drop .form form .submit-panel .cancel {
    display: inline-block;
    * display:inline;
    zoom: 1;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px solid #eb212e;
    vertical-align:top
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .tintselect .car-drop .form form .submit-panel .cancel {
        margin-left: 10px;
        margin-top:15px
    }
}

@media \0screen {
    .tintselect .car-drop .form form .submit-panel .cancel {
        margin-left: 10px;
        margin-top: 15px
    }
}

.alarms-accordion-item {
    background: #f2f2f2;
    border-top: 1px solid #b5b5b5;
    cursor: pointer;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

.alarms-accordion-item:hover, .alarms-accordion-item.active {
    background:#d1d1d1
}

.alarms-accordion-item:hover .title-area *, .alarms-accordion-item.active .title-area * {
    color:#000 !important
}

.alarms-accordion-item:hover .title-area .handle, .alarms-accordion-item.active .title-area .handle {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform:rotate(135deg)
}

.alarms-accordion-item .title-area {
    padding:30px 0
}

.alarms-accordion-item .title-area .handle {
    display: none;
    color: #a6a6a6;
    font-size: 35px;
    vertical-align: top;
    margin-right: 35px;
    margin-left: 35px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .alarms-accordion-item .title-area .handle {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen {
    .alarms-accordion-item .title-area .handle {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .alarms-accordion-item .title-area .handle {
        margin-left:0
    }
}

@media \0screen {
    .alarms-accordion-item .title-area .handle {
        margin-left:0
    }
}

.alarms-accordion-item .title-area .title {
    display: block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    -webkit-text-shadow: 1px 1px 0px #fff;
    -moz-text-shadow: 1px 1px 0px #fff;
    -ms-text-shadow: 1px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .alarms-accordion-item .title-area .title {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen {
    .alarms-accordion-item .title-area .title {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

.alarms-accordion-item .title-area .title h3 {
    display: block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    font-size: 30px;
    color: #222222;
    line-height: 1;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .alarms-accordion-item .title-area .title h3 {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 330px;
        text-align: left;
        padding-right:75px
    }
}

@media \0screen {
    .alarms-accordion-item .title-area .title h3 {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 330px;
        text-align: left;
        padding-right:75px
    }
}

.alarms-accordion-item .title-area .title .sub-title {
    display: none;
    vertical-align: top;
    color: #555555;
    font-size: 20px;
    line-height: 1;
    padding-top: 5px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .alarms-accordion-item .title-area .title .sub-title {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen {
    .alarms-accordion-item .title-area .title .sub-title {
        display: inline-block;
        * display:inline;
        zoom: 1
    }
}

.alarms-accordion-body {
    display: none;
    border-top:1px solid #b5b5b5
}

.alarms-accordion-body .star-rating {
    background: #404040;
    padding: 15px 0;
    border-bottom: 1px solid #b5b5b5;
    text-align:center
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .alarms-accordion-body .star-rating {
        text-align:left
    }
}

@media \0screen {
    .alarms-accordion-body .star-rating {
        text-align:left
    }
}

.alarms-accordion-body .star-rating .star-cont {
    display: inline-block;
    * display:inline;
    zoom:1
}

.alarms-accordion-body .star-rating .star-cont .stars {
    color: #fff02a;
    font-size: 25px;
    vertical-align: top;
    padding-right:5px
}

.alarms-accordion-body .star-rating .star-rating-label {
    display: inline-block;
    * display:inline;
    zoom: 1;
    vertical-align: top;
    margin-left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size:20px
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .alarms-accordion-body .star-rating .star-rating-label {
        margin-left:25px
    }
}

@media \0screen {
    .alarms-accordion-body .star-rating .star-rating-label {
        margin-left:25px
    }
}

.alarms-accordion-body .content-area {
    padding: 35px 10px;
    color:#222222
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .alarms-accordion-body .content-area {
        padding:35px 0
    }
}

@media \0screen {
    .alarms-accordion-body .content-area {
        padding:35px 0
    }
}

.alarms-accordion-body .content-area p {
    line-height:1.5
}

.pt-homepage .banner {
    width: 100%;
    position: relative;
    display: block;
    overflow:hidden
}

.pt-homepage .banner ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    font-size: 0;
    line-height: 1;
    width:100%
}

.edit-mode .pt-homepage .banner ul {
    position:static
}

.pt-homepage .banner ul li {
    display: block;
    width: 100%;
    font-size: 0;
    line-height:1
}

.pt-homepage .banner ul li img {
    width: 100%;
    height: auto;
    font-size: 0;
    line-height:1
}

.pt-homepage .banner .pagination {
    display: none;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align:center
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .pt-homepage .banner .pagination {
        display:block
    }
}

@media \0screen {
    .pt-homepage .banner .pagination {
        display:block
    }
}

.pt-homepage .banner .pagination .dot {
    display: inline-block;
    * display:inline;
    zoom: 1;
    height: 14px;
    width: 14px;
    margin: 0 4px;
    cursor: pointer;
    background: url("../images/slider-button.png") no-repeat center center
}

.pt-homepage .banner .pagination .dot.active {
    background: url("../images/slider-button-active.png") no-repeat center center
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area {
        position: relative;
        height:100%
    }
}

.blog-area .blog-sidebar {
    padding-top: 50px;
    margin-top:25px
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        right: 62.08333%;
        bottom: 0;
        overflow: hidden;
        padding: 0;
        margin:0
    }
}

.blog-area .blog-sidebar .sidebar-item {
    display: block;
    width: 100%;
    padding:20px
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-sidebar .sidebar-item {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
        padding:0
    }
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner {
    display: block;
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-sidebar .sidebar-item .sidebar-item-inner {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width: 370px;
        padding: 30px 30px 30px 0;
        text-align:left
    }
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner h3 {
    padding: 0;
    margin: 0;
    font-size: 22px;
    font-weight: 900;
    text-transform:uppercase
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form {
    position: relative;
    width: 100%;
    height:65px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form.smaller {
    height:45px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form.smaller .input-wrap {
    right:55px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form.smaller .input-wrap input {
    padding: 12px 10px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form.smaller button[type="submit"] {
    width:55px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form .input-wrap {
    position: absolute;
    right: 75px;
    left:0px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form .input-wrap input {
    width: 100%;
    border: none;
    outline: 0;
    padding: 22px 10px;
    height: 100%;
    text-transform: uppercase;
    font-weight: 900
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form button[type="submit"] {
    position: absolute;
    right: 0;
    width: 75px;
    height: 100%;
    border: none;
    outline: 0;
    background: #eb212e;
    color: #fff;
    font-size: 24px
}

.blog-area .blog-sidebar .sidebar-item .sidebar-item-inner form button[type="submit"].black {
    background:#000
}

.blog-area .blog-sidebar .sidebar-item.search, .blog-area .blog-sidebar .sidebar-item.newsletter {
    background:#e9e9e9
}

.blog-area .blog-sidebar .sidebar-item.follow-us {
    background: #000;
    color:#fff
}

.blog-area .blog-sidebar .sidebar-item.follow-us ul {
    padding: 0;
    margin: 20px 0 0 0;
    list-style:none
}

.blog-area .blog-sidebar .sidebar-item.follow-us ul li {
    display: inline-block;
    * display:inline;
    zoom:1
}

.blog-area .blog-sidebar .sidebar-item.follow-us ul li a {
    display: inline-block;
    * display:inline;
    zoom: 1;
    color: #fff;
    font-size: 15px;
    vertical-align: top;
    line-height: 35px;
    margin-right: 20px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .blog-area .blog-sidebar .sidebar-item.follow-us ul li a {
        line-height:45px
    }
}

@media \0screen {
    .blog-area .blog-sidebar .sidebar-item.follow-us ul li a {
        line-height:45px
    }
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-sidebar .sidebar-item.follow-us ul li a {
        margin-right:45px
    }
}

.blog-area .blog-sidebar .sidebar-item.follow-us ul li a:hover {
    text-decoration:none
}

.blog-area .blog-sidebar .sidebar-item.follow-us ul li a:hover .icon {
    color:#eb212e
}

.blog-area .blog-sidebar .sidebar-item.follow-us ul li a .icon {
    font-size: 35px;
    vertical-align: top;
    margin-right: 10px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .blog-area .blog-sidebar .sidebar-item.follow-us ul li a .icon {
        font-size:45px
    }
}

@media \0screen {
    .blog-area .blog-sidebar .sidebar-item.follow-us ul li a .icon {
        font-size:45px
    }
}

.blog-area .blog-list {
    text-align: left;
    background: #464646;
    padding:10px
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-list {
        position: absolute;
        top: 0;
        right: 0;
        left: 37.91667%;
        bottom: 0;
        height: 100%;
        padding: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling:touch
    }
}

.blog-area .blog-list .blog-list-inner {
    display: block;
    width: 100%;
    text-align:right
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-list .blog-list-inner {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:850px
    }
}

.blog-area .blog-list .blog-list-inner .blog-post {
    margin-top: 10px;
    display:block
}

.blog-area .blog-list .blog-list-inner .blog-post:first-child {
    margin-top:0
}

.blog-area .blog-list .blog-list-inner .blog-post .date {
    display: none;
    vertical-align: top;
    padding: 26px;
    margin-top: 20px;
    background: #eb212e;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    width:20%
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .blog-area .blog-list .blog-list-inner .blog-post .date {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen {
    .blog-area .blog-list .blog-list-inner .blog-post .date {
        display: inline-block;
        * display:inline;
        zoom:1
    }
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-list .blog-list-inner .blog-post .date {
        width: auto;
        padding:32px
    }
}

.blog-area .blog-list .blog-list-inner .blog-post .content {
    display: inline-block;
    * display:inline;
    zoom: 1;
    vertical-align: top;
    background: #fff;
    padding-top: 21px;
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .blog-area .blog-list .blog-list-inner .blog-post .content {
        width:80%
    }
}

@media \0screen {
    .blog-area .blog-list .blog-list-inner .blog-post .content {
        width:80%
    }
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-list .blog-list-inner .blog-post .content {
        width:auto
    }
}

.blog-area .blog-list .blog-list-inner .blog-post .content .title {
    position: relative;
    text-align:left
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .blog-area .blog-list .blog-list-inner .blog-post .content .title:before {
        display: inline-block;
        * display:inline;
        zoom: 1;
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #e9e9e9;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: ''
    }
}

@media \0screen {
    .blog-area .blog-list .blog-list-inner .blog-post .content .title:before {
        display: inline-block;
        * display:inline;
        zoom: 1;
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #e9e9e9;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: ''
    }
}

.blog-area .blog-list .blog-list-inner .blog-post .content .title a {
    color:#000
}

.blog-area .blog-list .blog-list-inner .blog-post .content .title a h2 {
    margin: 0;
    padding: 25px;
    background: #e9e9e9;
    font-size: 20px;
    font-weight: 900;
    text-transform:uppercase
}

@media \0screen, screen\9, screen and (min-width: 1321px), print {
    .blog-area .blog-list .blog-list-inner .blog-post .content .title a h2 {
        font-size:30px
    }
}

.blog-area .blog-list .blog-list-inner .blog-post .content .title a:hover {
    text-decoration:none
}

.blog-area .blog-list .blog-list-inner .blog-post .content .thumb {
    font-size: 0;
    line-height:0
}

.blog-area .blog-list .blog-list-inner .blog-post .content .thumb img {
    width:100%
}

.blog-area .blog-list .blog-list-inner .blog-post .content .excerpt {
    text-align: left;
    font-size: 15px;
    margin: 25px;
    font-weight: 600;
    padding-bottom: 25px;
    border-bottom:10px solid #e9e9e9
}

.pt-blog-inner main {
    margin: 0;
    background:#464646
}

.pt-blog-inner main .blog-inner {
    width:100%
}

.pt-blog-inner main .blog-inner .date {
    display: none;
    vertical-align: top;
    padding: 28px;
    margin-top: 20px;
    background: #eb212e;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight:900
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .pt-blog-inner main .blog-inner .date {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:20%
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .date {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:20%
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .pt-blog-inner main .blog-inner .date {
        width: 132px;
        font-size: 20px;
        padding:32px
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .date {
        width: 132px;
        font-size: 20px;
        padding:32px
    }
}

.pt-blog-inner main .blog-inner .content {
    display: block;
    vertical-align: top;
    background: #fff;
    padding-top: 21px;
    width:100%
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .pt-blog-inner main .blog-inner .content {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:80%
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .content {
        display: inline-block;
        * display:inline;
        zoom: 1;
        width:80%
    }
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .pt-blog-inner main .blog-inner .content {
        width:1068px
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .content {
        width:1068px
    }
}

.pt-blog-inner main .blog-inner .content .title {
    position: relative;
    text-align:left
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .pt-blog-inner main .blog-inner .content .title:before {
        display: inline-block;
        * display:inline;
        zoom: 1;
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #e9e9e9;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: ''
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .content .title:before {
        display: inline-block;
        * display:inline;
        zoom: 1;
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #e9e9e9;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: ''
    }
}

.pt-blog-inner main .blog-inner .content .title h1 {
    margin: 0;
    padding: 25px;
    background: #e9e9e9;
    font-size: 20px;
    font-weight: 900;
    text-transform:uppercase
}

@media \0screen, screen\9, screen and (min-width: 1200px), print {
    .pt-blog-inner main .blog-inner .content .title h1 {
        font-size:30px
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .content .title h1 {
        font-size:30px
    }
}

.pt-blog-inner main .blog-inner .content .title:hover {
    text-decoration:none
}

.pt-blog-inner main .blog-inner .content .thumb {
    font-size: 0;
    line-height:0
}

.pt-blog-inner main .blog-inner .content .thumb img {
    width:100%
}

.pt-blog-inner main .blog-inner .content .content-inner {
    padding:15px
}

@media \0screen, screen\9, screen and (min-width: 640px), print {
    .pt-blog-inner main .blog-inner .content .content-inner {
        padding:30px
    }
}

@media \0screen {
    .pt-blog-inner main .blog-inner .content .content-inner {
        padding: 30px
    }
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow:hidden
}

#cboxWrapper {
    max-width:none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height:100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear:left
}

#cboxContent {
    position:relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling:touch
}

#cboxTitle {
    margin:0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor:pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode:bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin:0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:content-box
}

#cboxOverlay {
    background: url("../images/colorbox/overlay.png") repeat 0 0
}

#colorbox {
    outline:0
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url("../images/colorbox/controls.png") no-repeat -101px 0
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url("../images/colorbox/controls.png") no-repeat -130px 0
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url("../images/colorbox/controls.png") no-repeat -101px -29px
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url("../images/colorbox/controls.png") no-repeat -130px -29px
}

#cboxMiddleLeft {
    width: 21px;
    background: url("../images/colorbox/controls.png") left top repeat-y
}

#cboxMiddleRight {
    width: 21px;
    background: url("../images/colorbox/controls.png") right top repeat-y
}

#cboxTopCenter {
    height: 21px;
    background: url("../images/colorbox/border.png") 0 0 repeat-x
}

#cboxBottomCenter {
    height: 21px;
    background: url("../images/colorbox/border.png") 0 -29px repeat-x
}

#cboxContent {
    background: #fff;
    overflow:hidden
}

.cboxIframe {
    background:#fff
}

#cboxError {
    padding: 50px;
    border:1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom:28px
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color:#949494
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color:#949494
}

#cboxLoadingOverlay {
    background: url("../images/colorbox/loading_background.png") no-repeat center center
}

#cboxLoadingGraphic {
    background: url("../images/colorbox/loading.gif") no-repeat center center
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background:none
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline:0
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color:#0092ef
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/colorbox/controls.png") no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent:-9999px
}

#cboxPrevious:hover {
    background-position:-75px -25px
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url("../images/colorbox/controls.png") no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent:-9999px
}

#cboxNext:hover {
    background-position:-50px -25px
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/colorbox/controls.png") no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent:-9999px
}

#cboxClose:hover {
    background-position:-25px -25px
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

#instafeed a {
    display: inline-block;
    width: 33.3333%;
    height: auto;
}

#instafeed img {
    font-size: 0;
    line-height: 1;
    display: block;
    width: 100%;
    height: 100%;
}

@media (min-width: 760px) {
    .tintselect .quote-sent {
        top: 50%;
        left: 50%;
        width: 600px;
        margin-top: -150px;
        margin-left: -300px;
    }
}

.tintselect .quote-sent {
    padding: 45px 35px;
    text-align: center;
    position: fixed;
    font-size: 16px;
    border-radius: 10px;
    top: 40%;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
    font-size: 19px;
    /* letter-spacing: 1px; */
    z-index: 99999999;
    background-color: #eb212e !important;
}

.tintselect .quote-sent.closed {
    display: none !important;
}

span.closer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 9px;
    margin: 7px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 7px;
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
    color: rgba(0, 0, 0, 0.45);
}